2019/08/05
お世話になっております。
① プロフィール下のソーシャルボタンに「Pinterest」と「YouTube」を追加する方法
FontAwesome5を使っている場合、以下のようになります。
まず、HTMLにこのような部分があると思います。
<ul>
<li>〜</li>
<li>〜</li>
<li>〜</li>
</ul>この中に以下のようにYouTubeとPinterestを追加します。
<ul>
<li>〜</li>
<li>〜</li>
<li>〜</li>
<li><i class="fab fa-youtube"></i></li>
<li><i class="fab fa-pinterest"></i></li>
</ul>次にCSSを追加します。
.profile-sns li .fa-youtube {
background: #f0504f; /* YouTubeのアイコン色 */
}
.profile-sns li .fa-pinterest {
background: #f0504f; /* Pinterestのアイコン色 */
}②アイコン色を統一する場合、以下のようなCSSを追加すればOKです。
.widget .profile-sns li i {
background-color: #333333; /*全アイコンの背景色*/
color: #FFFFFF; /*全アイコンの文字色*/
}よろしくお願いします。
2019/08/16
早速お返事いただきどうもありがとうございます。
サイドバープロフィールのアイコンは教えていただいた通りにコードを貼り付けたら、youtubeとpinterestのアイコンの追加と、色の変更が成功しました。どうもありがとうございました。
記事の最後に紹介してあったフォロミーボックス (下の様なコードが書いてありました）の方にも、youtubeとpinterestを追加したり、色を変更したりできるのでしょうか？お忙しいところ恐縮ですが、教えていただけないでしょうか。よろしくお願いいたします。
2019/08/19
YouTubeは以下のコードを追加するだけでOKです。
<a href="★YouTubeのURL★" rel="nofollow">YouTube</a>Pinterestの方は下記のコメントの最後に紹介しているコードでいけるかと思います。
https://saruwakakun.com/sango/comments?id=1426
2019/08/20
どちらもうまくいきました！
初歩的な質問にもかかわらず、すぐに対応していただいてどうもありがとうございました。SANGOのテーマは初心者でも使いやすくてとても気に入っています。もっと使いこなせるようになれるようがんばります。
WordPressテーマSANGOの質問
SNSボタンの追加と色のカスタマイズ。
こんにちわ。プログラム知識ゼロの私ですが、SANGOのテーマのおかげで自分のウェブサイトがだんだん形になって気ました。ありがとうございます。
上の方法で、「この記事を書いた人」と「サイドバーにカスタムHTMLでプロフィールを追加」の両方をやってみました。
さらに、
1. pinterestとyoutubeのアイコンを追加し、
2. アイコンの色を変える（アクセントカラーなどで統一したい）
にはどうしたらよいでしょうか。
お忙しいところ恐れ入りますが、教えていただけると嬉しいです。