5-03 ウィジェットを追加しよう

WordPress(ワードプレス)超入門 ウィジェットを追加しよう

「WordPress(ワードプレス)超入門」は、株式会社コミュニティコムが運営する「WordPressテーマ&プラグイン販売 コミュニティコムショップ」が、WordPress初心者のためにホームページを開設するまでの手順をわかりやすく解説するシリーズです。

ウィジェットとは、ブロックのように組み合わせられるパーツのようなもので、はめ込むことで特定の位置に特定の機能を実装することができます。ドラッグアンドドロップで好きなウィジェットを追加したり、順番を入れ替えることが可能です。

ウィジェットを設置できる場所とウィジェットの種類は、使用するテーマによって異なります。ここでは、WordPressテーマ&プラグイン販売 コミュニティコムショップで販売している「歯科医院・歯医者さん向け WordPress テーマ by Communitycom」を例に、フッター(メイン部分の下の領域)のウィジェットエリアへウィジェットを追加する方法を解説します。

ウィジェットを追加する

WordPressの管理画面から、メインメニューを作成していきます。WordPress管理画面へのログイン方法については「WordPress(ワードプレス)の管理画面にログインしよう」を参照してください。

ウィジェットの編集画面を表示する

「外観」にマウスポインターを合わせ、表示された「ウィジェット」をクリックします。

WordPress(ワードプレス)超入門 ウィジェットを追加しよう

ウィジェットの編集画面が表示されました。

WordPress(ワードプレス)超入門 ウィジェットを追加しよう

ウィジェットを追加する

歯科医院・歯医者さん向け WordPress テーマ by Communitycom」では、フッターに3つのウィジェットエリアを用意しています。 ここでは「フッター1」エリアへ、「検索」ウィジェットを追加してみましょう。

画面をスクロールして、「検索」ウィジェットをクリックします。

WordPress(ワードプレス)超入門 ウィジェットを追加しよう

ウィジェットを設置したいエリア「フッター1」を選択して、「ウィジェットを追加」をクリックします。

WordPress(ワードプレス)超入門 ウィジェットを追加しよう

「フッター1」エリアに「検索」ウィジェットが追加されました。

WordPress(ワードプレス)超入門 ウィジェットを追加しよう

ひとつのウィジェットエリアに複数のウィジェットを追加することも可能です。管理画面上のウィジェットの順番とホームページ上で見るウィジェットの順番は基本的に同様になります。

ウィジェットの詳細を設定する

ウィジェットが追加できたら、ウィジェットの詳細な設定をしていきましょう。設定できる項目はウィジェットの種類によって異なります。ここでは先ほど追加した「検索」ウィジェットの設定をしましょう。

「タイトル」の下のボックスに、タイトルを入力します。このタイトルはホームページで検索ボックスの上に表示されるテキストです。入力したら「保存」をクリックします。

WordPress(ワードプレス)超入門 ウィジェットを追加しよう

ウィジェットの表示を確認する

ホームページを表示して、追加したウィジェットの設定が反映されているか確認してみましょう。管理画面左上にあるホームページ名をクリックします。

WordPress(ワードプレス)超入門 ウィジェットを追加しよう

フッターエリアに検索ウィジェットが追加されていることを確認できました。

WordPress(ワードプレス)超入門 ウィジェットを追加しよう

ウィジェットを削除する

ウィジェットを外したいときは、外したいウィジェットにマウスポインターを合わせます。

WordPress(ワードプレス)超入門 ウィジェットを追加しよう

そのまま画面の左側までドラッグすると、ウィジェットエリアから削除されます。

WordPress(ワードプレス)超入門 ウィジェットを追加しよう

設定を保持したままウィジェットを削除するには

一時的にウィジェットを削除したい場合には、画面をスクロールすると左下にある「使用停止中のウィジェット」にウィジェットをドラッグしましょう。設定を維持したまま、ホームページから外すことができます。元に戻したいときは、逆に「使用停止中のウィジェット」から追加したいウィジェットエリアへドラッグします。

株式会社コミュニティコムが運営するWordPress(ワードプレス)テーマ&プラグイン販売 コミュニティコムショップでは、弁護士・法律事務所・士業向け WordPress テーマや、歯科医院・歯医者さん向け WordPress テーマなど、 ご購入から30日間の無料サポート付きWordPressテーマを販売しています。もちろん新エディター「Gutenberg(グーテンベルク)」対応です。
>> コミュニティコムショップのWordPressテーマ一覧

また、テーマをご購入いただいたお客様に向けて、テーマに関する単発または継続的なサポートプランもご用意しております。
>> コミュニティコムショップのサポートサービス一覧