paypal利用を前提としたテーマ「Paypal Vermilion」を使う事に決めました。

paypalの設定は終わったので、テーマが反映されているか確認をすると。ＯＫ！

なのだが、

やっぱデモページとは違うなぁぁ。

で、テーマ「Vermilion」をいじっちゃいましょう！

まずは画像系から

下記の①と②から変更したいとおもいます。

両方ともCSSファイルなどは触らず、サーバー内の画像ファイルを入れ替える（上書きする）方法をとりました。
※そのほうが手っ取り早いので！

① logomark.gifというファイル名の画像

＝＝＝＝＝＝＞

サイズは64px × 64px です。
※あらかじめ作っておきましょう。元がgif画像なのでgifで作ってね。（jpg、jpeg、pngで作るとcss内の記述を変更する必要があります。）

WPがインストールされているフォルダ内の
/wp-content/themes/paypal_vermilion/images/にあるlogomark.gifを入れ替えます。

FTPソフトで接続して入れ替えて下さい。

② header_image01.gifというファイル名の画像

＝＞

サイズはデモサイトと同じ980px × 280px が良いです。

こちらもgif画像なので、gifで作ってください。

同じくWPがインストールされているフォルダ内の
/wp-content/themes/paypal_vermilion/images/にあるheader_image01.gifを入れ替えます。

するとこうなります。

両方ともテーマオプションメニューから変更できれば良いに・・・。

ヘッダー下のバナー設置

ここもテーマオプションメニューから簡単に出来れば良いのに・・と思う！

でも、以外と簡単です。

ウィジェットを使いましょう！

Widget Area for Home Middleにテキスト枠を追加

テキストをクリック→Widget Area for Home Middleにチェックを入れて「ウィジェットを追加」ボタンをクリック。

これを必要な枠の数だけ行います。

挿入したテキストエリアにタグを図の様に記述

画像は予めメディアに登録しておいて画像URLを入れ込みましょう。

バナーサイズは460px（横）× 150pxくらい。
デモサイトは縦が80pxです。

横幅は460px以上にすると右サイドがはみ出てバランスが崩れる様です。

※htmlの記載はネットに情報が満載なので調べてね。
というか、WP触れる人は有る程度知っていると思いますので端折ります。

タイトルは入れても入れなくても良いです。

入れるとバナーの上に表示されます。

これを2つ設定すると横並びのバナーが配置されます。

記述がおわったら「保存」ボタンを押してください。

これでトップページ画像配置完成。(^^)

ヘッダー画像もバナー画像も見栄えはセンスの問題ですので、皆さんの類まれなセンスで作成してくださいませませ。

Welcartのプラグインを入れてみて即座に感じた事。

「ダ・サ・イ」

でも、形は整っているので画像をどうにかすればおシャレではないにしろどうにかなるのでは？
と思って必要事項を記載し商品を登録するも、画像入れ替える勇気がでずWelcart対応のテーマを探すと言う超手抜きな行動に出る事に！

そこで検索して出会ったのが「Welcartテーマ・テンプレート（無料・有料）まとめ」というページ。

その中の掲載者さんが作った「Blanc」にも魅かれたのですが、紹介されていたpaypal導入で使える「Paypal Vermillion」というテーマに目が行き（paypalを活用していたもので・・・）、そのサイトからテーマをダウンロード。
※Blancは私の取っては魅力的でテーマリストには入れてあります。(自分のスキルが向上するのを待って、使おうかな～、と。）

で、早速テーマを適用、と思ったら、、

決済方法でpaypalのAPIやらなんやらちゃんと設定しないと使えないようになっていました。

で、元々EC-CUBEで使っていた設定を記入しテーマを反映！

出来た！

動作テストもOK！

でも、デモ画面となんか違うな～。

やっぱ、そうだよね～。

で、結局いろいろ手を加えてみる事にしました。（素人ですが・・・）

現在出来上がっているショップサイトがこれ！

Welcartのデフォルトテーマを「ダサイ」と言いながら、私もダサイなぁぁ。。^^;

次回、ネット上では探しずらからった変更方法をご紹介です。