暇人北っちの趣味ブログアフィリエイト。

ギター、ゲーム、アニメ。やりたいことに時間とお金を使おう。

SNSボタンをワードプレスに表示させるプラグイン~カスタム付き~

ブログの記事でよく ソーシャルボタンが並んでいるのを見かけますよね。

あれを簡単に表示できちゃうプラグインがあります。

ソーシャルボタンを記事に表示してくれるプラグイン

今日使うのWP Social Bookmarking Light

まずはワードプレスの管理画面のプラグインから新規追加をクリック。

WS000002

新規追加の検索エリアからWP Social Bookmarking Light検索。
WS000003

スクリーンショット 2012-11-13 11.26.02

インストールを完了させたら設定画面にいきましょう。

スクリーンショット 2012-11-13 11.26.23

下のボックスから表示させたいボタンを選びます。
北っちのオススメは・・・

  • hatena_button
  • facebook_like
  • twitter
  • evernote
  • google_plus_one

この5つがオススメです。

設定可能なボタンはタブ表示されるので、日本語用やツイッターアカウントの設定をしましょう。

WS000006

実際の画面はこんな感じ。鼓膜設定出来るのが嬉しいですね。

また、北っちはボタンに入れていませんが、mixiにも対応しています。

このプラグインの製作者は日本の方です。だからmixiがあるんですね。趣味ブログならmixiを表示させるのもありだと思います。

カスタマイズでもっとお得に!?

WP Social Bookmarking Light
基本的に記事の上段か、最下段にしか表示できません。

でも、記事の一番上と一番下の両方に表示させる方が効果的です。

それではカスタマイズ開始~!

まずはこのファイルを取り出します。
plugins/wp-social-bookmarking-light/modules/content.php

このファイルをテキストエディタなどで開いて下さい。
137行目

[html]
if( $options[‘position’] == ‘top’ ){
return “{$out}{$content}”;
}
else if( $options[‘position’] == ‘bottom’ ){
return “{$content}{$out}”;
}
[/html]

ここを変更します。

[html]
if( $options[‘position’] == ‘top’ ){
return “{$out}{$content}”;
}
else if( $options[‘position’] == ‘bottom’ ){
return “{$content}{$out}”;
}
else if( $options[‘position’] == ‘both’ ){
return “{$out}{$content}{$out}”;
}
[/html]

それからこのファイルを開きます。
plugins/wp-social-bookmarking-light/modules/admin.php

 

そして・・・
[html]
<font color=”#c0504d” size=”3″>291行目</font></p> <select name=’position’>
<option value=’top’ <?php if( $options[‘position’] == ‘top’ ) echo ‘selected’; ?>>Top</option>
<option value=’bottom’ <?php if( $options[‘position’] == ‘bottom’ ) echo ‘selected’; ?>>Bottom</option>
<option value=’none’ <?php if( $options[‘position’] == ‘none’ ) echo ‘selected’; ?>>None</option>
</select>
[/html]

ここを

[html]
<select name=’position’>
<option value=’top’ <?php if( $options[‘position’] == ‘top’ ) echo ‘selected’; ?>>Top</option>
<option value=’bottom’ <?php if( $options[‘position’] == ‘bottom’ ) echo ‘selected’; ?>>Bottom</option>
<option value=’both’ <?php if( $options[‘position’] == ‘both’ ) echo ‘selected’; ?>>Both</option>
<option value=’none’ <?php if( $options[‘position’] == ‘none’ ) echo ‘selected’; ?>>None</option>
</select>
[/html]

のように変更。

変更出来たらファイルをアップロードします。先ほどの設定画面にいきましょう。

WS000000

このように位置の選択肢にBothが表示されます。
これで保存すると、記事の上と下にボタンが表示されるようになります。

簡単なので是非カスタマイズして下さいね。

2016年12月追記

現状多くのテンプレートがソーシャルメディアのボタンを用意している状況なので、このプラグインを使わなくても良い場合もあり。

無料、有料問わず使いやすいWordPressテンプレートをまとめておいたので、「カスタムが面倒!」とか「なるべくプラグインの数は少なくしたい」という場合はテンプレートを変更するのもありだと思ってね。

WordPress初心者さんの場合、無理してプラグインを使うよりもテンプレートに最初から搭載されているものを使った方が簡単だと思うよ。

LEAVE A REPLY

*
*
* (公開されません)

Return Top