ブログにシェアボタンを設置した

ブログ公開日:2018年11月27日最終更新日:2020年06月08日

タイトルとURLをコピー

1.結論

タイトルの通り。ブログにシェアボタンを設置した。そんなお話です。

ごきげんよう。皆様いかがお過ごしですか。
最近妻が「私のおならの音モノマネ」にハマっています。
「もうちょっと（音程が）高い」などとしっかりアドバイスしております。夫婦愛ですね。

はてなブログから抜け出して結構経ちましたが、忙しいフリに忙しいせいで未だにカスタマイズが進んでいません。
今回は記事下部にシェアボタンを設置したことをご報告します。

とはいえこの手の改修は素晴らしき先人たちの参考記事が無限にありますので、そちらの力を借りました。
極力使わないで済むならプラグインを入れない派なので、今回参考にしたのはこちら。ありがとうございます。

プラグインなしでSNSシェアボタンを自作するための基本知識と実装コード、アナリティクス解析方法 | WEMO

SNSシェアボタンをプラグインなしで実装した時の備忘録です。（このブログのシェアボタンはこの記事の方法で実装しています。）PHPだけで実装するパターンと、html(php) + javascriptで実装するパターンの二種類をメモしていきます。アナリティクスとの連携もわかる範囲で合わせてメモ。今回対応していくのは、 Facebook Twitter Google+ はてなポケット LINEの６種類のSNSボタンです。*シェア数の「表示」に関しては、プラグインを頼った実装になります。シェア機能の基本知識単純に記事をシェアするためのボタンを設置する場合、基本的にはアンカータグの hr

wemo.tech

過疎りまくりな限界集落の様相を呈するこのブログで、シェア数なんて出したら毎晩枕が濡れてカビがはえるのでシェア数は表示しないものにしました。

テンプレートに追加したら適当にスタイルを当てて完成です。
いつか各ボタンにアイコンくらいつけようかなとは思っていますが、とりあえず今回はこのへんで完成とします。
と思いましたがhoverのスタイルも当ててないですね。流石に不親切なのでそのへんはすぐ対応します。おそらく。