WordPressプラグインどうも@saita_ryouheiです。タイトルにもある通りソーシャルボタンを設置しました。設置したのはちょっと前なので既に当ブログをご覧になられている方は気付いているかと思います。以前から設置はしていたのですが、それはプラグイン、外部サービスのJSファイルを読込み設置していました。それでも良かったのですが、ソーシャルボタンの表示が小さいアイコンになってしまい、それとデザインに自由がきかなかったのであまり納得はしてませんでした。そんな理由もあり納得のいくボタンを設置したいと思いかなり経つのですが、今回設置しました。表示箇所PCPCの場合は以下、2箇所です。左サイド(少しスクロールするとアニメーションで表示されます)iPhoneiPhoneの場合は以下に表示してます。エントリーの最初と最後iPhoneの場合、画面が小さい事もありますし、たくさん表示して本来見て欲しいエントリー内容に目がいかないのは良くないかな〜と思ったので表示するボタンの数を意図的に少なくしています。ソースコードを公開デフォルトでソースコードの表示は折り畳んであります。広げてみたい場合はリンク表示されている所をクリックし広げて見て下さい。それとCSSについては当ブログのデザインにあわせて定義しています。お使いになる場合はお使いになるサイト、ブログにあわせて修正をしお使いください。ソーシャルボタンと一緒にページ内TOPに移動するリンクも一緒に設置しています。このリンクは三角形の形していますが、画像を使わず、CSSのみで表示しています。左サイド次にCSSです。次はエントリー毎のHTMLです。エントリー毎そしてエントリー毎のCSSです。0px;}iPhoneiPhoneの場合は2箇所で表示していますが、共に同じコードを使用し設置しています。大ちゃん(@delaymania)のブログのソースコードを大いに参考にさせてもらいました。-15px;}こんな工夫もありますよWebサイトの読み込み体感速度が2秒くらい上がるかも。Web学びソーシャルボタンを後読みさせるやり方。こちらのエントリーを参考にソーシャルボタンの後読みをさせてみました。Pocketのブログパーツだけ表示されたりされなかったりという現象。後読みさせず通常の表示(レスポンスが返ってきたら後読みぜず、そのまま表示)だと問題なく表示されます。́_ˋ)PCから見た際、左サイドにもソーシャルのボタンがあり、ここにもPocketのブログパーツがあります。これとかちあって上手く表示されないのかなーなんて勝手に思ってます。それなら他のボタンも状況としては同じなので似た事が起きてもいいはずなのに起きない。