WordPressテーマSANGOの質問

サイドバーにアイコン型フォローボタンにLINEを表示したい

ダントツ

2018/12/06

お世話になります。

「サイドバーにアイコン型フォローボタンを表示」について教えてほしいです。
こちらにラインのボタンを追加したいと思っています。
Follow meの部分でツイッターの左側にボタンを付けたいと思います。

カスタムHTMLやCSSに追加すればいいと思うのですが、何を追加したらいいのかわかりません。
教えていただければ嬉しいです。

記事下にプロフィール（この記事を書いた人）を設置する

コメントへの回答

サルワカくん

2018/12/07

ウィジェット内に以下のようにLINE用のタグを追加します（追加するのは<li>から</li>までです）。
【2019年2月修正：FontAwesome5のLINEアイコンを使用するコードにしました】

<ul class="profile-sns dfont">
<!--ここからLINEのコード-->
  <li><a href="★LINEのURLをここに★" target="_blank" rel="nofollow"><i class="fab fa-line"></i></a></li>
<!--LINEのコード終わり-->
  <li><a href="https://twitter.com/catnose99" target="_blank" rel="nofollow"><i class="fab fa-twitter"></i></a></li>
</ul>

そのうえで、以下のCSSを子テーマのstyle.cssなどに追加してください。

.profile-sns li {
    vertical-align: middle;
}
.profile-sns-line .profile-sns-line-icon {
    font-size: 12px!important;
    font-weight: bold;
    font-family: Quicksand,sans-serif;
    background: #5dda5d;
}

これでLINEボタンが追加されるかと思います。