ネットショップ専用 プラグイン『Welcart e-Commerce』の特徴

◆Header Areaのサイズ
基本サイズ:W 1,000px x H 155px
Title Area画像の変更はFFFTPソフトを使用して編集します。
作製した画像をFFFTPソフトで”header_bg.jpg”としてUPし、画像を変更します。
出典:FFFTPソフト Sota氏ホームページ http://www2.biglobe.ne.jp/~sota/

◆TOP Areaのサイズ
W 560px x H 300px
Top Area画像の変更もFFFTPソフトを利用して編集できます。
WelcartのTop ImageのAddress
Main>>wp-content>>themes>>welcart_default>>images>>image_top.jpg
作製した画像をFFFTPソフトで上記アドレスに”image_top.jpg”でUPすれば、
自動的に画像を変更できます。

◆Back Ground Imageの設定
W 300px x H 300px(サイズは任意:例 W 150px x H 150pxでもOKです)
Back Ground Image画像の変更もFFFTPソフトを利用して編集できます。
WelcartのBack Ground ImageのAddress
Main>>wp-content>>themes>>welcart_default>>images>>body_bg.jpg
作製した画像をFFFTPソフトで上記アドレスに”body_bg.jpg”でUPすれば、
自動的に画像を変更できます。

◆文字サイズ/文字修飾の設定
テーマ編集の”style.css”から変更できます。
1)本文の文字色
初期設定は薄いグレー(#666)に設定されています。

この文字色の変更は下記の部分を変更します。
#666 >>#000に変更しています。
/* base CSS Start */

body {
margin: 0px;
padding: 0px;
background-image: url(‘images/body_bg.jpg’);
background-color: #FFF;
background-repeat: repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #000; >>>>> /*–全体文章の文字色 初期設定の文字コード:#666–*/
line-height: 150%;
word-wrap: break-word;
2)ウィジェットの文字色
初期設定は本文文字色と同じ薄いグレー(#666)に設定されています。

この文字色の変更は下記の部分を変更します。

*上記本文文字色のCSSの少し下に記載されています。
a {
color: #000; >>>>> /*–ウィジェット文章の文字色 初期設定の文字コード:#666 –*/
text-decoration: none;
}
3)Header Area(Title部分)の文字サイズ/修飾
/*–Title位置の調整–*/

/*–Title上段調整–*/
h1#site-title,
div#site-title {
margin: 0px;
padding: 55px 0px 10px 50px; >>>>> /*– Padding調整 初期値:55 0 10 10 –*/
color: #000;
font-size: 35px;
font-weight: bold;
font-style:italic; >>>>> /*–文字スタイル追加 初期値:bold–*/
}
/*–Title下段調整–*/
p.discprition {
margin: 0px;
padding: 0px 0px 50px 50px; >>>>>> /*–Padding調整 初期値:0 0 50 10 –*/
font-size: 18px; >>>>> /*–文字表示サイズ 初期値:22px –*/
color:#000;  >>>>> /*–文字表示色 初期値:#666 –*/
font-weight: bold; >>>>> /*–文字修飾 追加項目–*/
}

◆Main Naviの編集
テーマ編集の”style.css”から変更できます。
/*–メインナビの設定–*/
ul.mainnavi {
padding: 0px;
margin: 0px;
background-image: url(‘images/main_navi_bg.jpg’);
background-repeat: repeat-x;
background-color: #000;
}
div.mainnavi ul li,
ul.mainnavi li {
padding: 0px;
margin: 0px;
float: left;
position: relative;
}
div.mainnavi li a,
ul.mainnavi li a {
width: 115px; >>>>> /*–ナビボックスのサイズ 初期値:121px –*/
height: 36px;
padding: 20px 5px 0px 5px;
margin: 0px;
display: block;
background-image: url(‘images/button_main_navi.jpg’);
background-repeat: no-repeat;
background-position: -131px 0px;
color: #FFF;
font-weight:(修飾を削除しています) ; >>>>> /*–表示文字の修飾 初期値:bold –*/
font-size: 13px; >>>>> /*–表示文字のサイズ 初期値:13px –*/
text-align: center;
}