『LION BLOG』ウィジェットの使い方：初心者向け

最終更新日：2018.06.03

WordPressの無料テーマ『LION BLOG』について解説しているページです。

今回のテーマは『LION BLOG』における【ウィジェット】の使い方です。

ウィジェットの操作方法を知りたい方は、『LION MEDIA』ウィジェットの使い方解説ページ内「ウィジェットの設定はどこからするの？」をご参照ください。

６ヶ所のウィジェット設置エリア

『LION BLOG』ではウィジェットエリアが６ヶ所設けられています。

1. 通常サイドバーエリア
2. 固定サイドバーエリア
3. TOPページ上部エリア
4. 記事上エリア
5. 記事下エリア
6. 関連記事内広告エリア

WordPressをインストールした際に設定されている「Twenty Seventeen」と比べてみると、『LION MEDIA』の方が様々なエリアに設置できるのがわかりますね。

『LION BLOG』のウィジェットエリア

「Twenty Seventeen」のウィジェット設置エリア

ウィジェットエリアのイメージ

ウィジェットのエリア名だけ言われても、なんだかイメージがわきませんよね。では、Webページのどのエリアのことをいっているのか見てみましょう。

TOPページ上部エリア

メイン画像とアーカイブ投稿記事のあいだにあります。

サイドバーエリア

サイドバーエリアは、レイアウトで２カラムを選んでいると設定できます。

記事を読むときは、下へ下へとスクロールしていきますよね。

その際、通常サイドバーは記事と一緒に上へとあがっていき、記事が長いとサイドバーは見えなくなってしまいます。

しかし、固定サイドバーの場合、下へスクロールしてもある一定の位置に固定され、記事を追尾する形で表示され続けます。どんな長い記事であっても、固定サイドバーに設置したウィジェットは表示されたままなので、誘導したい別の記事を設置したり、ホームへすぐに戻れるようにボタンを設置したりといったことができます。

投稿ページ

まず、「記事上エリア」と「記事下エリア」の２ヶ所。（『LION MEDIA』と同じなのでイメージ画像は代用しています。）

関連記事内広告エリア

投稿ページ内に表示される関連記事。この関連記事内に広告（インフィード広告など）を設置することができます。広告以外のウィジェットの設置も可能。

関連記事のどこに設置されるかというと、「関連する記事（タイトル）」と１つ目の記事タイトル（VOGUE FNOが神戸にやってくる！！）のあいだです。下線の下ってことです。

例として、ありえない設定をしてみました。

「カレンダー」と「アーカイブ」のウィジェットを配置

『LION BLOG』のウィジェット

『LION BLOG』には、［LION］人気記事と［LION］広告のウィジェットが追加されています。プラグインなしでランキング記事や、広告をすぐに配置することができます。

［LION］人気記事

ウィジェットの設定だけで、PV（ページビュー）数の多い順にランキング記事を表示することができます。

タイトルに何も入力していない場合は、「RANKING」と表示されます。

表示する投稿数は、何位まで表示するかを入力します（表示件数は自由）。

投稿日の表示にチェックを入れると日付が表示されます。

設定が終われば、「完了」をクリックします。

ランキング記事の表示例

［LION］広告

このウィジェットを使用すると広告表示が簡単に行えます。

AdSenseなどの広告タグを入力すると「Advertisement（広告）」と表示された広告枠が設置されます。

カスタマイズされた「最近の投稿」ウィジェット

WordPressの通常ウィジェットとして備わっている「最近の投稿」。新着記事を紹介するウィジェットですよね。［LION］の表示はありませんが、サムネイル画像が表示されるようにカスタマイズされています。

「Twenty Seventeen」と「LION MEDIA」と比べてみると違いがよくわかります。

「Twenty Seventeen」の最近の投稿

『LION BLOG』の最近の投稿

タイトルにあった画像を設定しておくと、内容もイメージしやすくなりますよね。