『川中重司、ほのぼのIT税理士!(^^)のブログ』のバックアップブログです。07)MovableType・NucleusEC-CUBE:トップページの『色』を変更するにはCSSファイルの編集を

EC-CUBE:トップページの『色』を変更するにはCSSファイルの編集を

EC-CUBEのプチ(^^ゞカスタマイズ。
今回は、トップページの『色』の変更です。

01

デフォルトではトップページの両脇の色がピンクになっています。
これを黄緑に変更してみました。

EC-CUBE:トップページの『色』を変更するにはCSSファイルの編集を02

EC-CUBEはCSSで管理されているので、色の変更はCSSファイルの編集にて行います。

先日の記事『EC-CUBE:まずはテンプレートのバックアップ』でバックアップしたテンプレートファイルを解凍し、フォルダ「CSS」を覗くと、CSSファイルがあります。

この中の『main.css』を開きます。


EC-CUBE:トップページの『色』を変更するにはCSSファイルの編集を03

そのままでは中身が分かりづらいので、カラーコードをその色で色塗りすると、感覚的に分かり易くなります。
(この辺りの話は、このブログの記事『CSSを触るなら秀丸にマクロを組み込もう』を参照下さい。)

ほら、変更すべき部分が分かりましたね。
この部分を、好きな色のカラーコードに変更。


EC-CUBE:トップページの『色』を変更するにはCSSファイルの編集を04
(クリックで拡大されます。)

編集した『main.css』ファイルをEC-CUBEに登録するには・・・。
『EC-CUBE』の管理画面で、「コンテンツ管理」==>>「ファイル管理」と進みます。
ここで、編集した『main.css』をアップロードすれば、登録完了です。
(気に入った感じに変わりましたか?)


 税理士法人川中経営
  税理士・ITC 川中重司



川中は、ツイッターで時々つぶやいています。よろしければご覧下さい。
川中は、ツイッターで時々つぶやいています。よろしければご覧下さい。



このブログ記事について

このページは、鯖江の税理士が2008年10月 8日 00:00に書いたブログ記事です。

ひとつ前のブログ記事は「EC-CUBE:トップページの画像を変更するには」です。

次のブログ記事は「EC-CUBE:データのバックアップをするには」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。