WordPressのウィジェットの選び方と設定方法【WordPress作り方講座4】

間宮 一樹
  • このエントリーをはてなブックマークに追加
150428

Mamiya

Wordpressを使ったブログの作り方を紹介しています。

今回はウィジェット設定方法と選び方です。
 

Wordpressのウィジェットについて

"Widget(ウィジェット)"とは元々は「小さな部品」という意味です。

ブログやホームページを作るには、
HTMLやPHPといった難しいプログラミングの知識が必要ですが、
ウィジェットがあれば、初心者でも作れるようになります。
 
 
WordPressには、ウィジェットがいくつも用意されていて、
サイドバーに設定できるようになっています。

例えば、「検索」「おすすめ記事」「Facebookボックス」など、
ブログを作るのに必要なものはひと通りそろっています。

0428-01

ここでは、そんなウィジェットの設定方法と、
ブログにおすすめのウィジェットを紹介していきます。
 

WordPressでウィジェットを設定する方法

WordPressの管理画面から「外観→ウィジェット」を選ぶことで、
ウィジェットの設定をすることができます。

0428-02

ウィジェットの追加と削除

使えるウィジェットはWordPressのテーマによって異なります。
また、プラグインを入れることで追加することもできます。

基本的には、どのウィジェットも設定方法は同じになるので、
これから紹介する手順で設定することができます。

今回は、WordPressに初期設定されている
Twenty Fifteenというテーマを使って説明します。

Twenty Fifteenのウィジェットはこのようになっています。

0428-03

ウィジェットエリアに並んでいるのが、
現在のサイトに表示されているウィジェットです。

0428-04

左側の利用できるウィジェットを選んで追加することができます。

0428-05

ウィジェットを追加するのは簡単で、
利用できるウィジェットをドラック&ドロップで追加できます。

0428-06


また、利用できるウィジェットに並んでいる
ウィジェットをクリックすると表示される
「ウィジェットを追加」ボタンからでも追加できます。

0428-07

設定したウィジェットを削除するには、
ウィジェットエリアのウィジェットをドラックして
エリア外に出すことで削除することができます。

0428-08

また、ウィジェット名の右側の▲をクリックすると、
ボックスが開いて「削除」ボタンが表示されます。

ここからも削除することができます。

0428-09

 

ウィジェットの編集方法

ウィジェットを編集するには、
ウィジェットエリアにあるウィジェットの▲をクリックします。

0428-10

表示された項目に入力すればウィジェットが編集されます。

ここで編集できる項目はウィジェットによって異なります。
例えば、「カテゴリー」「アーカイブ」はこんな感じです。

0428-15

編集が完了したら「保存」ボタンをクリックしてください。

0428-14

ウィジェットを並べ替えるには、
ウィジェットエリア内でドラックアンドドロップしてください。

ブログにおすすめのウィジェットを紹介

WordPressにはさまざまなウィジェットが用意されていますが、
ブログを作るときにおすすめのウィジェットを紹介します。
 

検索

サイト内の記事を検索できる様になります。

0428-15

 
 

最新の投稿

最新の投稿を表示することができます。

表示できる記事数を選ぶことができます。
5〜10記事くらいがおすすめです。

0428-16

 
 

カテゴリー

カテゴリーを表示することができます。

表示されたカテゴリーをクリックすると、
カテゴリーごとのアーカイブ(記事一覧)が表示されます。

0428-17

 
 

Facebookボックス

このようなFacebookボックスをサイドバーに表示できます。

0428-18

Facebookボックスのウィジェットは初期設定にはありませんが、
プラグインを追加することで設置できるようになります。

おすすめのプラグインは「Jetpack」です。

「Jetpack」をインストールすると、
このようなウィジェットが表示されます。

0428-19

表示したいFacebookのURLを貼り付けることで、
簡単にFacebookボックスを設置することができます。

 

テキスト

実は一番使用頻度が高くなるのがこの「テキスト」です。

0428-20




「テキスト」にはHTMLを書き込むことができるので、
さまざまな状況に対応できます。
 
 
他にも使えるウィジェットはたくさんあるので、
いろいろと試してみて用途にあったものを選んでください。
 
 
次回は、ヘッダー画像の設定方法について紹介します。
 

これまでのWordPress作り方講座はこちら


「Wordpressでブログを作るための準備」


「Wordpressのログイン方法と管理画面の使い方」


「Wordpressのテーマの選び方と設定方法」

  • このエントリーをはてなブックマークに追加

SNSでもご購読できます。

コメントを残す

*


*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>