Home mail me! RSS

WordPress用「AddToAny」はてな設定メモ

各投稿ページの一番下にあるソーシャル・サービスへのShare/Saveボタンは、
AddToAnyというサービス/プラグインで表示させています。

AddToAny
http://share.lockerz.com/
http://wordpress.org/extend/pl……dd-to-any/

ソーシャルばやりの昨今、Twitter, facebook, Google+くらいは
個別のボタンが見えていた方がいいと思ったので変えてみました。
(ここまではプラグインの設定ページから簡単に変更できます)


で、前から気になっていたんだけど、Share/Saveボタン(細長いやつ)に
マウスオーバーすると出てくるソーシャル・サービス一覧で、
はてなブックマークだけ挙動がおかしいので修正。
(表示されたりされなかったり、アイコンも出ない)


以下手順。


1)アイコン画像の作成

16*16pxのはてな用アイコン画像を用意してアップロード。

アイコンの設置場所はプラグインのフォルダでもいいんですが、
今後アップデートした時に上書きされると面倒なので、
テーマフォルダ内に入れてみました。



2)カスタムボタンの追加

WordPress管理画面 > 設定 > AddToAny > その他のオプション

はてなブックマーク用のコードを追加。
var a2a_config = a2a_config || {};
a2a_config.custom_services = [
    ["Hatena",
        "http://b.hatena.ne.jp/add?title=A2A_LINKNAME_ENC&url=A2A_LINKURL_ENC",
        "/wp/wp-content/themes/qwilm-03-2/imagenes_qwilm/addtoany_hatena_icon.png"
    ]
];
※1行目はいらないのかも?

下記の公式サイトによると
「name=A2A_LINKNAME_ENC」となっていますが、
×name → ○title じゃないと、ページタイトルが取得できないので注意。

Lockerz Share – Custom Services
http://share.lockerz.com/butto……d_services


ちなみに、「add?」を「bookmarklet?」にすると、
ブックマークレット用のシンプルなページにリンクできます。

「/wp/wp-content/ … addtoany_hatena_icon.png」は
(1)でアップロードしたアイコン画像のURLです(httpから書いてもOK)。



2.5)デフォルトのhatenaを削除

※これで非表示になるかと思ったら大間違いでした(違うのか…)。

プラグインのデフォルトでhatenaの設定があるので、それを削除しておきます。
プラグインフォルダ > services.php内の下記を削除。
    "hatena" => Array(
        "name" => "Hatena",
        "icon" => "hatena",
    ),
とりあえずコメントアウトで可。



3)CSSでデフォルトのhatenaを非表示に

上記のサービス一覧からデフォルトのhatenaを消しても、
なぜか表示される事があるので、CSSで無理矢理非表示にします!力技ばんざい!
#a2apage_hatena {
    display: none;
}
CSSは大文字小文字を区別する(たぶん)ので、これでいけると思います。
心配な方は、(2)で新しいはてなを「HatenaBookmark」とかにするといいかも。



あとは動作確認したら完了です。

Share

コメントする