デザインテーマ「SOHO」にシェアボタンを設置

スポンサードリンク

シェアボタンを設置するためのコードです。このテーマのシェアボタンは黒のシンプルなデザインで、スマホでは画面に固定されるタイプとそうでないタイプを設置できます。

こんな感じのデザインです。

手順

Webアイコンのコードをコピペ

　↓

AかBタイプのコードを「デザイン」→「記事上」もしくは「記事下」にコピペ

　↓

シェア数を表示させる場合は最後のコードを「デザイン」→「フッタ」にコピペ

Webアイコンを読み込む

以下のコードを「詳細設定」→「headに要素を追加」にコピペ（すでに同じコードがあったら不要）

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

A.スマホでは画面下に固定されるタイプのシェアボタンです。

PCでは記事下や記事上に配置。スマホでは端末の画面下部に固定されます。

B.スマホでも画面下に固定されないタイプのシェアボタンです。

記事下や記事上に配置。上のやつと併用しても良いでしょう。

シェアボタンにシェア数を表示

シェアボタンにシェア数を表示させるには、以下のコードを「デザイン」→「フッタ」にコピペしてください。

はてなブックマークとFacebookのシェア数が表示されます。