Luxeritas(ルクセリタス)のパンくずリストの設定をしよう!【パンくずリンク 編】

2018年10月5日ブログ管理Luxeritas, Luxeritasカスタマイズ, パンくずリスト, パンくずリンク, ブログ管理, 初心者

パンくずリストヘッダー

トリ師匠
トリ師匠
今回はブログの上んとこに表示されてるパンくずリンクの表示をイジってみるかの。

ぐず夫
ぐず夫
パンやと?!
一大事や、パン食べ放題や!
トリ師匠
トリ師匠
パンくずリンクじゃ。
知らんならええ。教えたるで、さっさと設定しよか。

ということで、今回はLuxeritasのカスタマイズ機能を使ってパンくずリンクの設定をしてみたいと思います。

パンくずリンク 機能

パンくずリンク選択

トリ師匠
トリ師匠
パンくずリンクっちゅうのは、主にサイトの上部に表示されとるページのツリー構造を表示するもんじゃの。「パンくずリスト」とも呼ばれとって、ユーザーがサイトのどこにおるかを視覚的に見てもらうためのもんじゃな。じゃ「パンくずリンク」を選択してみるで!

 

① パンくずリンクの配置

パンくずリンクの配置を設定する機能。なお「表示しない」を選択した場合、以下の設定は反映されません。

【 コンテンツ領域の外 】
パンくずリンクをコンテンツ領域外とします。

コンテンツ領域外

【 コンテンツ領域の中 】
パンくずリンクをコンテンツ領域内とします。

コンテンツ領域内

【 表示しない 】
パンくずリンクを表示しません。

パンくずリンクなし

トリ師匠
トリ師匠
ぐず夫の場合は「表示しない」になっとるで使っとらんことになるの(※現在は使用中)。パンくずリンクを「コンテンツ領域内」に設定すると、背景色をイジった場合、下の画像みたいに表示されるで!

※ コンテンツ領域の一部として表示される(例:青色に設定)

コンテンツ領域内にした場合…

 

◆コンテンツ領域の背景色設定はコチラ!

 

● パンくずリンク上下パディング ( px )
● パンくずリンク左右パディング ( px )

パンくずリンクの表示領域を設定します。

パンくずリンクパディング

 

② パンくずリンクの見栄え設定

パンくずリンクの見栄えを設定する機能。

● パンくずリンク文字色
パンくずリンクの文字色を設定します。(例:赤色)

パンくずリンク文字色
文字色を赤色に設定

 

● パンくずリンク背景色
パンくずリンクの背景色を設定します。(例:赤色)

パンくずリンク背景色
背景色を赤色に設定

 

● パンくずリンクを枠線で囲む
パンくずリンクを枠線で囲みます。なおコンテンツ領域枠の枠線とは異なります。

パンくずリンク枠線
枠線を設定(※丸みのない枠線です)

 

● 角の丸み
パンくずリンクの枠線の角の丸みを設定します。

パンくずリンク丸み

 

● パンくずリンク枠線色
パンくずリンクの枠線の色を設定します。(例:色)

パンくずリンク枠線色

トリ師匠
トリ師匠
「コンテンツ領域の背景色」と「パンくずリンクの背景色」を設定してると、下の画像みたいにダブルで表示されるで!

【 例:コンテンツ領域 青色、パンくずリンク背景色 緑色

ダブル

 

パンくずリンクの設定を終えて…

ぐず夫
ぐず夫
今日は簡単やったでちょっと回復や!
トリ師匠
トリ師匠
なら一日で全部やろか?
ぐず夫
ぐず夫
トリ、お前は鬼なんか。
画像作るの結構大変なんやで!
トリ師匠
トリ師匠
自分で描くわけやないに大袈裟な。

以上でパンくずリンク編のカスタマイズを終了します。

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