ソーシャルボタンを自作してWordPressの高速化
タイトル通りなんですが、これでソーシャルボタン（SNSボタン）の設置はプラグイン「WP Social Bookmarking Light」で設置していたのですが、これをやめて自作する事にしました。今回作成したのはこんな感じです。一応シェア数も表示させる事も可能です。 自作した理由ですが単純にSNSボタンが重い！これはプラグインが悪い訳ではありません。ソーシャルボタン自体に表示速度を重くする原因がありました。 ソーシャルボタンが重い理由 普通のソーシャルボタンは、TwitterやFacebook等の各サイトでHTMLやJavaScriptのコードを入手して、簡単に設置する事ができます。しかし、その入手したコードを見てみると分かるのですが、ボタン１つ１つにscriptタグ、画像、iframe等が含まれています。 つまり、Twitterのボタン１つにしても読み込むのに前述したようなscript、
SNSのシェアボタンの設置方法まとめ (サンプルコード付き)
サンプルデモ真ん中寄せをして、ウィンドウの横幅が480px以上の場合は、5つのシェアボタンを横並びで表示し、スマホなど、ウィンドウの幅が狭いブラウザでは、LINEを含めた6つのボタンを1行に3つずつ表示するレスポンシブ仕様になっています。ここで表示している個々のボタンは画像を使用していますが、実際と同じように動作するので、ウィンドウの幅を広げたり縮めたりしてみて下さい。実際のシェアボタンでのデモを見たい人は、「サンプルデモを見る」のボタンから別ページにアクセスして下さい。 HTML <h2>シェアボタンの表示</h2> <p>横幅を狭めると、2行になり、LINEボタンが出現します。LINEボタンの画像は、<a href="https://media.line.me/howto/ja/" target="_blank">公式ウェブサイト</a>よりダウンロードする必要があります。</p> <
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユニクロ潜入記者 横田氏解雇される | スクープ速報 - 週刊文春WEB