WP Welcart専用テーマPaypal Vermilionをプチカスタマイズ
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つ設定すると横並びのバナーが配置されます。
記述がおわったら「保存」ボタンを押してください。
これでトップページ画像配置完成。(^^)
ヘッダー画像もバナー画像も見栄えはセンスの問題ですので、皆さんの類まれなセンスで作成してくださいませませ。
