採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

TCDテーマAgenda:パンくずリストの変更方法について

Q.パンくずリストの変更方法について教えて下さい。

ホームという文字を変更し、サイト名+トップという表現にしたいと考えています。

A.下記、変更方法です。

■パンくずのソースコードを変更する。

編集するファイル:
template-parts/breadcrumb.php

変更箇所:

<?php _e('Home', 'tcd-w'); ?>

<?php bloginfo('name'); ?>

■パンくずのCSSを調整するCSS記述を行う。

TCDテーマオプション > 基本設定
カスタムCSSに以下を記述

※こちらのwidth値はテキストの長さ(サイト名)に合わせて変更。

#bread_crumb li.home a {
    width: 120px; 
    text-indent: 18px;
}

#bread_crumb li.home a:after {
    width: 16px;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    top: 0px;
}

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事