ブログお役立ち

【Add Share Button】3種類の「追従型ソーシャルシェアボタン」をブログ記事下に設置するプラグイン


スポンサードリンク



▽▼最近の人気記事▼▽

PR
Add Share Button
LINEで送る
Pocket

このブログを開設してまだ10日なんですが、すでにスマホからの流入が8割を占めています。(アクセス数は泣きたくなるほど少ないですが…)

いまの時代、いかにスマホユーザーが大事かっていうのはウェブサイトやブログを運営していれば切実です。

それと合わせて、ソーシャルネットワークと親和性の高いスマホなだけにいかにシェアしていただけるかもアクセスアップのきっかけとなります。

やっぱりせっかく時間をかけて書いた記事だからいろんな人に見てもらいたいですよね。

スポンサードリンク


Facebook・Twitter・Google+・はてなブックマークなどに代表されるソーシャルシェアボタンは、ブログやサイトに設定されているかいないかで大きく差がつく可能性もあります。

なので、スマホ表示だけでもありきたりなものではなくクールなシェアボタンを設置したいと考えていました。

去年そんな話をFacebookの非公開ブロググループ内で質問させていただいた折、喜田真太朗さん(@kidashintaro)が超絶便利なWordPress用のプラグインをサクッと作ってくださいました!!

それが今回ご紹介するWordpressのプラグイン「Add Share Button」です。

▼詳細は喜田さんご自身がお書きになった記事をご覧ください。

WordPressプラグイン「Add Share Button」

プラグインのダウンロードはこちらから。▷Add_Share_Button_Ver0.7.7

zipファイルをダウンロードして有効化し、各種設定を終わらすと下記のようになりました!(画像クリックで拡大

Add Share Button

ちなみにスマートフォンからの閲覧時にだけ表示されるようになっているので、PCでは表示されません。

仕様としては、

・Facebookのシェアボタン
・Twitterのツイートボタン
・はてなブックマークボタン

上記3種類のシェアボタンが画面の下または上へ、固定されて追従します。(トップページには表示されず個別の記事ページのみに出現)

プラグインの設定もとっても簡単

ダウンロードしたzipファイルをプラグインの「新規追加」からインストール。
Add Share Button

ダッシュボードのメニューから「ツール」→「シェアボタンの設定」をクリック。
Add Share Button

設定はいたってシンプル

Add Share Button

設定項目はたったの3つ。

◆追従位置
画面の上か画面の下かを選択します。

◆画面端からの移動ピクセル数
通常は0のままで大丈夫です。

◆TwitterID
自分のTwitterアカウント(@は無し)です。

これですべての設定は完了です。

まとめ

めっちゃ簡単に設置できるシェアボタンなので、Wordpressで運営されてる方は超絶オススメです!!

あ、ついでにシェアボタンポチッちゃってくださいな(笑)

この記事が気に入ったら
いいね!しよう

Twitterでマツオユキを
LINEで送る
Pocket

Feedlyで
いつでも最新記事をお届けします!

follow us in feedly


LINE@でも
最新記事をお届けするよ!

友だち追加数


マツオ ユキ

投稿者の記事一覧

家族とイラストとブログが大好きな東京在住3人子持ちガテン系のお父さん。▷詳細プロフィール

Facebookシェアボタン

関連記事

  1. wordpress ShareHTMLとAppHTMLを導入できた経緯
  2. ブログ合宿 ブログ合宿に参加すると必ず得するポイント10選!
  3. ブログ初心者にこそ朝の情報番組をオススメする5つの理由
  4. 565a9eb6c278535a23c50994b70cca70 コーポレートカラーのカラーコードをまとめたサイト「GUIDELI…
  5. Facebookシェアボタン01 【コピペでOK】Facebookシェアボタン(画像付き)を超簡単…
  6. DropShadow 【無料】画像の枠に「影」が付けられるMacアプリ「DropSha…
  7. Facebook OGP Facebookでブログのアイキャッチ画像がうまく表示されない時…
  8. プロブロガー ソーシャルメディア時代に存在感を増すブログの考察

お知らせ

  1. イラスト屋 LINE@
  2. slooProImg_20160702000830.jpg
  3. アクセス振り返り

ブログお役立ち

  1. DropShadow
  2. Embed Code Generator
  3. iPhone埋め込みコード

活動日誌

  1. 似顔絵
  2. 似顔絵
  3. 水着のお姉さん

学び

  1. 『ナリ心理学【認定講師】養成講座』東京校1期
  2. IMG_7039
  3. slooProImg_20160528142513.jpg
WordPressテーマ「AMORE (TCD028)」

グルメ

  1. slooProImg_20160530130830.jpg
  2. ブラックガトーショコラ
  3. モクオラ ディキシーダイナー08

コラム・エッセイ

  1. IMG_8119
  2. IMG_2648
  3. photo-1460794418188-1bb7dba2720d

運営者プロフィール





運営者 : マツオ ユキ

家族とイラストとブログが大好きな東京在住3人子持ちガテン系のお父さん。心から好きなことを楽しみながら生きていくことを決めた マツオユキの公式ブログです。

詳しいプロフィールはこちらからどうぞ!


Feedlyで
いつでも最新記事をお届けします!

follow us in feedly


LINE@でも
最新記事をお届けするよ!

友だち追加数


新着記事

  1. IMG_8119
  2. slooProImg_20160728204930.jpg
  3. IMG_2648
  4. Facebookライブ配信方法
  5. 『ナリ心理学【認定講師】養成講座』東京校1期
  6. slooProImg_20160722232301.jpg
  7. IMG_7859
  8. slooProImg_20160720064116.jpg
  9. slooProImg_20160719203138.jpg
  10. slooProImg_20160718120621.jpg

アーカイブ

ブログテーマ TCD「CORE」

WordPressテーマ「CORE (TCD027)」 

よく読まれてる記事

FBページ

VMWare Fusion 8 Pro

Twitter

PAGE TOP