DocsWP — WordPress Help

WordPressウィジェットを管理する

この記事では「Classic Widgets」について説明します。新しいブロックベースのウィジェットを使用している場合は、この記事をご確認ください。

WordPressウィジェットは、ウィジェットエリアにコンテンツや機能を追加します。ウィジェットエリアはテーマによってあらかじめ定義された領域で、通常はサイドバーまたはフッターにありますが、テーマによって異なります。例として、カテゴリー、タグクラウド、検索などのWordPressに標準で付属するウィジェットがあります。プラグインによっては、独自のウィジェットを追加するものもあります。

ウィジェットはもともと、WordPressテーマのデザインと構造をユーザーが簡単に操作できるようにするための、シンプルで使いやすい方法として設計されました。現在では、適切に「ウィジェット化」されたWordPressテーマで利用でき、WordPressのデザインと構造にヘッダーやフッターなどを含めることができます。

ウィジェットを使用するのに、コードの経験や専門知識は必要ありません。WordPress管理画面のテーマカスタマイザーまたは外観 > ウィジェットで、追加、削除、並べ替えができます。

一部のWordPressウィジェットでは、入力フォーム、データや情報の含める・除外する設定、オプション画像など、さまざまなカスタマイズやオプションを利用できます。

ブロックベースのウィジェットエディターでは、ブロックを使用した更新版のウィジェットの使い方を説明しています。

外観ウィジェット画面では、クラシックな環境でWordPressに付属する各種ウィジェットの使い方を説明しています。

ウィジェットが同梱されたプラグインは、WordPressプラグインディレクトリで見つけることができます。

ウィジェットのインストール

WordPressには、さまざまなウィジェットがあらかじめ含まれています。 これらではニーズを満たせない場合は、WordPress管理画面のプラグイン > 新規追加画面からアクセスできるWordPressプラグインディレクトリで検索して、新しいウィジェットをインストールできます。

ウィジェットの表示

既存のウィジェットエリアに既存のウィジェットを表示する

ウィジェットを追加する前に、使用しているテーマがウィジェット（より正確にはウィジェットエリア）に対応していることを確認する必要があります。 外観メニューに移動し、「ウィジェット」という名前のサブメニューを探すだけで確認できます。

テーマがテーマカスタマイザーに対応している場合は、次の手順を使用できます。テーマカスタマイザーでは、変更内容をライブプレビューで確認できます。

  1. WordPress管理画面で外観 > カスタマイズに移動します。
  2. テーマカスタマイザーでウィジェットメニューをクリックし、ウィジェットカスタマイズ画面にアクセスします。
  3. ウィジェットエリアの下向き矢印をクリックして、登録済みのウィジェットを一覧表示します。
  4. サイドバー下部の「ウィジェットを追加」ボタンをクリックします。利用可能なウィジェットの一覧が表示されます。
  5. 追加したいウィジェットをクリックします。ウィジェットがサイドバーに追加されます。
  6. サイトをプレビューすると、新しいウィジェットのコンテンツが表示されます。
  7. サイドバー内のウィジェットを並べ替えるには、希望する順序にウィジェットをドラッグ＆ドロップするか、「並べ替え」リンクをクリックして各ウィジェットの上矢印と下矢印をクリックし、並べ替えが終わったら「完了」をクリックします。
  8. ウィジェットの機能をカスタマイズするには、右側の下向き矢印をクリックしてウィジェットのインターフェースを展開します。
  9. ウィジェットを削除するには、上の手順で表示したウィジェットのインターフェースから削除をクリックします。

テーマがテーマカスタマイザーに対応していない場合は、次の従来の手順を使用できます。

  1. WordPress管理画面で外観 > ウィジェットに移動します。
  2. ウィジェットを選択し、表示したいサイドバーへドラッグするか、ウィジェットをクリックして（テーマに複数のサイドバーがある場合は移動先のサイドバーを選択し）、「ウィジェットを追加」ボタンをクリックします。サイドバーの選択肢が複数ある場合があるため、まずは最初のものから始めてください。配置すると、WordPressがテーマを自動的に更新します。
  3. サイトをプレビューします。「デフォルト」のサイドバー要素がなくなり、新しく追加したものだけが表示されているはずです。
  4. ウィジェット画面に戻り、ウィジェットの追加を続けます。
  5. サイドバーまたはウィジェットエリア内のウィジェットを並べ替えるには、クリックして目的の場所へドラッグします。
  6. ウィジェットの機能をカスタマイズするには、右上隅の下向き矢印をクリックしてウィジェットのインターフェースを展開します。
  7. ウィジェットのカスタマイズを保存するには、「保存」をクリックします。
  8. ウィジェットを削除するには、「削除」をクリックします。

