WordPress Sharebar ソーシャルプラグインの設定方法
wordpress ソーシャルプラグイン Sharebarの設定方法を紹介します。
ブログやサイトのSNS共有ボタンでメイン記事の左右どちらかのサイドにスクロールしてもついてきてくれる、wordpress ソーシャルプラグインです。
表示がCSSで固定となっていて
「押してください、お願いします」
的な感じでついて来る。
記事下まで行ってもユーザーからは常に一定位置の押しやすい場所にあるので、ついつい押してあげてしまうようになっている。
テンプレのテーマによって使えない場合があるので、下記の方は導入しない方がよいだろう。
左右にサイドバーを置いた3カラムデザインの場合、サイドバーのメニューなどに上に表示されてしまうので、導入しない方がいいでしょう。
またテーマによっては記事タイトル下にも表示されてしまう為、
デザインなどが崩れしまい・・・「うざい・・」と感じる場合は、導入しない方がいいでしょう。
ソースコードを見ると同じidが振られているが、こちらはテーマカスタマイズまたはjQueryなどを扱える人なら消すことができると思われる。
とりあえず今回は試していないので、機会があれば追記します。
まずいつも通りWordPressプラグインの新規追加よりいつも通り「Sharebar」を入れてインストール。
直接アップロードの場合は公式サイトはこちら
Sharebarの設定作業工程は、
1.要らないソーシャルボタンを削除
2.追加のソーシャルボタンを追加
3.Facebookはデフォルトで表示がれるので修正
4.全体の配置を調整
こんなところでしょうか。
1.要らないソーシャルボタンを削除
「Sharebar」のインストールが終わり有効化して設定画面に進む
ダッシュボード 設定 → Sharebar
日本ではなじみの少ないソーシャルボタンは Edit Delete の Delete ボタンから削除
このサイトではtwitterとFacebookだけ残してみました。
2.追加のソーシャルボタンを追加
「はてぶ」や「Gogle+」「Tumblr」などを好きなボタンを追加できます。
（例）「Sharebar」に、はてなのボタンを入れてみる
はてなブックマークボタンの作成・設置について からタグ取得
Sharebar側の追加の方法
Add New Buttonを押す
Name: hatena (※なんでもよい)
Position: 3 （※表示順位）
Enabled? チェックボックスいれる
Big Button: バーティカル （はてなで取得したタグ貼り付け）
Small button: スタンダード （はてなで取得したタグ貼り付け）
以上 簡単ですね。
3.Facebookはデフォルトで表示がれるので修正
SharebarのFacebookは初期状態で表示ずれるようになっています。
幅をカスタマイズしましょう。
各自のテーマにあわせて、width85～100pxにすれば問題なし。
4.全体の配置を調整
表示したい方（left or right）でメイン記事よりどの位の位置に表示するか任意で設定。
テーマにもよるが最初は記事にめり込んでいるような表示になっていると思う。
各自のテーマによって見栄えの良い位置に修正する。