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

TCDテーマUNIQUE:フッターのSNSボタンにYouTubeを追加する方法

Q.フッターSNSボタンの設定ですが、ここにYoutubeのリンク(アイコン)を追加することは可能でしょうか。

 
▼変更後イメージ
変更後イメージ

A.下記の方法でカスタマイズしてください。

・カスタムCSSでCSSを指定する

先に外観>TCDテーマオプション>基本設定のカスタムCSSに以下を入力します。

#footer_social_link li.youtube, #footer_social_link li.youtube a { width: 55px; }
#footer_social_link li.youtube:hover:before { color:#DA1725; }
#footer_social_link li.youtube:before { content: '\ea9e'; }
・フッターのテーマファイルをカスタマイズする

一番右側に表示されるようにカスタマイズします。テーマオプション管理画面には設定項目を追加せず(別途カスタマイズが必要となります)、フッターのファイルに直接記述します。
 
編集するファイル: テーマフッター (footer.php)
編集する箇所: 76行目付近

<?php if ($options['show_rss']) : ?><li class="rss"><a class="target_blank" href="<?php bloginfo('rss2_url'); ?>">RSS</a></li><?php endif; ?>

 ↓ 一行追加します。

<?php if ($options['show_rss']) : ?><li class="rss"><a class="target_blank" href="<?php bloginfo('rss2_url'); ?>">RSS</a></li><?php endif; ?>
<li class="youtube"><a class="target_blank" href="YouTubeのURL" target="_blank">YouTube</a></li>

※上記の「YouTubeのURL」には動画のURLや「https://www.youtube.com/channel/〇〇〇/」などチャンネルのホーム画面URLを指定してください。

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

0

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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