各ソーシャルサービスのシェアボタンをJavaScript無しのシンプルなコードで生成するジェネレーター

Twitter, Facebook, Google+, Pocketなど、各ソーシャルサービスのシェアボタンをJavaScript無しのシンプルなHTML/CSSのコードで生成するジェネレーターを紹介します。

サイトのキャプチャ

Simple Sharing Buttons Generator

使い方は非常に簡単です。
まずは、サイトにアクセス!

サイトのキャプチャ

Simple Sharing Buttons Generator

「Begin」をクリックして、最初にボタンのデザインを決めましょう。

サイトのキャプチャ

上から、フラットのカラー、モノクロ、反転、シンプル、ブラック、アイコンフォント、無し

次は、利用するソーシャルサービスを選択します。

サイトのキャプチャ

ソーシャルサービスの選択

ボタンを設置するサイトのURLなど、情報を入力します。

サイトのキャプチャ

Twitterの欄は、「@」無しでの入力なのですが、「@」を入力すると自動で消すのがいいですね。

完成したボタンの表示を確認します。

サイトのキャプチャ

プレビュー

最後に、このボタンのコードが生成されます。
HTMLとCSSをコピペして、アイコンもダウンロードできます。

サイトのキャプチャ

コードの生成とアイコンのダウンロード

top of page

©2017 coliss