ヒビコレ

iPhone使いの携帯・スマホ関連の雑記ブログ

2717930.jpg

ACR WEBのブログパーツを利用した画像付き人気記事ランキング設定

カスタマイズ』カテゴリの関連記事

スポンサードリンク

ブログの右プラグインに設置していた画像付きのおすすめ記事を変更。以前使っていたのはアンテナシェアのブログパーツで下記のようにRSSで画像を自動習得してくれる大変便利な物でした。

参照 >> アンテナシェア - 2chまとめアンテナサイト

gazourannkinngu20121222-2.png

これを変更する理由はサイト表示が遅くなるから。記事画像の中に数件アンテナシェアの設置する広告が入るのだが、これがブログの重さの要因でした。もう一点これはこちらの問題なのだが、人気記事のランキングとして使用したかったってのがあります。アンテナシェアのブログパーツでも

・いいね数でランキング
・コメント数でランキング
・はてブ数でランキング
・ランダム
・新しい順

と色々と並び替えは出来るのだが、このブログは上記の事がほとんど付かない。なので今回から以前は個別記事に設置していたACR WEBのブログパーツのランキングに画像を挿入して利用する事に決めた。ACR WEBについては下記から↓

参照 >> ACR WEB - CGIレンタル アクセスランキング

一つ試しにやってみましたが、以下の画像のようになります。

gazourannkinngu20151222.png

このACR WEBのブログパーツを利用した画像付き人気記事ランキングの表示方法ですが一番のデメリットは手動で行わないと行けないという事。とは言っても人気記事になるのは毎回決まった記事だと思うので、最初から全記事を設定するのではなく、ランキングに入ったものをこまめにやっていくのがいいと思います。このブログでもアクセス数は少ないが全記事となると800以上にもなるので流石に無理。

弄くるのは設定画面⇒置換設定の項目

gazourannkunngu20121222-2 (1)

【置き換え前のURL】と【置き換え後のURL】は画像を載せる記事のURLを記載します。人によるかもしれませんが同一にします。本件で重要な箇所は【置き換え後のタイトル】の部分。ここに

画像データのURL<br>記事タイトル を載せます。

要注意がこの画像データですが当然設置する部分の幅に合わせなくてはなりません。画像はこれも人によると思いますが、記事内の画像を利用します。当然ですが既にアップロード自体は済んでいるので後述するサイズ変更に関しても楽です。

ブログで画像をサムネイル表示しようとすると記事編集の画面では下記のようになりますがこの青で囲った所をそのまま利用します。サイズに関しては赤線の所を弄くるだけ。

gazourannkinngu20121225-3.png

2回目からはサイズは分かると思うのですが初回はある程度適当な数字で大丈夫です。【置き換え後のタイトル】に画像データのURL<br>記事タイトルを設定し、サイズが合ってないと分かった場合は設定画面の上級者向け設定を開きます。

gazouhennsyuu20151222-2.png

画像の「width」と「height」の部分の数字を自分の設置したい箇所のサイズに調整するだけです。この様に既に画像自体はアップしていた場合、画像を縮小し、再度アップロードする必要は無い。一つ設定した後は上級者向け設定でURLと画像、記事タイトル部分を載せたい記事画像をコピペすればいいだけです。

先述の通り手動での作業なのでランキングに入っている記事を載せるようにしていきます。悩むのがリンクを同一タブで開くようにした方がいいのか別タブで開くか、個人的には別タブの方が好きなんだけどどうなんでしょうね。

 カスタマイズ

ブログ人気記事ランキング画像ブログパーツ

スポンサードリンク

今日の人気ページ

Fireタブレットが4,000円OFF-

0 Comments

コメント *クリック