ハイリンクス

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

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

関連記事

131221_1302
Vertacalタイプ(箱型)のソーシャルメディアボタンをプラグインなしで実装する方法!

サイトにソーシャルメディアの共有ボタンがあるとないとでは記事の拡散にかなりの違い …

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

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

131210_1918
【UpdraftPlus】サイトのバックアップ・復元がお手軽にできるWordPressプラグイン

UpdraftPlusはWordPressで作成したサイトのすべてのデータ(デー …

131221_2003
【Twitter Cards】Open Graph ProのTwitterバージョン的なWordPressプラグイン

Twitter CardsはfacebookのOGPのように、投稿した内容に記事 …

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

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

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

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

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

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

140114_2302
【YARPP】関連記事をテキスト or サムネイルで自動表示するWordPressプラグイン

YARPP(Yet Another Related Posts Plugin)は …

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

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

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

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