WordPress のこまごま設定プラグインにソーシャルボタン設置機能、他を追加した

前回のエントリで公開した 「WordPress のこまごました設定をまとめてできるプラグイン」に、ソーシャルボタン設置機能、他を追加しました。ソーシャルボタンは結構簡単にできるかなと思ってたんですが、個々のボタンを等間隔に揃えたりとか見た目を調整するのって面倒なんですね・・・疲れました。

ソーシャルボタンの設置

social buttons

「Tweet, Like, Google +1 and Share」っていうプラグインがよく使われてるみたいなんだけど、ブログのトップページみたいに記事タイトルが一覧で表示されてる状態で、記事個別にボタンを設置させる方法がよく分からなかったので自前で作りました。機能としては以下のような感じです。

  • はてなブックマーク、Twitter、Facebook、Google+ のボタン設置
  • 表示/非表示の選択
  • 表示順の指定
  • ボタンサイズ大/小の選択
  • 記事一覧画面でのエントリー別ボタン設置

social button

「対象リンクの jQuery セレクタ」は、ソーシャルボタンの対象記事となるリンクを jQuey セレクタで指定します(必須)。
「ボタン挿入先の jQuery セレクタ」は、ボタンの挿入先要素になります。未指定時は記事リンクの後ろに挿入されます。

はてブ件数の表示

hatebu users

指定したリンクにはてブ件数を表示することができます。はてブ件数はブコメページのリンクになります。

hatebu users

「対象リンクの jQuery セレクタ」では、はてブ件数を表示したいリンクを jQuery セレクタで指定します。

Google カスタム検索フォームの設置

google search

Google カスタム検索によるサイト内検索フォームを設置できます。

google search

「Google Custom Search ID」には、Google カスタム検索より取得した検索エンジンID を指定してください。 フォームの設置は、WordPress 標準ウィジェットの検索フォームを置き換える方法と、任意の場所に追加設置する方法があります。追加設置する場合は、「フォーム挿入先の jQuery セレクタ」で挿入場所を指定してください。

あと、標準のデザインがちょっとあれだったので、背景色を transparent にしたり、margin を調整したりと見た目にちょっと手を入れてます。

ダウンロード

こちらからどうぞ