WordPress(ワードプレス) ブロックエディタ内でカラムブロックを使って４分割する【WordPress】
カラムブロックを使ってカラムを４分割します。カラムブロックを選択するブロックエディタ内で、カラムブロックを追加します。カラムブロックは、「+」アイコンをクリックしてブロックを追加するか、スラッシュコマンド（「/」）を使用して検索して追加する...
WordPress(ワードプレス)
WordPress(ワードプレス) 
WordPress(ワードプレス) 【WordPress】コードを見やすくするプラグイン｜Urvanov Syntax Highlighter
ブロックエディター上にコードを入れている時に、codeタグの部分を見やすくしたいと思った時に便利なプラグインです。いくつかプラグインがありますが、今回は「Urvanov Syntax Highlighter」を使ってみます。Urvanov ...
WordPress(ワードプレス) 【Lightningテーマ】最初に設定されている「アーカイブ」や「カテゴリ」のウィジェットを削除する
Lightningテーマを有効化すると「アーカイブ」や「カテゴリ」が最初から表示されています。こちらを非表示にする方法です。カスタマイズ設定まずは、サイトを開いている状態で管理バーの「カスタマイズ」を開きます。または、管理画面にログインして...
WordPress(ワードプレス) 【Lightningテーマ】トップページのスライドショーを非表示にする
トップページのスライドショーを非表示にする方法です。カスタマイズ設定管理画面にログインして外観から「カスタマイズ」を選択します。または、サイト上部の管理バーから「カスタマイズ」を選択します。※どちらも同じ画面に移動します。Lightning...
WordPress(ワードプレス) 【JavaScript】現在のページのパラメータを取得して条件でリダイレクトするかどうか切り分ける
パラメータを取得する（URLSearchParams）：params.get以下のようなコードで、現在のページのURLからパラメータを取得し、条件に応じてリダイレクトするかどうかを切り分けることができます。// 現在のURLからパラメータを...
WordPress(ワードプレス) Simple Custom CSS and JSプラグイン｜サイトにCSSやJavaScriptを追加する（WordPress）
「Simple Custom CSS and JS」というWordPressプラグインを使うと、WordPressのサイトにCSSやJavaScriptを追加することができます。プラグインのインストールまずは、「Simple Custom ...
WordPress(ワードプレス) 【WordPress】エックスサーバーでドメインを取得してワードプレスを新規作成する手順｜Xserver
ワードプレスを始めたいと思った時のレンタルサーバーの選択の一つが「エックスサーバー」です。オススメと紹介されたけど何から始めたら…という方に向けて、ワードプレスの導入までの手順をご紹介していきます。エックスサーバー会員登録とレンタルサーバー...
WordPress(ワードプレス) 【Lightningテーマ】ロゴを中央揃えにする｜WordPress
ロゴを中央揃えにするLightningテーマのサイトロゴがPCサイズの場合は左寄せになっています。タブレット～スマホサイズの場合は中央揃えになっています。例えば、このロゴを中央揃えにしたいという場合には、CSSを使用してヘッダーレイアウトを...
WordPress(ワードプレス) WordPress Download Manager｜ブログにダウンロードボタンを追加できる便利プラグイン
「WordPress Download Manager」プラグインは、WordPressのウェブサイトでファイルをアップロードし、ダウンロード可能なリンクを生成することができる便利なツールです。以下は、WordPress Download ...
WordPress(ワードプレス) 【WordPress】フローティングボタンでお問い合わせやコンバージョンを簡単に！「Blog Floating Button」プラグインの使い方
「Blog Floating Button」という無料のWordPressプラグインを使用すると、ブログのページに浮動するフローティングボタン（フッターバナー）を追加することができます。このボタンをクリックすると、訪問者があなたのブログを簡...
WordPress(ワードプレス) 【WordPress】初心者でも実践できる！ブログ成長の30の秘訣とポイントについて
ブログを成長させるためには、様々な要素やポイントが必要です。今回は、ブログ成長に必要な30の要素についてまとめました。ブログ成長の30の秘訣とポイント目的を明確にする目的を明確にする：ブログの目的やテーマを明確にし、読者層を明確にしてくださ...
WordPress(ワードプレス) 【WordPress】記事のURLパーマリンクを変更してリダイレクトする｜Redirectionプラグイン
パーマリンクの変更に関するリダイレクトは、ウェブサイトの適切な機能として重要です。パーマリンクを変更すると、既存のURLが変更されるため、過去のリンクや検索エンジンのインデックスに影響を与える可能性があります。Redirectionを使用す...
WordPress(ワードプレス) 【ContactForm7】電話番号にハイフン無し制限を追加する
電話番号にハイフン無しの制限を追加するContact Form7は、WordPressのプラグインの1つであり、ウェブサイトのコンタクトフォームを作成することができます。電話番号の入力欄のショートコードを選択して追加することで、電話番号のみ...
WordPress(ワードプレス) 「Just another WordPress Site」とは？【WordPress】
「Just another WordPress Site」とは？"Just another WordPress site"とは、WordPressを使用して作成されたウェブサイトの標準的なデフォルトのキャッチフレーズです。新しいWordPr...
WordPress(ワードプレス) 【WordPress】WEBページ内の自作フォームからGoogleフォームの回答に送信する｜form action [PART2]
前回の続きです。WordPressでページ内にフォームを作成し、そのフォームが送信された際にGoogleフォームの回答として送信する方法です。前回の状態の場合、WEBフォームから送信をすると、送信したタイミングでGoogleフォームの画面が...
WordPress(ワードプレス) Contact Form7 フォームのデザインをいい感じに改良したい【CSS】
Contact Form7は、WordPressで最も広く使用されているフォームプラグインの1つです。デフォルトのデザインは単純であるため、改良することは可能です。フォームのHTMLコードを確認するまず、Contact Form7のフォーム...
WordPress(ワードプレス) 【ConoHa WING（コノハウィング）】新規のドメインを契約する方法
ConoHa WING（コノハウィング）は、VPSやクラウドストレージなどを提供しているサービスです。ドメインを契約して、自分のウェブサイトを公開することもできます。今回は、ConoHa WINGで新規にドメインを契約する方法をご紹介します...
WordPress(ワードプレス) functions.phpを修正せずにWordPressサイトにコードを追加できるプラグイン「Code Snippets」
「Code Snippets」プラグインとは？「Code Snippets」は、WordPressサイトにカスタム機能を追加するためのプラグインです。このプラグインを使用すると、ユーザーはWordPressのテーマファイルやプラグインファイ...
WordPress(ワードプレス) 効果的なブログの書き方の参考になる10のフレームワーク
ブログを書くときには、以下のようなフレームワークが役立つことがあります。PREPフレームワークPoint（ポイント）、Reason（理由）、Example（具体例）、Point（ポイント）の4つの要素を順に並べ、読者に伝えたいことをわかりや...
WordPress(ワードプレス) 【Contact Form7】メールアドレスが正しいかどうか2回入力して検証するフォームを作成する
メールアドレスが正しいかどうか2回入力して、検証するフォームを作成します。フィルターフックに追加するこのコードは、Contact Form 7のバリデーションフィルタを追加するためのものです。functions.phpやスニペットに追加する...
WordPress(ワードプレス) 【WordPress】ブログ投稿と連動してTwitterに自動投稿できる便利プラグイン｜Blog2Social
「Blog2Social」というプラグインを使えば、WordPressのブログ投稿を自動的にSNSに投稿することができます。以下は、Blog2Socialの設定方法です。プラグインのインストールと有効化プラグインのインストールと有効化 まず...
WordPress(ワードプレス) 【Contact Form 7】JavaScriptで送信ボタン押下時・送信成功時などの処理を設定する（DOM イベント）
Contact Form 7で送信ボタンを押した時、送信成功時などにJavaScript（DOM イベント）で処理を加える方法です。今回はリダイレクトを設定してみます。送信ボタン押下時（wpcf7submit）条件に関係なく、Ajax のフ...
WordPress(ワードプレス) 【WordPress】WEBページ内の自作フォームからGoogleフォームの回答に送信する｜form action [PART1]
WordPressでページ内にフォームを作成し、そのフォームが送信された際にGoogleフォームの回答として送信する方法について。ページ内のフォーム送信時にGoogleフォームの回答に送信してみます。form action についてこの例で...
WordPress(ワードプレス) Contact Form7の送信時にGASとLine Notifyで通知を受け取る-Part4
WordPressのContact Form7プラグインで送信があった際に、LINEに通知を受け取る方法です。前回の続きです。Part3はこちら↓yyyy/mm/dd形式に変換するSat May 06 2023 00:00:00 GMT+0...
WordPress(ワードプレス) Contact Form7で送信があった時にGoogle Apps Scriptを使用してLine Notifyで通知を受け取る-Part3
WordPressのContact Form7プラグインで送信があった際に、LINEに通知を受け取る方法です。前回の続きです。Part2はこちら↓スプレッドシートの値を取得する前回のままだと、通知を送る際のメッセージは、固定されたままの内容...
WordPress(ワードプレス) 【WordPress(ワードプレス）】スパムメールを無くすreCAPTCHA（リキャプチャ）の設定方法（Contact Form 7）
スパム？らしき問い合わせが急増…？お問い合わせに、延々と、スパム？らしき問い合わせが、急増…。基本的にお問い合わせは受け付けていない（というよりほぼ無い）のですが、一応お問い合わせフォームらしきものは設置しています。そのサイトのお問い合わせ...
WordPress(ワードプレス) 【WordPress】投稿ページや固定ページにパスワード保護をかける方法
ページにパスワードをかけるWordPressで投稿ページや固定ページにパスワードをかける方法は、以下の手順で行うことができます。ページを作成する→表示状態の「公開」欄をクリックして、「パスワード保護」を選択するパスワードを入力する（任意のパ...
WordPress(ワードプレス) Contact Form7で送信があった時にGoogle Apps Scriptを使用してLine Notifyで通知を受け取る-Part2
WordPressのContact Form7プラグインで送信があった際に、LINEに通知を受け取る方法です。前回の続きです。Part1はこちらフォームを準備するまずは、Contact Form7のフォームを準備します。こちらはテキストを入...
WordPress(ワードプレス) Contact Form7で送信があった時にGoogle Apps Scriptを使用してLine Notifyで通知を受け取る-Part1
WordPressのContact Form7プラグインで送信があった際に、LINEに通知を受け取る方法です。LINE Notifyのアカウントを作成するまずは、LINE Notifyのアカウントを作成します。LINE NotifyはLIN...
WordPress(ワードプレス) WordPressにあいまい検索を導入する【Googleカスタム検索エンジン】
WordPressには、便利な「サイト内検索機能」が標準搭載されています。しかし、WordPressのデフォルトの検索機能は、完全一致の検索を行いますので、あいまい検索だと結果が出ないという問題があります。曖昧検索を行いたい場合は、「Goo...
