Shoppingページ製作:プラグイン『Welcart e-Commerce』

◆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;
        }