テーマ改造シェアするLINE!Simplicity2.0.1でこの記事で書かれているカスタマイズ方法を機能化しました。先日、count.jsoonという廃止されたTwitterのシェア数(ツイート数)を取得できるAPIの存在を知りました。このAPIを利用してjQueryと組み合わせて、ツイート数を取得する方法について書きました。前回、count.jsoonのAPIとPHPでツイート数を取得する方法を紹介しました。今回は、ツイート数(シ...nelog.jpただ、この方法は、どんなテーマでもカスタマイズ出来るように、汎用的な書き方をしました。Simplicityに適用させるには、具体的にどのようにすればよいかわからない方もおられたかと思います。そこで、この記事では、Simplicityでどのようにカスタマイズすれば、ツイート数を表示することができるか、具体的に書きたいと思います。今回のカスタマイズは、Simplicity1.9.3以上推奨です。子テーマを利用したカスタマイズを想定して方法を書きます。スポンサーリンク主な手順count.jsoonとPHPでツイート数を取得できるようにカスタマイズするのに必要な主な手順は以下です。count.jsoonにウェブサイト登録カスタマイザーの設定sns-buttons-balloon.phpの編集sns-buttons-icon.phpの編集javascript.jsにスクリプトをコピペ登録してシェア数の収集を待つのが一番大変かも。count.jsoonにウェブサイト登録まずは、count.jsoonにウェブサイトを登録する必要があります。登録方法については、以下に書いてあるので手順に従って登録してください。先日、Twitterのカウント数が取得できなくなりました。その代替案として、ツイート数のバルーンが無くなって...nelog.jpcount.jsoonは、登録してからシェア数情報を収集するので、カウントが反映するまで結構時間がかかります。(だいたい3日~10日くらい?)カスタマイザーの設定まずは、PHPで直接表示するのにSNSボタンは「Simplicity独自ボタン」を表示させます。「外観→カスタマイズ→SNS」から「シェアボタンのタイプ(PC)」を「デフォルト(サービス固有のボタン)」以外を設定してください。「デフォルト(サービス固有のボタン)」以外ならどれでもいいです。今回は「テーマカラータイプ」を例にして説明したいと思います。「テーマカラータイプ」というのは、このタイプのボタンのことです。sns-buttons-balloon.phpの編集まずは親テーマから子テーマフォルダ内にsns-buttons-balloon.phpファイルをコピペします。--></span>以下のように変更します。fa-pulse"></span>sns-buttons-icon.phpの編集こちらも先程と同様に、親テーマから子テーマフォルダ内にsns-buttons-icon.phpファイルをコピペします。-->コメントアウトして以下のように変更します。fa-pulse"></span></span>javascript.jsにスクリプトをコピペ最後に、子テーマ内のjavascript.js内に以下のコードをコピペで追記します。}});動作このカスタマイズを行うと、以下のようにTwitterボタンも非同期でシェア数を取得できます。バイラルタイプも同様に非同期取得されます。モバイル時も同様です。まとめcount.jsoonに登録したてならば、あとはひたすらツイート数の収集を待ちます。数日ほどたてば、少しずつ、ツイート数が反映されるのではないかと思います。count.jsoonで正しい数字が表示されるかわかりません。それをいえば、Twitterのcount.json自体も正しい数字が出ていたわけではないけど。正しくない数字ということで、辞める理由の一つとなっていたし。その他にも、count.jsoonを利用することによる課題はいくつかあると思います。あと、count.jsoonを利用してのTwitterシェア数の表示は、Simplicityのデフォルトを機能にするつもりは今のところありません。いうのも、利用するのにサイト登録という初期設定が必要だからです。ブログの初期設定時に、設定することが多すぎると(今でも十分多いのに)、僕だったら、面倒くさくなるので、デフォルト機能にはしないと思います。ツイート数を表示させたい場合は、各自の責任で、独自カスタマイズでお願いします。↑上記のようなサービス固有タイプのボタンにツイート数を表示させるには、以下の方法を行ってください。SimplicityのTwitterボタンにcount.jsoonを用いてツイート数を表示するカスタマイズ方法Simplicity2.0.1でこの記事で書かれているカスタマイズ方法を機能化しました。08:52GitHubリポジトリ不具合等ありましたらGitHubに、ご連絡いただけると幸いです。Cacheを使用している場合にv0.9.5以降へアップデートする際の注意点Simplicityヘッダーのタイトルをロゴ画像に変更するカスタマイズ方法Simplicityと「bbPressフォーラム作成プラグイン」を併用するときにstyle.cssに貼り付けるとデザインが整うスタイルシートスポンサーリンクアドセンス(大)SimplicityのTwitterボタンにcount.jsoonを用いてツイート数を表示するカスタマイズ方法テーマカスタマイザーのアイキャッチ表示設定でクレジット表記(キャプション)を表示する方法Simplicity後継テーマ現在Simplicityの後継テーマであるCocoonが公開されています。これからサイト始めるのであれば、Cocoonの利用をおすすめします。Googleサイト内検索Simplicityのダウンロードダウンロードはこちらから。