お寺や神社、小料理屋など、日本の美意識を表現できるWordPressテーマ「ZEN」
ワードプレステーマ別

TCDテーマHEAL・Tree:ヘッダー・フッターのSNSリンクに「LINE」を表示する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.ヘッダーやフッターのSNSリンクに「LINE」のアイコンを表示したいです。

▼変更後のイメージ(HEALのPCヘッダー)  →変更前:HEALデモサイト
変更後のイメージ

A.下記の方法で対応してください。

ヘッダーとフッターのSNSリンクで、「Pinterest」のアイコンの見た目を「LINE」に変更します。
リンク先のURLは TCDテーマ>ヘッダー(フッター)>SNSの「Pinterest URL」 に入力してください。

そのうえで、以下をTCDテーマ>基本設定のカスタムCSSに入力してください。

HEALの場合

#header_social_link li.pinterest a:before,
#footer_social_link li.pinterest a:before {
    content: '\e909'; }
#header_social_link li a:before,
#footer_social_link li a:before {
    font-size: 18px; }

Treeの場合

.header_sns li.pinterest a:before,
#footer_sns li.pinterest a:before {
    content: '\e909';
    font-size: 20px;
}

 
補足)
LINEのアイコンはそのデザイン上、サイズが小さいと内容がわかりづらくなります。そのため、上記のCSSではフォントサイズも調整しています。

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

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

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