Eye Catch

在页面设计中，标题画像可以直接视觉性地传达设计印象等要素。

这里将说明标题画像的插入和编辑方法。

Eye Catch 模块的读取方法

wp.Vicuna专用皮肤中可以根据皮肤来读取不同的标题画像模块。和别的模块一样,它的读取导入的规则记述在5-module.css文件中，将标记解除便可立即适用。

/*--------------------------------------
 Eye Catch [Short]
---------------------------------------*/
/*
@import url(module/hoge.css); 
*/

下面的代码即表明如何解除标记使模块适用。

/*--------------------------------------
 Eye Catch [Short]
---------------------------------------*/

@import url(module/hoge.css);

根据模块而固定的结构

在可变幅结构中，根据浏览器窗口尺寸的变化会发生标题画像和窗口宽度不符的情况。为了避免此情况的发生，标题画像模块设定成了固定的结构。如果想使用比指定画像的尺寸更大的画像，请编辑标题画像模块中结构调整项。

/*--------------------------------------
	1-1.全てのページへ影響
---------------------------------------*/

body {
	margin: 0 10px;
}

div#header,
div#content,
div#footer {
	width: 800px;
}

Eye Catch画像的编辑

各模块所使用的画像保存在皮肤文件夹内的images/eyeCatch里。可以编辑一个同尺寸、同文件名的画像上传替换原画像即可。

Eye Catch画像既可以使用自作图或照片，如果不行也可以从一些免费图片素材网上下载来然后调整尺寸。

Page Top