坊譚

妖怪イラスト&漫画ブログ

妖怪図鑑:目次

スポンサーサイト

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

押してもらえると励みになります→ 拍手する



( --/--/-- --:-- ) Category スポンサー広告 | TB(-) | コメント(-)| top↑

FC2でサムネ表示

最近FC2のimageタグを知りました。
イラストを扱うタグです。

FeedGrapherもサムネイルを作ってくれるサービスですが、こちらはアップロードした画像がすべて選択されるため、このブログでは使えないです。

今回も個人的なメモです。

このタグは未実装と公式には書かれているのですが、このブログの【最近のイラスト(test)】というプラグインでも分かるように今のところ一応動いています。

表示される画像の数は【環境設定】→【拡張表示設定】→【最新アップロード画像】で設定できます。

表示画像はアップロードした時にサムネイルを作ったもののみが反映されるようです。
このブログはイラストのみサムネイルを作っているため必要な画像のみ表示できそうです。問題は表示されるサイズがサムネイルと同じため、少々扱いにくいです。


表示させる位置は左右のプラグインだけでなく、3カラムめを記事の上に配置できるテンプレートを使用し、上に表示させるのもよさそうです。

問題点:

  • 元々サムネイルが小さければいいのですが、大きめで設定していると、画像のサイズは小さくしても重さが変わらないため、ページが重くなります。
  • アップロードした時点で反映されるため、画像の上げ直しをするとその画像が表示されてしまうようです。(というか、今そうなっています)
  • 明日更新する予定の画像が表示されたりします。
  • 画像を表示している記事に自動的にリンクが貼れません。この辺はカテゴリーへのリンクをつけといたほうがよさそう。
  • サムネではない元画像にリンクできないようです。


以下にサムネイルを表示する構文を載せておきます。Classは適当に変えてもいいです。
赤字は自分で設定してください。

HTML(プラグインのフリーエリアにコピペする)

<!--image-->
<a href="イラストカテゴリーのアドレス">
<img src="<%image_url>" alt="<%image_bname>" class="newimg">
</a>
<!--/image-->

画像のサイズに上限をつけてるスタイルシートです。必要なければ上のclass="newimg"も消しといてください。150pxは好みで変えてください。

CSS(テンプレートのところに追加)

.newimg{
max-width:150px;
max-height:150px;
}



<<戻る

ご意見・ご感想などご自由にどうぞ
  • URL
  • コメント
  • パスワード
  • 秘密
  • 管理者にだけ表示を許可する

この記事のトラックバックURL
http://youkaiblog.blog75.fc2.com/tb.php/139-4956557e


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