パンくずリストをカスタマイズする

SWELLのパンくずリストのカスタマイズ方法を紹介いたします。

基本機能

外観 > カスタマイズ > サイト全体設定 > パンくずリストから設定変更します。

パンくずリストの位置

ページ上部またはページ下部に配置することが可能です。

ホーム（トップページ）の文字列

デフォルトでは「ホーム」に設定されていますが、自由に変更可能です。

パンくずリストのカスタマイズ例

ホーム直前の アイコンの変更

ホーム直前の アイコンの変更方法について、ご案内いたします。

アイコン自体を非表示にする

span.icon-home:before {
display: none;
}

アイコンを変更する

以下のcontent: "";の""部分を変更します。以下では に変更しています。

span.icon-home:before {
content: "\e91a";
}