ハイリンクス

WordPressのプラグインやオススメツール・ソフト、その他実際に使ってみて「コレだ!」というものをご紹介

【WP Social Bookmarking Light】ソーシャルメディアボタンを設置できるWordPressプラグイン

      2013/12/16

131215_1860

WP Social Bookmarking Lightは投稿ページ・固定ページの記事の上下または任意の場所にソーシャルメディアボタンを表示することができるプラグインです。

スポンサーリンク

 

表示可能なソーシャルメディアボタンの数はざっと40種類以上あります・・・が、正直そんなに必要ないですね。。。実際に使用するのはサイトのコンセプトによりますが5~10個ほどではないでしょうか?

ちなみに新しいソーシャルメディアボタンを随時追加されているみたいなので欲しかったボタンがない!!ということはありませんのでご安心下さい。

 

 

 

 WP Social Bookmarking Lightのインストール

1, 管理画面 > プラグイン > 新規追加

2, 「WP Social Bookmarking Light」で検索

3, 「今すぐインストール」をクリック

4, 「プラグインを有効化」をクリック

 

 

 

WP Social Bookmarking Lightの設定方法

管理画面 > 設定 > WP Social Bookmarking Light

 

ボタンの表示位置・追加・削除の設定はこのようにしていきます。問題なければ「変更を保存」をクリック。日本語対応しているのでそれほど困らないで設定が出来ると思います。

131215_1862

 

 

 

ソーシャルメディアボタンを任意の位置で表示

WP Social Bookmarking Lightを使用すると記事の上・下・上下にソーシャルメディアボタンを表示させることができます。もしこれ以外の部分に表示させたい場合はsingle.phpで表示することが可能です。

こちらのコードをsingle.phpにぶっ込んでおけば表示されます。

 

 

 

ボタン間隔を調整

プラグインをインストールしてお好みのボタンを選択してサイトをみるとこんな感じになります。

131215_1863

ボタンはしっかり表示されていますが、ボタン間隔がずれていますよね?これだと見栄えがよくないのでこの間隔を調整していきます。

 

 

WP Social Bookmarking Light > スタイル > Custom CSS

131215_1864

 

Custom CSSの下に下記のコードを入力していきます。

xxxxxにはWP Social Bookmarking Lightの指定のボタン名称を入力します。

 

131215_1865

facebook_likeなら

という具合に。あとは幅の調整をpx単位で微調整していきましょう。

そうすれば、ボクの記事の上下にあるように、ソーシャルメディアボタンの間隔がキレイに揃います!

 

 

 

まとめ

WP Social Bookmarking Lightは投稿ページ・固定ページの記事の上下または任意の場所にソーシャルメディアボタンを表示することができるプラグインです。

 

このプラグインを使用すると表示できるボタンタイプは小さいhorizontalだけで、大きいボタンであるvertaicalは表示できません(pocketはできる)。もし大きいボタンであるverticalを使用したいのであれば、自身でsingle.phpに直接コードを入力する必要があります。CSSの知識もちょっと必要。

WordPressテーマによってはどう頑張ってもverticalでうまく表示できなくて、挫折した経験があり・・・orz

 

今後このプラグインにvertical対応のソーシャルメディアボタンが使用できればいいなぁと勝手に思っています^^

 

 

 - SNS, WordPress Plugins


  • このエントリーをはてなブックマークに追加

Message

メールアドレスが公開されることはありません。

関連記事

131202_1902
【Tweetily】過去記事をTwitterに自動ランダム投稿するWordPressプラグイン

TweetilyはWordPressで公開した記事をTwitterに自動でランダ …

140211_1801
【Jetpack】これ1つで30種類以上もの機能を使用できるオトクなWordPressプラグイン

Jetpackはこれ1つで30種類以上もの機能を使用できるWordPressプラ …

131113_2201
【Contact Form 7】お問い合わせフォームを設置できるWordPressプラグイン

WordPressを初めてインストールした段階では、ブログ・サイトにはお問い合わ …

131119_1901
【No Self Pings】内部リンクがコメントにならないWordPressプラグイン

No Self Pingsは自分のサイトから内部リンクを貼ったときに自然に起こる …

131114_2301
【EWWW Image Optimizer】画像を圧縮・最適化するWordPressプラグイン

「EWWW Image Optimizer」はサイトで使用している画像を圧縮して …

131130_2101
【WP External Links】外部リンクにtarget=”_blank”とrel=”nofollow”を設置できるWordPressプラグイン

WP External Linksは外部リンクを別ウィンドウ・タブ(target …

131120_2001
【Master Post Advert】moreタグの後に広告を自動で挿入できるWordPressプラグイン

Master Post Advertはあらかじめ設定しておいた広告タグをmore …

140401_1901
【WP Htaccess Editor】.htaccessをFTPソフト不使用で編集可能なWordPressプラグイン

WP Htaccess Editorは.htaccessファイルをFFFTPやF …

medium_5000124976
【001 Prime Strategy Translate Accelerator】日本語翻訳ファイルをキャッシュ/高速化するWordPressプラグイン

001 Prime Strategy Translate Accelerator …

medium_155554663
【spam-byebye】日本語以外のコメントスパムを高確率で排除するWordPressプラグイン

spam-byebyeは日本語以外のコメントスパムを高確率で排除するWordPr …