WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマの「スマホ用固定フッターバー」で表示するアイコンを変更する方法

Q.TCDテーマの「スマホ用固定フッターバー」で表示するアイコンを変更したい

「スマホ用固定フッターバー」で表示するアイコンは、大量にあるアイコンフォントの中の一部を抜粋しています。以下の方法で、管理画面の選択肢にないアイコンを表示させたりする事が可能です。

A.該当ファイルを編集してください

編集するファイル:style.cssまたはfooter-bar/footer-bar.css、admin/css/my_admin.css

1)
「fonts/design_plus.svg」の「glyph-name」の値にて、大体の表示させたいアイコンを確認します。
※「glyph-name=”この部分を確認してください”」

2)
「glyph-name」の横にある「unicode」の値の一部をコピーします。
※「unicode=”&#xこの部分をコピーしてください;”」
(&#xと;はコピーしないでください)

3)
「style.cssまたはfooter-bar/footer-bar.css」の
.icon-〇〇〇:before {
content:”\●●●●”;
}
の「content:”\●●●●”」の●●●●の部分に張り付けると、サイトで表示するアイコンを変更することができます。

4)
「admin/css/myadmin.css」の
.icon-〇〇〇:before {
content:”\●●●●”;
}
の「content:”\●●●●”」の●●●●の部分にも張り付けると、管理画面の「スマホ用固定フッターバー」で選択できるアイコンも変更することができます。

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。