barというプラグインを装備してみようと思います。固定型と比べますと、ソーシャルメディアからのアクセス流入数が10%改善されたという報告もあるそうですよ。干渉?によるバグの消し方1.Sharebarをインストールするダッシュボードからプラグイン>新規追加で検索フォームにSharebarと入れて検索します。最初の方に出てきますので、インストールし有効化します。2.Sharebarに「はてなブックマーク」ボタンを追加するはてなブックマーク等、リストに無いボタンを追加する方法をご説明します。微妙なラインナップなので、取り敢えずは入れておきたいはてなブックマークを追加作成してみます。別ウィンドウで、はてなブックマークのページを開きます。画像11.の、ボタンを設置するページの情報を入力、のURLとタイトル欄は空白にしておきましょう。ここを指定してしまうとユーザーが個別の記事をブックマーク出来なくなります。2.のボタンのタイプを選択します。3.に表示されたコードをコピーして、ワードプレスに戻ります。Buttonをクリックします。画像2Name:名前とPosition:表示位置を入力したらEnabled?にチェックを入れます。Buttonそれぞれに先ほどコピーしたコードをペーストすればOKです。画像3一覧に戻るとちゃんとはてぶボタンが出来上がっています!表示させたいボタンにチェックを入れたら、リストの下にあるUpdateボタンを押します。画像4はてぶのボタンが出来た♪もし、チェックを入れていないのに必要の無いボタンが表示されている様でしたら、ボタンの一覧表に戻って、表示させたく無いボタンの右端のActionsからEditへ行き、Enabled?のチェックを外せばOKです。3.Sharebarのカスタマイズさて、デフォルトでは各種ボタンの大きさがまちまちなので、ずれていたり枠に収まりきれなかったりで少々調整が必要です。Sharebar設定画面の右上に表示されているSettingsから設定します。変更settingで背景色やボーダー色を変えて付箋風にカスタマイズしてみました。カラーピッカーが便利ですね!画像5これでもまだ、facebookの表示がずれているので、個別に調整します。facebookボタンのEditから、それぞれのボタンのソースの中のoverflow:hidden;width:○○px;height:○○px;の数値を変えて微調整します。画像64.Sharebarとワードプレス関数get_excerptの干渉?によるバグの消し方ところで、Sharebarを有効化したことで、思わぬバグが出てしまいました。TweetEmai...なる文字列が何故か表示される様になってしまったのです。Σ(゚皿゚)どうやら最新情報欄に使っているワードプレスの関数、get_excerptと干渉している様なので、get_excerptをget_contentで代用して問題を回避したあと、(詳細はこちら→2013/4/26勉強会の議事録”Sharebarとget_excerptの干渉を回避する”)さらに以下の様にcssを書き足しました。0;}a:afterは疑似要素です。タグが書かれていた場合は””(ブランク=空白)として、タグを表示させない様にしました。応急処置ですがこれでバグは表示されなくなりました。使用するプラグインが増えてくると、互いに干渉してバグが出ることがあるんですねぇ。調べるのは大変ですが、こういった場合の対処法を試行錯誤しながら解決することは大変勉強になります。キャンセル投稿を送信できませんでした。メールアドレスを確認してください。メール送信チェックに失敗しました。このブログではメールでの投稿共有はできません。%d人のブロガーが「いいね」をつけました。