オリジナルデザインのSNSシェアボタンを付ける

テーマ編集は必ず予めバックアップを取ってから行って下さい。
スクショは Contempo テーマのものを貼っています。

2020/10/25 追記:
Pinterest ボタンのコードをを追加しました。
リンクコピーボタンも Font Awesome アイコンにしました。
角型デザインボタンのCSSは削除しました。

2021/05/10 追記:
JavaScript 化した改造版コードを公開しました。宜しければこちらもお試しください。

ふじろじっく

オリジナル SNS シェアボタン 【JavaScript 版】(2021/05/14: コードをアップデートしました)

ふじろじっくオリジナルSNSボタンのコードをJavaScript化してみた

https://fujilogic.blogspot.com/2021/05/SNS-share-buttons-JavaScript.html

スクリプトコードの設置

①Font Awesome アイコン準備

Font Awesome (ver.5x)のアイコンを使用するため、まだ導入されてない場合はテーマ編集画面(HTML)にて以下のタグを </head> の上に設置してください。

<link href='//use.fontawesome.com/releases/v5.14.0/css/all.css' rel='stylesheet' type='text/css'/>

Read More