マンガとラノベ

マンガとラノベの感想を書く予定です。あとキャンペーンの情報や懸賞の当選結果なども。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

ACR WEBのページランキングに画像を表示

かなり前ですがACR WEBのページランキングの設定について記事にしました。
今度はそのランキングに画像を表示する方法について簡単に解説を。

「ACR WEB」のページランキングを設置 (過去記事)

ブログなどのページランキングでランキング中に画像やサムネイルが
表示されてるのを見たことがある方もいると思います。
以前からどうやるのか気になっていたので今回はそれを真似して見ようって事です。

その他


一部記事の設定後がこんな感じです。
画像があった方が文字だけ場合より
見た目がいいですね。


ここから簡単ですが解説を。
解説には↑の6位キューブ型ミニスピーカー(100円ショップ)の記事を使用します。



ページランキングに表示する画像の用意
まずはページランキングの幅を調べます。編集画面の環境設定を見てみてください。

その他

このブログは上記のような値です。
順位とアクセス数部分の幅はデフォでは設定されてません(たぶん)
※設定しても環境によっては表示が変わったり切れたりするかも

このブログだとページ部分の幅が150pxなので、用意する画像の横幅を150pxとします。
画像サイズ : 150×112px(元画像640×480)

リサイズはFC2ブログだとツールの

◇ファイルのアップロード(サムネイルを150×112pxに)
◇画像縮小でリサイズ後にファイルのアップロード ← 確実

のどちらかですね。ただサムネイルだと縦横比の関係で上手く行かない事も。
画像縮小ツールだと縦横比に関係なく150×112pxに出来ます。

リサイズした画像がこちら(サムネイル利用) 元画像

http://blog-imgs-15.fc2.com/m/a/n/mangatoranobe/359s.jpg



ページランキングに画像を表示
置換設定ページのツールを使用します。

その他

方法は簡単で↑の「置き換え後のタイトル」部分にタグを挿入します。
タグが利用できると思ってなかったけど、マニュアルに書いてありました。

利用するのは普通の画像タグです。

画像タグ : <img src="①画像URL"><Br>②記事名

①画像URL : http://blog-imgs-15.fc2.com/m/a/n/mangatoranobe/359s.jpg
リサイズ後アップロードした画像URLです。
サムネイル利用の場合は元画像のファイル名の後に小文字の「s」を。
②記事名 : キューブ型ミニスピーカー(100円ショップ)

↓これらを画像タグに挿入するとこんな感じに
<img src="http://blog-imgs-15.fc2.com/m/a/n/mangatoranobe/359s.jpg"><Br>キューブ型ミニスピーカー(100円ショップ)

これを置換設定ツールの「置き換え後のタイトル」にコピペし、
その他の部分は普通の置換設定と同じように入力してください。
その後「ランキングの自動更新」し、ブログを更新すれば↓のようになります。

その他

実際にやってみる時は「<img src="①画像URL"><Br>②記事名」の部分を
テキストファイルにでもコピペして作業してもらえば。
なれたら「上級者向け設定」の置換設定でも作業できるようになると思います。



この記事は1日で書いてないので変な部分があるかも。
あと直接的に関係ない部分の解説を端折ってます。

やってみて思った事はたぶん自動設定が出来ないので面倒な事と、
こんな小さなブログだと作業の手間を考えるとあんまり意味がないかなと。
自己満足???

覚えるのは画像タグ「<img src="①画像URL"><Br>②記事名」の部分だけだし
そこまで難しくはないと思います。
関連記事
スポンサーサイト
[ 2011/05/05 02:25 ] 雑記 | TB(1) | CM(1)
助かりました
人のブログで初めてみて3ヶ月。何時も羨ましいなと思っていました。
逆アクセスランキングに使用したいと思っています。
昨日から上級者設定をいじってみたり、検索で探してみたりしていました。
やっとこのページにたどり着きました。
ビンゴです。
早速やってみます。
勘太郎
[ 2012/03/02 15:27 ] [ 編集 ]
コメントの投稿












管理者にだけ表示を許可する
トラックバック
この記事のトラックバックURL

5分で覚える人気記事ランキングに画像を表示マニュアル
サイドバーに『月間人気ページランキング』を設置していますが画像を設置してみました 最初は面倒でしたが試行錯誤に末に煩雑な作業を減らしてシンプルにできたので紹介です
カテゴリ
ブログ内検索
プロフィール

otogameheart

Author:otogameheart
レイアウトなど現在改良中。
マンガ・ラノベの感想はまだ少ないです。
後日ブログについてのページを作ります。

◆リンクフリーです。
相互リンクについてはコメントかメールでお願いします。
◆登録してます。

◆購入記録(更新止まってます)
メディアマーカー
◆連絡先

こちらからでも → 『メールフォーム

◆ソーシャルブックマーク

Yahoo!ブックマーク Googleブックマーク はてなブックマーク livedoorClip FC2 Technorati ニフティクリップ Flog 

FC2カウンター
FC2カウンター
現在の閲覧者数:
バロメーター


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。