採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

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を指定してください。

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

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

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