ウィジェットを削除したいものの、将来使用する可能性のために設定を保存しておきたい場合は、非アクティブなウィジェットエリアへドラッグするだけです。そこからいつでも元に戻せます。これは、ウィジェットエリアが少ない、または異なるテーマに切り替える場合に特に便利です。

テーマを変更すると、ウィジェットエリアやサイドバーの数と構成が変わることが多く、こうした相違によって移行が少しスムーズでなくなる場合があります。テーマを変更してウィジェットが見当たらない場合は、画面を下へスクロールして非アクティブなウィジェットエリアを確認してください。そこにはすべてのウィジェットとその設定が保存されています。

「表示オプション」からアクセシビリティモードを有効にすると、ドラッグ＆ドロップの代わりに「追加」ボタンと「編集」ボタンを使用できます。

ウィジェットエリア

ウィジェットエリアは通常、Webページのサイドバーにありますが、テーマによってはページ内のどこにでも配置できます。たとえば、通常のサイドバーの位置に加えて、Twenty Seventeenテーマにはすべてのページのフッターにウィジェットエリアがあります。

テキストウィジェットの使用

テキストウィジェットは、すべてのWordPressインストールに付属する、最も一般的に使用されるWordPressウィジェットの1つです。テキスト、動画、画像、カスタムリストなどをWordPressサイトに追加できます。

WordPressテキストウィジェットを使用するには:

  1. WordPress管理画面で外観 > カスタマイズに移動し、テーマカスタマイザーのウィジェットメニューをクリックします。または、WordPress管理画面で外観 > ウィジェットに移動します。
  2. テキストウィジェットを追加したいサイドバーを開きます。
  3. ウィジェット一覧からテキストウィジェットを探します。
  4. ウィジェットをクリックして、表示したい場所へドラッグします。

テキストウィジェットを開いて編集するには:

  1. テキストウィジェットのタイトル右側にある下向き矢印をクリックします。
  2. テキストウィジェットのタイトルを設定します（任意）。
  3. ボックスにテキストまたはHTMLコードを追加するか、現在の内容を編集します。
  4. 各テキストブロックをHTMLの段落タグで囲む段落を自動的に追加オプションを選択します（テキストの場合に推奨）。
  5. 「保存」をクリックしてテキストウィジェットを保存します。
  6. 「閉じる」をクリックしてテキストウィジェットを閉じます。
  7. ブラウザーでタブを切り替え、結果をプレビューして、必要に応じて変更します。

テキストウィジェットには、さまざまなHTML、XHTML、マルチメディアのリンクや、動画やオブジェクトの埋め込みなどのプレーヤーを追加できます。

テキストウィジェットへのコードの追加

基本的なHTML、埋め込み、JavaScriptはWordPressテキストウィジェットに簡単に追加できます。マルチメディア用のソーシャル共有サイトの埋め込みコードの多くは、WordPressテキストウィジェットで動作します。ただし、PHPなどのアクティブコードやプログラミング言語は、ウィジェットが表示できないコードを取り除くため動作しません。

テキストウィジェットにアクティブコードを追加するには、投稿でのPHP使用に関するWordPressの制限を上書きするWordPressプラグインディレクトリの多くのプラグインのいずれかを使用します。プラグインによってはウィジェットで動作しないものもあるため、ウィジェットに対応していることを確認してください。

RSSウィジェットの使用

RSSウィジェットを使用すると、Twitterアカウント、Facebookの投稿、Google+の投稿、その他のブログなど、外部フィードソースのコンテンツをサイトのウィジェットエリアに統合できます。

RSSウィジェットは、アクティブなフィードを持つあらゆるソースから、最新の公開コンテンツを表示します。外部コンテンツをサイトに統合するのに最適な方法です。

デフォルトでは、WordPress RSSウィジェットは投稿タイトル、またはツイートや長いタイトルなしの投稿の最初の約100文字を表示します。フィードのデザインと構造に応じて、これらはリンク形式で表示されるか、元のソースへのリンクが付加されます。

  1. サイドバーやその他のウィジェット化されたスペースに含めたいコンテンツのソースページからRSSフィードURLをコピーし、最初のボックスに入力します。
  2. フィードにタイトルを付けます。これは任意で、コンテンツのソースを紹介できます。
  3. 表示する項目数: デフォルトでは10件ですが、1～20件の投稿から選択できます。
  4. 項目の内容を表示しますか?: タイトルだけでなく、コンテンツの抜粋も表示できます。
  5. 項目の作成者が利用可能な場合に表示しますか?: コンテンツの元の作成者をクレジット表示したい場合は、これを選択して作成者を表示します。
  6. 項目の日付を表示しますか?: 利用可能な場合は、元のコンテンツの日付が表示されます。

WordPressのサイドバーやその他のウィジェット化されたエリアには、受信フィード用のRSSウィジェットを複数追加できます。

リソース