テーマPaypal Vermilionをいじくる

img_555fdde9c0684

WP Welcart専用テーマPaypal Vermilionをプチカスタマイズ

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

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

なのだが、

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

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

まずは画像系から

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

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

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

Vermilion======>みやもと商店

サイズは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を入れ替えます。

するとこうなります。

img_555fe1480eb4f

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

ヘッダー下のバナー設置

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

でも、以外と簡単です。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • このエントリーをはてなブックマークに追加