スポンサーリンク

WordPress利用マニュアル ウィジェットの追加と設定方法

WordPress
WordPress

@gorian91)です。 WordPressでブログを運営しているときに、よく使うのが「ウィジェット」と呼ばれる機能です。 「ウィジェット」は、簡単に言うとWordPressで作られたブログに特定の機能を実装するためのパーツのようなものです。 このウィジェットを使うことによって、簡単にブログをカスタマイズすることができます。 今回はこの「ウィジェット」の使い方について解説します。 [aside] 今回は僕が使ってるテストサイトを使って解説しています。 [/aside]

サイドバーにウィジェットを追加する

今回はサイドバーにウィジェットを追加してみたいと思います。 まずはWordPressの管理画面から、「外観」>「ウィジェット」を選択します。 [caption id="attachment_198" align="alignnone" width="720"] 「外観」>「ウィジェット」を選択[/caption] こちらがウィジェットの管理画面です。 [caption id="attachment_199" align="alignnone" width="720"] ウィジェットの管理画面[/caption] [caption id="attachment_200" align="alignnone" width="720"] 右側がウィジェット選択、左側が現在反映されているウィジェット[/caption] 左側がウィジェットの一覧、右側が現在サイトに設定されているウィジェットです。 [aside type=”warning”]利用しているテーマによって表示されている項目が若干異なります。 [/aside] ウィジェットをサイトに追加する場合は、追加したいウィジェットを右側から探してドラッグすればOKです。 [caption id="attachment_201" align="alignnone" width="720"] 追加したいウィジェットをドラッグで移動[/caption] 今回は試しに「RSS」をサイドバーに追加してみます。 左側にある「RSS」をサイドバーウィジェットにドラッグします。 [caption id="attachment_202" align="alignnone" width="720"] 追加したいウィジェットをドラッグ、RSSフィードのURLを入力して「保存」を選択[/caption] あとは、ウィジェットの設定をして「保存」をクリックすればOK。これでサイドバーに「RSS」のウィジェットが追加されました。

ブログでウィジェットの表示を確認

ウィジェットの追加が完了したので、キチンと反映されているかどうか、表示を確認します。

ウィジェットの追加前

[caption id="attachment_203" align="alignnone" width="720"] Before[/caption]

ウィジェット追加後

[caption id="attachment_204" align="alignnone" width="720"] After[/caption] 無事に「筋ジスですが何か?」のRSSフィードが追加されていました。 あとは、お好みに応じて必要なパーツを追加していくだけです。 ウィジェットの表示順序を入れ替える場合は、先程ウィジェットを追加したときと同様に、ドラッグして移動させればOK。 HTMLの知識がなくても簡単に追加できます。

ウィジェットの種類と使い方

ちなみに、今回はRSSのウィジェットを追加しましたが、ウィジェットの種類が色々あるので、よく使うであろうパーツをまとめてみました。 [aside type=”boader”] よく使うウィジェット
  • テキスト:自由入力欄(HTMLも可)
  • 最近の投稿:最新の投稿記事を表示
  • カテゴリー:記事のカテゴリ一覧
  • カスタムメニュー:ナビゲーションメニュー
  • カレンダー:カレンダーを追加
  • RSS:RSSフィード
[/aside] よく使うウィジェットはだいたいこの6つですね。 追加したい場所にウィジェットを追加しましょう。 また、利用しているテーマによって、オリジナルのウィジェットもあったりするので、上記はあくまで基本的なパーツのみとお考えください。

まとめ

今回は、WordPressのウィジェットの追加方法について解説しました。 WordPressでブログを運営していると、よく触ることになるので、使い方を覚えておくと便利です。]]>

タイトルとURLをコピーしました