ひまあーとのWordpressサイト制作工房

【ha-Basic】テーマへSNSシェア数の表示機能を実装しました

公開日： Ver1.0の更新情報

【スポンサーリンク】







この記事はに公開され、に最終更新されたもので、内容が古い可能性がありますのでご注意ください。

テーマ開発当初はシェア数なんて必要ない！速度重視なんだからいちいち数字を拾いに行くのは悪影響！ということで実装しませんでしたが、やはり数字というのは必要な要素かと思い追加することにしました。

寂しいもので現時点でのテーマダウンロード数はゼロなので、今後ダウンロードされていくことを願いつつ、ファイルの入れ替えをしましたので、

からテーマをダウンロードいただけばこの機能は実装されています。

とはいえ、やはり表示速度に影響が出るのはなるべく避けたいので、シェア数をあらかじめキャッシュ（保存）して高速表示させるためのプラグイン

WordPress.org
 
SNS Count Cache
https://wordpress.org/plugins/sns-count-cache/
This plugin gets and caches SNS counts in the background, and help you to shorten page loading time through the use of cache mechanism.
をインストール＆有効化している場合だけ表示されるようにしています。

※このプラグインを有効化しない限り数字は全く表示されません。

SNSシェア数の取得自体は案外簡単でした

開発ログを兼ねているので一応実装秘話をば！

実は開発当初参考にしたシェア数取得のコードにはシェア数のカウント機能が入っていました。

でも表示速度が遅くなるのはダメ！ということで単純にボタン表示のみにわざとダウングレード？させました。

そんな中、「やっぱりシェア数を見たい方もいるでしょう・・」と思い直し、どうせならなるべく速度に影響がないようにということで、結果今回の実装に至りました。

まあテーマ制作初心者とはいえある程度のコード・構造知識はありますので結構簡単に実装できました（笑）。そんなこといいつつほぼ参考サイトの情報を流用させていただいただけですけどね・・・。

参考にさせていただいたサイト
オリジナルゲーム.com
 
WordPress | ツイート数やシェア数付きのSNSシェアボタンを自作しよう！
https://original-game.com/wordpress-sns-share-button/
WordPressにSNSシェアボタンを表示させる方法を紹介します。表示させるのに厄介なTwitterのツイート数や、Facebookのシェア数なども表示させていきます。その他、GooglePlus、はてなブックマーク、Pocket のシェアボタンも作っていきます。

※今のところあまりアクセスのないサイトでのみテスト的に【ha-Basic】テーマを有効化している状況ですので当然そんなサイトのシェア数はゼロ付近。今後シェア数が確実にあるサイトへ導入していって本当に機能するのかを試し、不具合があるようなら修正という形で対応していこうと思います（この辺が自作テーマの醍醐味と勝手に思ってます）。

もしも確実にシェア数のあるページがある状態で【ha-Basic】テーマを使われた方は、大丈夫だったかをコメントいただけると大変助かります。

いつでもご相談・お見積りの依頼を受け付けています

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

※一度もココナラを使ったことがない方はココナラへの無料登録が必要です。こちらから登録後、上のリンクをクリックする、またはココナラトップページから「ひまあーと」を検索してお問い合わせください。

コメント