主要SNS(ソーシャル)のボタンをまとめて設置できるスクリプトの無料ダウンロード
主要SNS(ソーシャル)のボタンをまとめて設置できるスクリプトの無料ダウンロード 公開日 2015年11月24日 最終更新日 2022年7月20日 著者 Motohiro Tani 主要なSNSのボタンをまとめて設置できるスクリプトを制作・公開しました。 スクリプトの名称は何でもいいのですが、とりあえず「ソーシャルボタン スクリプト」としておきます。 現在の最新バージョンは2020年12月11日公開のバージョン3.0.1です。 参考ページ：プログラムをアップデートするの際の思想について 各バージョンごとのアップデート内容については、このページ最下部の「アップデート履歴」に記載してあります。 このプログラムによって設置できるボタンは以下になります。 Twitterのツイートボタン Facebookのシェアボタン はてなブックマークボタン LINEに送るボタン Instagramのフォローボタ
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> <
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
