フォーラム
質問 / リクエスト一覧

パンくずリストのデザインを変更したい。

質問Reopen

質問は2点あります。

今のパンくずリストは、「ホーム▶026 パソコン▶」　青文字で表示されています。

サイト全体がピンクなので、色も変更したいのと、丸く囲んだデザインにしたいのですが、SANGOの利用者の記事を読んでも解決しませんでした。

「追加css・ 子テーマのstyle.css」に、コピペで貼るようにかかれていましたが、変更ができません。

●画像の様なデザインに変更したいです。

●カテゴリーに「026」というように、数字を付けているのですが、パンくずリストでは数字を表示させたくないのです。 カテゴリーの名前でなく、ページタイトルで表示させたいです。

My profile
My profile
#breadcrumb li:after {
    color: var(--wp--preset--color--sango-main);
}

#breadcrumb li a {
    text-decoration: none;
    background: var(--wp--preset--color--sango-main);
    color: #fff;
    padding: .35em .65em;
    border-radius: 40px;
    transition: var(--wp--custom--transition--default);
}

#breadcrumb li a:hover {
    color: #fff;
    opacity: .6;
}
My profile

こんな感じでしょうか。(CSSカスタマイズ系のサポートはちょっと難しいかもしれないです。)

パンくずリストでは数字を表示させたくないのです。については そもそものカテゴリー名が出力される仕様 なので、カテゴリー名から数字を削除するのがよいかと思います。

My profile

カテゴリーの数字の件は納得しました。 パンくずリストは、上の文字を「追加css」に入れても、 「子テーマのstyle.css」も変化がないようです。

My profile

前回も指摘させていただいたのですが、ご自身でカスタマイズされているコードに誤りがあるようです。 ご自身のカスタマイズによって発生した不具合のサポートは対象外になります。 よろしくお願いします。

My profile

お世話になっております。 のじはたさんありがとうございます。

ちょっとCSSのサポートまではこちらのフォーラムでサポートは難しいです。 CSSを学習いただくか、専門の方にご依頼ください。

なお、簡単に利用できるようにパンクズリストのブロック化も検討したいと思います。 大変恐縮ですが、こちらのスレッドは閉じさせていただきます。

My profile