ハイリンクス

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

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

関連記事

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

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

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

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

140407_2101
【Code Snippets】functions.phpをコード毎に管理可能なWordPressプラグイン

Code Snippetsはfunctions.phpをコード毎に管理可能なWo …

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

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

131123_1301
【WordPress Ping Optimizer】記事更新時にPing送信しないWordPressプラグイン

WordPress Ping Optimizerは記事更新することで送信されてし …

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

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

131206_1901
【Open Graph Pro】facebookからのアクセス数がグン↑と上がるWordPressプラグイン

Open Graph ProはOpen Graph Protocolという、fa …

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

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

131116_2201
【WordTwit Twitter Plugin】更新記事を自動でTwitterに投稿するWordPressプラグイン

WordPressでブログ・サイトを運営していて、新しい記事更新した際にTwit …

131123_1001
【WP Nofollow Post】外部リンクにnofollowタグを自動で加えるWordPressプラグイン

WP Nofollow Postは記事中にある外部リンクに自動でnofollow …