ウィジェットとは

WordPressのウィジェットとは、ホームページののサイドバーやヘッダおよびフッターにさまざまなパーツを設置できる機能です。

記事検索、最近の投稿、カテゴリー…など、さまざまな機能を持ったパーツを設定し設置することが可能です。

利用できるウィジェットは、WordPressに標準で用意されている以外に、テーマの独自ウィジェットや、ウイジェット関連のプラグインで追加できるウィジェットがあります。

ただし、ウィジェットはホームページのどこにでも自由に設置が可能ではありません。

ウィジェットが設置できる場所をウィジェットエリアと呼ばれていますが、ご使用するテーマに左右されます。

実際の設定方法

投稿の更新情報を基に制作事例を紹介します。画像をクリックすると全体が表示され赤枠部分が該当いたします。

実際の作業

左側サイドメニューの外観>ウイジェットをクリック

ウイジェット画面赤枠部分編集します。

サイドバー(共通上部)投稿以外にカスタム投稿で例えばニュースを作成した場合ニュースも投稿も共通して表示させるという意味になります。

  1. 現状検索を設定しています。
  2. プラスマークをクリックしてブロックを選択
  3. ブロック一覧が表示します。

※Gutenbergの記事作成と同じ要領です。

サイドバー(投稿)投稿のサイドバーのみ表示検索下部に表示されます。

  1. 現状最近の投稿・アーカイブを設定しています。
  2. プラスマークをクリックしてブロックを選択
  3. ブロック一覧が表示します。

※Gutenbergの記事作成と同じ要領です。

サイドバー(共通下部)投稿以外にカスタム投稿で例えばニュースを作成した場合ニュースも投稿も共通して表示させるという意味になります。

  1. 現状お問い合わせを設定し値ます。
  2. プラスマークをクリックしてブロックを選択
  3. ブロック一覧が表示します。

※Gutenbergの記事作成と同じ要領です。

フッタ上部(フッタエリア上部に表示されます。)

  1. 現状SNSアイコン・CTSを設定しています。
  2. プラスマークをクリックしてブロックを選択
  3. ブロック一覧が表示します。

※Gutenbergの記事作成と同じ要領です。

フッタエリアは当初の設定で3分割しています。

フッタウイジェットエリア1の表示

  1. 現状会社情報・SNSを設定しています。
  2. プラスマークをクリックしてブロックを選択
  3. ブロック一覧が表示します。

※Gutenbergの記事作成と同じ要領です。

フッタウイジェットエリア2の表示

  1. 現状Twitterを設定しています。
  2. プラスマークをクリックしてブロックを選択
  3. ブロック一覧が表示します。

※Gutenbergの記事作成と同じ要領です。

フッタウイジェットエリア3の表示

  1. 現状Facebookを設定しています。
  2. プラスマークをクリックしてブロックを選択
  3. ブロック一覧が表示します。

※Gutenbergの記事作成と同じ要領です。

関連ページ

事前準備

WordPressで企業のホームページを作成したいと思いませんか?このサイトでは制作前の事前準備を解説しております。業務用のホームページを作成したい方は必見です。

Read more
まずはテーマの選択

WordPressで企業のホームページを作成したいと思いませんか?このサイトではテーマの選択を解説しております。業務用のホームページを作成したい方は必見です。

Read more
必要なプラグイン

WordPressで企業のホームページを作成したいと思いませんか?このサイトでは必要なプラグインを解説しております。業務用のホームページを作成したい方は必見です。

Read more
Wordpressの使い方
HOME画面の制作

WordPressで企業のホームページを作成したいと思いませんか?このサイトではHOMEの設定方法を解説しております。業務用のホームページを作成したい方は必見です。

Read more
Wordpressの使い方
メニューの作成

WordPressで企業のホームページを作成したいと思いませんか?このサイトではメニューの作成方法を解説しております。業務用のホームページを作成したい方は必見です。

Read more
Wordpressの使い方
各種ページの使い方

WordPressで企業のホームページを作成したいと思いませんか?このサイトでは各種ページの使い方を解説しております。業務用のホームページを作成したい方は必見です。

Read more