ハイリンクス

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

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

関連記事

140309_1901
【TablePress】HTMLの知識がなくてもサクッと表が作成できるWordPressプラグイン

TablePressはHTMLの知識がなくてもサクッと表が作成できるWordPr …

131118_2001
【PubSubHubbub】リアルタイムインデックスさせるWordPressプラグイン

PubSubHubbub(パブサブハブバブ)はGoogleの検索エンジンに記事更 …

140114_2302
【YARPP】サムネイル表示でのタイトル切れを調整する方法

関連記事表示プラグインのYARPPはインストールして有効化でも問題なく使用するこ …

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

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

131113_0001
【Better Delete Revision】過去のリビジョンを一括削除するWordPressプラグイン

WordPressには「リビジョン」という機能があります。これは今まで書いた記事 …

origin_4919659112
導入すべき優良WordPressプラグイン一覧!これがないとやっていけない!

WordPressで運用するなら絶対に無くてはならないものがあります。それがプラ …

131126_2105
【Wordbooker】更新記事を自動でfacebookページに投稿するWordPressプラグイン

WordbookerはWordPressで更新した記事をfacebookページに …

131120_1905
【WP Total Hacks】22項目の設定をカスタマイズ可能なWordPressプラグイン

WP Total Hacksはこれたった1つでなんと20項目以上のWordPre …

140102_2001
【Google XML Sitemaps】検索エンジン用サイトマップを自動送信するWordPressプラグイン

Google XML Sitemapsは検索エンジン用サイトマップを自動送信する …

131119_1801
【Link to post】過去記事へのリンクを手軽に貼るWordPressプラグイン

Link to postは記事作成中に過去記事を紹介しておきたいときに手軽に内部 …