いよいよ最後、Luxeritas(ルクセリタス)のウィジェットを設定してみよう!【ウィジェット 編】

2018年10月17日ブログ管理Luxeritas, Luxeritasカスタマイズ, ウィジェット, ブログ管理, 初心者

ウィジェットヘッダー

ぐず夫
ぐず夫
ついに終盤や。

トリ師匠
トリ師匠
せやな。でも今回は終盤らしく内容細かいでしっかりし。
ぐず夫
ぐず夫
最後までワシをいたぶってくれるのう!
トリ師匠
トリ師匠
そんじゃいくで、項目はウィジェットの設定や!

ということで、今回はLuxeritasのカスタマイズ機能を使ってウィジェットの設定について確認してみましょう。

ウィジェット 機能

ウィジェット選択

トリ師匠
トリ師匠
これは簡単に言うと、ブログの色んな場所に付け加えられる小分け機能の設定じゃ。色んな機能があるで早速「ウィジェット」を選んで見てみよか。

 

ウィジェットを設定するその前に…

トリ師匠
トリ師匠
ウィジェットはこれまでの設定とはちと違っての、表示させとる画面ごとに設置できるウィジェットが異なるんじゃ。
ぐず夫
ぐず夫
言ってる意味がよく分からへん。
トリ師匠
トリ師匠
例えばトップページを見ながらカスタマイズしてるとするやろ?
そうするとトップページには「記事下」なんて場所はあらへんから、「記事下ウィジェット」はカスタマイズの項目に表示されへんわけよ。
ぐず夫
ぐず夫
ほへ~。ある意味賢くできてるわけや。
トリ師匠
トリ師匠
じゃから必要に応じてページを移動して設定するか、管理画面へ戻って「外観」メニューの「ウィジェット」設定からまとめて設定するかどっちかやねん。
ぐず夫
ぐず夫
ふーん。別にそれを知ってりゃ構わんやろ。ページ移動すればええだけやし。
トリ師匠
トリ師匠
…まあそうじゃが。お主まれに核心ついたこと言うの。ちゅうことで、一つ一つ大まかな場所を見てみよか。

 

① 各ウィジェットの配置場所

トリ師匠
トリ師匠
ウィジェットの配置は合計32ヶ所。ページ別にウィジェットの配置場所を説明するで!

【 ホームページ 】

ホームページポイント別「A-1ポイント」
● 汎用サイドバー(タイトルH3,4)
● トップページ用サイドバー(タイトルH3,4)
● スクロール追従サイドバー(タイトルH4)

「A-2ポイント」
● 3カラム左サイドバー(タイトルH3)
● 3カラム左サイドバー(タイトルH4)

「A-3ポイント」
● ヘッダー下ウィジェット

「A-4ポイント」
● 記事一覧上ウィジェット

「A-5ポイント」
● 記事一覧中央ウィジェット

「A-6ポイント」
● 記事一覧下ウィジェット

「A-7ポイント」
● フッター左(タイトルH4)

「A-8ポイント」
● フッター中央(タイトルH4)

「A-9ポイント」
● フッター右(タイトルH4)

トリ師匠
トリ師匠
「A-2」は段組が3カラムになってへんと表示されんで気をつけてな

 

【 投稿ページ 】
汎用サイドバー、スクロール追従サイドバー、3カラムサイドバー、ヘッダー下、フッター部は共通のため省略。

投稿ページポジション「B-1ポイント」
● トップ以外のサイドバー(タイトルH3)
● トップ以外のサイドバー(タイトルH4)

「B-2ポイント」
● 記事タイトル上ウィジェット
記事タイトルの上にウィジェットを配置する。

「B-3ポイント」
● 記事タイトル下ウィジェット
記事下タグ情報の下にウィジェットを配置する。

「B-4ポイント」
● 投稿内で最初に見つかったH2タグの上

「B-5ポイント」
● 記事下ウィジェット
記事下タグ情報の上にウィジェットを配置する。

「B-6ポイント」
● 記事下ウィジェットよりさらに下
シェア文言の上にウィジェットを配置する。

「B-7ポイント」
● 関連記事上ウィジェット
関連記事の文字上にウィジェットを配置する。

「B-8ポイント」
● 関連記事下ウィジェット
関連記事の下にウィジェットを配置する。

【AMPページ】

AMP用ウィジェットは通常ページと別にそれぞれ設置が必要。表示場所は通常時と同様のため「ホームページ」「投稿ページ」をそれぞれ参照。

● AMP用サイドバー
● ヘッダー下ウィジェット(AMP用)
● 記事タイトル上ウィジェット(AMP用)
● 記事タイトル下ウィジェット(AMP用)
● 投稿内で最初に見つかったH2タグの上(AMP用)
● 記事下ウィジェット(AMP用)
● 記事下ウィジェットよりさらに下(AMP用)
● 関連記事上ウィジェット(AMP用)
● 関連記事下ウィジェット(AMP用)

注意やで!

通常ウィジェットはAMPページには表示されません。AMPを使用の場合は、AMP用ウィジェットを別途設定する必要があるで注意じゃ!

② ウィジェットの選択

各場所に設置するウィジェットの種類を選択します。

トリ師匠
トリ師匠
ウィジェットも沢山の機能があるんじゃ。全部乗っけるのもアレやで、目ぼしいものだけ紹介するで!

【アドセンス(Luxeritasオリジナル)】
指定の場所にアドセンス(広告記事・画像)を表示する機能。
(例:「投稿内で最初に見つかったH2タグの上」に設置した場合)
アドセンス表示

 

【カルーセルスライダー(Luxeritasオリジナル)】
特定の場所にスライダー式の記事一覧を表示させる機能。
(例:「ヘッダー下ウィジェット」に設置した場合)

カルーセルスライダー

 

【ナビゲーションメニュー】
指定のメニューを表示する機能。なお表示可能なものはカスタマイズの「メニュー」にて作成したものに限られます。
(例:「フッター中央(タイトルH4)」に設置した場合)

ナビゲーションメニュー

◆メニューの設定はコチラ!

 

【検索】
ブログ内の検索を行う窓を作成します。(例:「汎用サイドバー(タイトルH3)」に設置した場合)

検索窓

トリ師匠
トリ師匠
他にも色々あるで、使い方は各々試してみてちょ。要望があれば中身の説明も作るで!(ないやろけど…)

 

ウィジェット設定を終えて…

ぐず夫
ぐず夫
終わった、終わったで。
トリ師匠
トリ師匠
ひとまずな。でもまだ「まとめ」とか必要やろ。
ぐず夫
ぐず夫
知らん! 今は余韻に浸りたいんや…
トリ師匠
トリ師匠
はいはい。

以上でウィジェット編のカスタマイズを終了します。

ではまた次回をお楽しみに!