WordPress

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

投稿日:

logo

2013.11.19

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

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

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

⬇Zenbackサイト

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

スクリーンショット 2013-11-19 0.36.28

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

スクリーンショット 2013-11-19 1.50.10

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

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を入れればこんな感じに変身!

スクリーンショット 2013-11-19 0.35.23

ヤバイくらいポップになっていい感じです。zenbackのイメージカラーのグリーンに合わせて、りんごもグリーンアップルかじりましたっ〜(。-∀-)アイコンをこちらのサイトからチョイス。

こんな感じのおしゃれなアイコンがフリーでダウンロードできます。サイズもいろいろ用意してあっていたれりつくせり!

スクリーンショット 2013-11-19 0.50.34

アイコン以外に変更したのは文字サイズとフォントスタイル。
文字サイズを小さくしてフォントスタイルをfantasyにしました。

⬇コードはzenbackデザインハックブログにあったものをそのまま貼り付けました。

あともうちょっといじりたいとこあるけど、まっとりあえず今日のところはこなへんにしとこ!

それで表題でかいたその結果はということなんですけど、自分が楽し〜♪⌒ヽ(*゚ω゚)ノ って感じでしょうか。
例えば現在私のサイトview数トップのこちらの記事。

のZenbackが並べてくれてる「関連するみんなの記事」の中におっ!と思うものが。

スクリーンショット 2013-11-19 9.59.33

⬇いつも文体はふざけつつも、内容は1級の情報を届けてくれる人気ブロガーOZPAさんの記事ですね。

この記事でジェットストリームに高級ライン「ジェットストリーム プライム」が出たことを知りました。
知らなかった(゚Д゚ノ)

三菱鉛筆 ジェットストリームプライム 3&1多機能ペン (ボールペン0.7mm インク:黒・赤・青、シャープペンシル0.5mm) ブラック | 三菱鉛筆 | ¥ 5,250 | 2013-10-20
三菱鉛筆 ジェットストリームプライム 3&1多機能ペン (ボールペン0.7mm インク:黒・赤・青、シャープペンシル0.5mm) ブラック MSXE450000724

三菱鉛筆 ジェットストリームプライム 3色ボールペン (ボールペン0.7mm インク:黒・赤・青) ネイビー | 三菱鉛筆 | ¥ 3,150 | 2013-10-20
三菱鉛筆 ジェットストリームプライム 3色ボールペン (ボールペン0.7mm インク:黒・赤・青) ネイビー SXE3300007.9

Zenback「関連するみんなの記事」って自分にとっても有益な情報をもたらしてくれることがわかります。
時々過去記事チェックして関連情報拾っていきたいと思います。

⬇OZPAさんの本。ブログやってる人なら必読です。

OZPA 秀和システム 2011-09
売り上げランキング : 75512

by ヨメレバ

それじゃ、(*゚∀゚)っ[.+:。★βyё βyё★.+:。]


このエントリーをはてなブックマークに追加

Twitterボタン

follow us in feedly

-WordPress
-,

Copyright© 英語×Mac≒時々Monetize , 2017 All Rights Reserved Powered by AFFINGER4.