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

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

最終更新日:2018.06.03


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

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

 

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

 

『LION BLOG』にはどんなカスタマイズ項目があるのって方はこちらから。

 『LION BLOG』カスタマイズの使い方【項目一覧】

『LION MEDIA』ってなぁに? どんな機能があるのって方はこちらをご覧ください。

 『LION MEDIA』はWordPress初心者にオススメのテーマ!

 『LION MEDIA』カスタマイズの使い方【基本と設定一覧】初心者向け

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

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

 

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

 

 

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

 

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

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

 

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

Twenty Seventeenのウィジェット

 

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

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

TOPページ上部エリア

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

TOPページウィジェットエリア

サイドバーエリア

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

サイドバーエリアのウィジェット

 

 

通常のサイドバーと固定サイドバーの違いは?

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

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

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

 

 

投稿ページ

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

 

投稿ページウィジェット設置場所

関連記事内広告エリア

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

関連記事内広告エリア

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

 

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

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

関連記事内ウィジェット設置

 

『LION BLOG』のウィジェット

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

LION用ウィジェット

 

[LION]人気記事

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

LION人気記事 

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

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

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

 

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

 

ランキング記事の表示例

ランキングウィジェット

 

[LION]広告

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

LION広告ウィジェット

 

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

 広告ウィジェット

 

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

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

 

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

 

Twenty Seventeen」の最近の投稿

Twenty Seventeen最近の投稿

 

『LION BLOG』の最近の投稿

LION MEDIA 最近の投稿

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

 

『LION BLOG』にはどんなカスタマイズ項目があるのって方はこちらから。

 『LION BLOG』カスタマイズの使い方【項目一覧】

『LION MEDIA』ってなぁに? どんな機能があるのって方はこちらをご覧ください。

 『LION MEDIA』はWordPress初心者にオススメのテーマ!

 『LION MEDIA』カスタマイズの使い方【基本と設定一覧】初心者向け

WordPressカテゴリの最新記事