ウィジェットとは

WordPressでは、ウィジェットはサイトのサイドバー、フッター、ヘッダー、およびメインコンテンツの一部ではないその他のエリアに追加できるコンテンツ要素です。

サイドバーにブロガーのソーシャルメディアへのリンクや関連記事の推奨事項が含まれているWordPressブログを見たことがあるなら、それらの要素はほとんどウィジェットでしょう。その他の一般的なウィジェットの種類には、カレンダー、バナー広告、検索バーなどがあります。

ウィジェットエリアを提供するブロックを使用しないWordPressテーマを使用している場合は、ウィジェットを使用できます。この場合、WordPressダッシュボードのメニューに「ウィジェット」セクションが表示されます。そこで、テーマで利用可能なウィジェットエリアを確認し、テーマにウィジェットを追加できます。

WordPressのウィジェットとは

WordPressにおけるウィジェットの目的は何ですか?

WordPressウィジェットの目的は、テーマのコードを直接編集することなく、ウェブサイトのさまざまなエリア(例:サイドバー、フッター、ヘッダー)にさまざまな種類のコンテンツを表示することです。

これらのウィジェットエリアは、ユーザーのメインページコンテンツから注意をそらすことなく、ページに追加情報を表示するのに役立ちます。

WPBeginnerのウィジェットの例

WordPressには、アーカイブ、カレンダー、最新投稿、ナビゲーションメニュー、ソーシャルメディアアイコン、RSSフィード、タグクラウド、カテゴリリストなどのデフォルトウィジェットが用意されています。

ウィジェットエリアとウィジェットは異なりますか?

ウィジェットエリアはウィジェットを挿入できる場所であり、ウィジェットはそれらのウィジェットエリアに追加する特定のコンテンツ要素です。

WordPressのテーマによって、ウィジェットエリアは異なります。ヘッダー、フッター、サイドバー、ブログ投稿コンテンツのすぐ下、またはほぼすべての他のエリアに配置される場合があります。

Astraテーマで利用可能なウィジェットエリアの例を以下に示します:Astraテーマ

Astraテーマのウィジェットエリア

通常、WordPressウェブサイトのすべてのページには同じウィジェットエリアがあります。これは、同じウィジェットがウェブサイト全体に表示されることを意味します。

とはいえ、特定のウィジェットを特定のページにのみ表示させる方法もあります。これは、ホームページのウィジェットをブログ記事のウィジェットとは異なる外観にしたい場合に役立つかもしれません。

特定のページにウィジェットを表示または非表示にする方法については、ステップバイステップのガイダンスをご覧ください。また、WordPressで投稿やページごとに異なるサイドバーを表示する方法に関するガイドも参照してください。

ウィジェットとブロックの違いは何ですか?

WordPressでは、ブロックはページや投稿に追加できるコンテンツ要素です。ウィジェットも基本的に同じものですが、テーマのウィジェットエリアに追加するという点が異なります。

WordPress 5.8以降、ウィジェットとブロックの違いはあまり目立たなくなりました。これは、ウィジェットがページや投稿のGutenbergエディターと同様のブロックベースのエディターを使用しており、ブロックをウィジェットエリアにドラッグアンドドロップできるためです。

デフォルトのWordPressブロックも、利用可能なウィジェットエリアに追加できるウィジェットとして利用できます。

ウィジェットとブロックについては、WordPressウィジェットとブロックの違いは何ですか?に関する記事で詳しく読むことができます。

ウィジェットとプラグインの違いは何ですか?

WordPressプラグインは、ウェブサイト全体にカスタム機能を追加するためにインストールする拡張機能です。一方、WordPressウィジェットは、サイドバー、フッター、ヘッダーなどのページのウィジェットエリアに追加するコンテンツ要素です。

一部のプラグインは、ウィジェットエリアに追加できる独自のウィジェットを提供しています。例えば、WPFormsを使用している場合、訪問者の質問を受け取るための問い合わせフォームを作成および管理できます。プラグインページは次のようになります:

WPFormsプラグインページ

問い合わせフォームを作成したら、WordPressダッシュボードのウィジェットページに移動し、フォームウィジェットを利用可能なウィジェットエリアのいずれかに追加できます。

この機能は、有料プラグインまたは無料プラグインのどちらを使用しても利用できます。

ブロックウィジェットエディターのWPFormsウィジェット

ウィジェットを備えたプラグインのその他の例としては、Smash Balloon(ソーシャルメディアフィードの追加用)、WooCommerce(eコマース製品の表示用)、Envira Gallery(画像ギャラリー用)などがあります。

すべてのWordPressテーマでWordPressウィジェットを使用できますか?

WordPressウィジェットは、クラシックWordPressテーマでのみ利用可能です。クラシックテーマを使用している兆候の1つは、管理パネルに外観 » カスタマイズが表示され、WordPressカスタマイザーにアクセスできることです。また、同じメニューの下にウィジェットオプションも表示されます。

WordPress管理画面のカスタマイズとウィジェットメニュー

ブロックWordPressテーマを使用している場合、WordPress管理メニューにウィジェットという項目は表示されません。

ただし、WordPressのフルサイトエディターを使用して、フッター、ヘッダー、サイドバー、その他のテーマの部分にコンテンツを追加することは可能です。

WordPressサイトにウィジェットを追加する方法

クラシックテーマを使用しており、WordPressウィジェットを使用したい場合は、管理サイドバーから外観 » ウィジェットページに移動できます。そこにアクセスすると、メインコンテンツセクションにテーマのウィジェットエリアが表示されます。

利用可能なすべてのウィジェットを表示するには、ウィジェットエリアまたは左上の「+ ウィジェットを追加」ボタンをクリックしてください。

ご覧の通り、テキストウィジェット、検索ウィジェット、最近の投稿ウィジェットなど、さまざまな種類のウィジェットが表示されます。

新しいウィジェットをウィジェットエリアに追加するには、クリックするか、目的の場所にドラッグアンドドロップするだけです。

WordPressにウィジェットを追加する方法

各ウィジェットには独自のΡ設定があり、ウィジェットを選択したときに左側に表示されます。

例えば、最新投稿ウィジェットを使用している場合、それをクリックすると、ウィジェット設定には投稿の要素を表示するオプション、新しいものから古いものへ並べ替えるオプション、表示する投稿数を編集するオプションが含まれます。

最新の投稿ブロックウィジェットの設定

ウィジェットの追加と編集が完了したら、「更新」ボタンをクリックして変更を公開します。

詳細な手順については、WordPressでウィジェットを追加して使用する方法に関する完全ガイドをご覧ください。

WordPressでカスタムウィジェットを作成できますか?

はい、WordPressでカスタムウィジェットを作成できます。ただし、functions.phpファイルを編集する必要があり、PHPのコーディング知識が必要なため、初心者にはあまり簡単ではありません。

また、カスタムウィジェットを作成する際には、サイトでの致命的なエラーを防ぐために、サイトのバックアップステージング環境の使用をお勧めします。

詳細については、カスタムWordPressウィジェットの作成方法に関するステップバイステップガイドをご覧ください。この記事には、基本的なWordPressウィジェットを作成するためのコードテンプレートが含まれています。

この記事でウィジェットについてさらに詳しく学んでいただけたことを願っています。関連する役立つWordPressのヒント、コツ、アイデアに関する記事については、以下の追加資料リストも参照してください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

関連記事

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!