ハイリンクス

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

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

関連記事

131209_2011
【Sharebar】ソーシャルメディアボタンがスクロール追従するWordPressプラグイン

Sharebarはサイトの左右や下辺りにソーシャルメディアボタンがカタマリになっ …

131225_2101
【Akismet】ウザいコメントスパムを遮断するWordPressプラグイン

Akismetはコメントスパムを遮断するWordPress初期設定時にプリインス …

medium_1751072828
【Auto Post Thumbnail】アイキャッチ画像を自動で一括設定するWordPressプラグイン

Auto Post Thumbnailはアイキャッチ画像を自動で一括設定するWo …

140311_2101
【Quick Adsense】各種広告をサイトのあらゆるところに挿入可能なWordPressプラグイン

Quick AdsenseはGoogle AdSense広告をサイトの記事中やサ …

140102_1901
【PS Auto Sitemap】人間用サイトマップを自動生成するWordPressプラグイン

PS Auto Sitemapは人間用サイトマップを自動生成するWordPres …

131114_2201
【Broken Link Checker】リンク切れを定期的に知らせるWordPressプラグイン

Broken Link Checkerは自分のサイトに施してあるリンクが切れたと …

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

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

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

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

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

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

131122_2101
【SEO Friendly Images】画像にタグ(alt, title)を自動で追加できるWordPressプラグイン

SEO Friendly Imagesは画像にタグのaltとtitleを自動で追 …