こんにちは、WPホームページ研究所の運営サポートチーム(@WP_LABO)です。
本日はCSSのカスタマイズをご紹介いたします。アルファベットの表記を大文字小文字で指定通りに表示させる方法ですね。以前からパンくずリストを修正するのをずっと忘れていたのでメモで残しておきます。
英文字アルファベットの大文字と小文字を全部正確に表示するCSS
カテゴリー内の文言は「WordPress」で全部を指定していますが一部だけ設定不足で大文字になっていました。
追記するCSSは下記です。
.breadcrumb {
text-transform:none;
}
効かない場合はhtmlの記載に合わせて微調整してください。適用されると英文字が指定した通り表示されます。
下記プロパティも用意されています。
▼各単語の頭文字のみ大文字で表示
text-transform:capitalize;
▼すべての文字を大文字で表示
text-transform:uppercase;
▼すべての文字を小文字で表示
text-transform:lowercase;
たとえば3つ目のCSSを適用すると英文字箇所を小文字に変更できます。
ぜひご参考くださいませ。
最新式の無料プラグインを事前公開
WordPressは公式サイトに登録済みのプラグインだけで全機能を補足しきれません。当サイトでは使いやすさを追求した魅惑的なプラグインを無料でダウンロードいただけます。運営ホームページのマーケティング力をさらに高めるチャンスです。まずは無料でDLしてお試しくださいませ。
→ 改良されたプラグインを確認する