TCDテーマPrecious：フッターのSNSアイコンをTikTokアイコンを表示させる方法

Q.フッターにTikTokアイコンを表示させることは出来ますか？

注意点テーマによっては当記事の内容を参考に頂けることがありますが、アイコンフォントにTikTokアイコンが含まれていないテーマでは当記事の内容を用いることは出来ません。
アイコンが追加されたタイミングにより、アイコンコードが異なる場合がございます。

2022.11.25

TCDテーマNULL：フッター・投稿者プロフィールのSNSアイコンでTikTokアイコンを表示させる方法

Q.フッターバー（モバイル端末専用）ではTikTokアイコンが表示できますが、PC用のフッターや投稿者プロフィールにTikTokアイコンを表示させることは出来ますか？ 注意点テーマによっては当記事の内容を参考に頂けることがありますが、アイコンフォントにTikTokアイコンが含まれていないテーマ...

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

既存のアイコン（今回はPinterest）のCSSを調整して、見た目上TikTokアイコンとして表示させます。
リンク先URLはPinterestの項目に設定した内容が反映されます。

「フッター」のPinterestアイコンをTikTokとして表示する

以下を外観＞テーマオプション＞基本設定のカスタムCSSに入力してください。

#social_link li.pint:before{
  font-family: 'tiktok_x_icon';
  content: "\e900";
}

/* hober時のアイコン色変更 */
#social_link li.pint:hover:before {
color: #fe2c55;
}

色は任意のカラーコードに変更してください。