2013年秋Zenback復活！SNS対策の総合ブログパーツZenbackの表示速度が平均20％高速化した(*'-')ﾌﾌ♪って聞いたので、私も1年ぶりにつけてみた。でっその結果は??? (*＾□ﾟ)ﾉ

2013.11.19

Zenbackっていうブログパーツ、確か1年ほど前にコード取得してブログに貼り付けた覚えがあります。

もうなんともいえないもっさり感と、なかなか表示されない関連記事に嫌気がさし、即効外しました。
WordPressを使っているので関連記事や人気記事等の表示には素晴らしいプラグインがあれこれあり、私は前者にはSimilar Posts、後者にはWordPress Popular Postsを使っています。
またツイッター、フェイスブック等の各種SNSはプラグインに頼らず、記事下にでっかいアイコンゴロゴロころがすように配置しています。
じゃもうZenbackいらんやん?!って思われるでしょうが、1つだけとっても自分的に面白い機能がZenbackにはあります。
そう、自分の書いた記事の内容に関連する記事について、他のZenbackユーザーが書いてる記事へのタイトルリンク付きで並べてくれる機能がいいんです。

でもこれって今まで自分のサイトの記事を読んでくれていた人が、その関連記事のリンクを踏んで他サイトへ移っちゃうってことを意味するわけです。が、逆もしかりでZenback経由で他サイトから私のサイトへと記事をたどっ来てくれるというルートをもてるようになるわけです。

⬇Zenbackサイト

Zenbackであなたのブログに全てのフィードバックを。 via kwout

⬇でさっそくこの機能だけに絞ってコードを取得。こんな見栄え。

なんでしょうか、この左横のWindowsライクな事務的、ローセンスなアイコンは(TOT)
このままではとてもじゃないけど、使う気がしません。アイコンを変えないと、アイコンを。
ちょっとぐぐって、

⬇こちらのサイトにこのアイコンを変更できるコードを発見。

Enjoy! webryblog!!/ウェブリブログ

nici8118さんありがとうございます。
上記サイトでは「関連する記事」一覧のアイコンを変更するコードが掲載されています。で、私の場合変更しなきゃいけないのは「関連するみんなの記事」のほうなので、上記サイトのコードを以下のようにちょっと変更。

/* 元のアイコンを非表示にする */
#zenback #zenback-widget #zenback-related-links .zenback-module-item-header{
display: none;
}
/* ファビコンの画像を指定する */
#zenback-related-links.zenback-module div.zenback-module-content ul.zenback-module-list div.zenback-module-item-content:before{
content:url("");
}
/* 元のアイコンの分を左にずらす */
#zenback-related-links.zenback-module div.zenback-module-content ul.zenback-module-list div.zenback-module-item-content{
margin: 0em 0 0 0;
}

3箇所あるarticleをlinksに変えただけです。
""にアイコンアップロード先のurlを入れればこんな感じに変身！
⬇