Home > スポンサー広告 > Eye catch Layout 2.0

スポンサーサイト

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

Home > スポンサー広告 > Eye catch Layout 2.0

Home > Customize > Eye catch Layout 2.0

Eye catch Layout 2.0

  • Posted by: Black vicuna
  • 2008-06-14 Sat 15:05:01
  • Customize

アイキャッチ画像の適用・編集

このエントリーでは、Vicuna2.0(2008 - 2010配布)のアイキャッチ編集方法とアイキャッチツールについて説明します。

アイキャッチ サンプル画像

vicuna2.0 skinは、4つのタイプのアイキャッチが使用できます。

Header Long Short Mini
Sample Header Sample Long Sample Short Sample Mini

アイキャッチ編集手順

  1. 最初にBlack Vicuna Skin に移動し、アイキャッチ画像を適用したいスキンを探して下さい。
  2. Css Downloadよりアイキャッチ Header,Long,Short.Mini* 中から、使用したいCSSを開きソースをすべてコピーして下さい。
  3. Fc2 blog 管理画面 > スタイルシートの編集欄の最下部辺り(Title: Eye catch.css)へ貼り付ければアイキャッチ編集の完了です。

アイキャッチCSS 貼り付け場所

Before

After

これから使用するアイキャッチ画像urlへの書き換え

貼り付けたソースの中に下記のような記述があります。 これを使用したい画像のurlに書き換えて更新すれば完成です。

*Warship,Bazooka,Futureはスキンとアイキャッチが繋がっていますので、画像編集ソフトや下記ツールが必要です。

Vicuna アイキャッチ画像作成ツール

Vicunaのスキンには、好みの画像を特定の場所にアイキャッチとして表示させるためのCSSモジュールが付属しています。アイキャッチに使用する画像は、あらかじめ決められた寸法にトリミングしておかなくてはなりませんが、この作業を自動化するツールをMercurius Labの輝竜司さんが作成・公開してくれました。
引用元:Vicunaのアイキャッチ画像作成ツール

Fc2ブログでの使い方

  1. アイキャッチで使用したい画像をアイキャッチ画像自動作成ツールへアップロードします。
  2. 各アイキャッチの部位に最適化してトリミングされます。
  3. リサイズされた結果の中から好みのものをダウンロードして下さい。(ご自分のPCへ名前を付けて画像を保存して下さい。)
  4. Fc2ブログ > 管理画面 > ファイルアップロードで画像ファイルを必ずFc2ブログへアップロードしてからご使用下さい。
  5. 注意:作成された画像はDLしてお使いください。直リンクでの使用はご遠慮ください(データの定期削除時に一緒に消えてしまいます)
Author
輝竜司さん
web site
citrocube
tool
アイキャッチ画像自動作成ツールのようなもの

Home > Customize > Eye catch Layout 2.0

Tag Cloud
Vicuna

Vicuna CMS

Return to page top

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