ACR WEBのブログパーツを利用した画像付き人気記事ランキング設定 - ブログ/カスタマイズ

mineoおすすめ契約方法

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

2015.12.22 | カテゴリ:ブログ/カスタマイズ

ブログの右プラグインに設置していた画像付きのおすすめ記事を変更。以前使っていたのはアンテナシェアのブログパーツで下記のように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と画像、記事タイトル部分を載せたい記事画像をコピペすればいいだけです。

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

スポンサードリンク


ブログ/カスタマイズ』カテゴリの関連記事

FC2ブログで利用できる目次表示方法を2つを紹介
軽いSNSボタンをまとめてブログに設置
FC2ブログのURLがはみ出ない設定をする
ブログにトップページに戻るボタンとプルダウンのメニューを設置
人気記事ランキングに画像を付けて表示する 再考

関連タグ:

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

Fire7hklk.png   Fire7HD8300x250.jpg  

この記事へコメントする・コメントを見る (0)

今日の人気ページ

fire600.jpg

新着記事

全裸待機禁止Tシャツ企画進行中!? NifMoのTwitterが面白い [08月20日]
iPhoneのバッテリー診断アプリ「Battery Doc」と「Battery Care」 を紹介!AppStoreから削除される前に入手を [08月19日]
iPhoneのバッテリー診断アプリの決定版 「Battery Life」【悲報 再削除】 [08月18日]
Googleが警告を出すので早期のFC2ブログのSSL化を求む [08月18日]
セブンスター仕様1935レプリカZippoが当たるQRコードキャンペーンに挑戦[2017年8月1日-10月31日] [08月15日]
JTが電気加熱型たばこ『Ploom TECH』の抽選販売受付を開始【ラスト第6回目】 [08月11日]

mineo紹介キャンペーン
最新記事
2016年人気記事ランキング
Apple公式のiPhoneのバッテリー診断方法 [2017年最新版] dsgre.jpg
iPhoneのバッテリー診断アプリの決定版 「Battery Life」 rank20160605 (3)
iPhoneのホーム画面のアイコンの位置を自由に変更する裏ワザthdth.jpg
クリックポストの配達日数を実際に体験した日数と目安の調べ方を紹介rank20160605 (10)
iPhoneのバッテリーの劣化を調べるiOSアプリ 「coconutBattery」hjkh.jpg
PHILIPS(フィリップス) ソニックケアーを修理に出す60409121432820.jpg
FREETEL Simple2はまさかの3種類展開と1年間無料キャンペーン開始FREETE.jpg
iPhoneのバッテリー診断アプリ「Battery Doc」と「Battery Care」を紹介dndeth.jpg
あのiPhoneのバッテリー診断アプリ「coconutbattery」がAppStoreに復活!→【再削除】→iOS10でアプリも起動せずhjkh.jpg
ドコモ「Xiパケ・ホーダイ for iPhone」を解約(廃止)rank20160605 (6)
Amazonのタブレット Kindle Fire HDで自炊漫画を読むblog-entry-1037.jpg
iPhone最強の広告ブロックアプリ 「AdBlock」 がiOS10で復活yfyfghjv.png
docomo契約SIMカードは差し替え注意201620.jpg
メルカリ 返金までの流れを実体験 その5 「返金(取引キャンセル)編」23131.jpg
ドコモ Xiパケ・ホーダイ for iPhoneを解約(廃止)の注意点201615.jpg
mineo紹介キャンペーンの甘い罠→【再延長】2017年1月31日まで→【仕様変更】一部条件で特典がEJOICAセレクトギフトに201616.jpg
ドコモのパケットサービスを解約しようとするが問題発生201617.jpg
iPhoneバッテリー診断アプリの信憑性gufddcrt.jpg
メルカリ 返金までの流れを実体験 その1 「商品破損編」rank20160605 (9)
docomo iPhone契約SIMをガラケーに挿す201613.jpg
記事を探す
サイト内検索
  • iPhone/全般(50)
  • iPhone/アプリ(53)
  • iPhone/アイテム(39)
  • MVNO(54)
  • MVNO/mineo(124)
  • MVNO/NifMo(19)
  • MVNO/0SIM(10)
  • FREETEL/Simple/Simple2(43)
  • タブレット(29)
  • ケータイ/スマホ雑記(29)
  • ケータイ/スマホNEWS(233)
  • NM705i/6120c(2)
  • 705NK/N73(94)
  • Nokia E51(42)
  • 雑記(95)
  • ブログ記事録(105)
  • ブログ/アクセス数公開(30)
  • ブログ/カスタマイズ(34)
  • プリペイド/プリモバイル(13)
  • デジカメ(4)
  • LINE(14)
  • IQOS/PloomTECH/Zippo(23)
  • アンケート(3)
  • MVNO2台持ち用 通話専用機種(30)
  • NOKIA その他(3)

  • 月別一覧を開く

    関連ワード一覧を開く

    全記事一覧表示
    Author
    ペンギンのアイコン素材管理人:705んk
    @musiatui | Twitter

    iNoWBh.png

    管理人利用中アイテム