コピペでOK かわいいシェアボタン！

こんばんは

渡航３日前にしてホームステイ先と

絶賛 連絡が取れません

にごう(@InokioP)です

今回はシェアボタンを作ってみました

コピペでOKです

完成予想図

こんな感じになります！かわいいハート型！

マウスを重ねるとドクドクと鼓動をうちます

 単色とカラーバージョンの２種類！

確認しておきたいこと

1. 貼るコードは全部で3つ

2. カスタマイズは自己責任で

3. カスタマイズ前にバックアップをとっておくことをオススメします

貼るやつ① FontAwesome

何も変えずそのまま貼ってください

下のコードを貼る場所は

「管理画面＞設定＞詳細設定＞　

　検索エンジン最適化＞headに要素を追加」

もう貼ってあるよ～って方は大丈夫です

ただ、バージョンが5.6.1より前の場合はこちらのコードに貼り直してください

貼るやつ② html

これもそのまま貼ってください

貼る場所は

「デザイン設定＞カスタマイズ＞記事＞記事上 or 記事下」

記事上と記事下でシェアボタンが欲しい方にコピペ！もちろん，両方でもOKです

貼るやつ③ CSS

最後のコードです！

貼る場所は

「デザイン設定＞カスタマイズ＞デザインCSS」

カラーバージョンと単色(ピンク)のお好きな方を貼ってください。

ハートの色を変えたい場合はカラーバージョンで貼るのがオススメです。

カラーバージョン

単色（ピンク）

おわりー！

おわりです！お疲れ様でした！