ebay輸出のブログ / File exchangeの使い方 / 海外ブログ / 海外ネットショップ作り

ebay テンプレートの見出しをコピペだけで変更する For Ver.2

   

Change

当サイトの ebay テンプレート ver.2 の見出しを改造する方法です。

見出しを変更するだけでグッとオリジナル感が増すので、取り扱い商品やストアのカラーに合わせてコピペされるともっと良い感じになるでしょう。

スポンサーリンク

テンプレートの見出しとは

そもそもテンプレートの見出しってのはこの画像の部分midashi

Item Description とか Payment とかの部分を見出しと言ってます。

この部分は、テンプレートの9-15行目を変更することで、比較的簡単にデザインを変えることができます。

9-15

コレが9-15行目部分です。

ここのコードを好きなデザインのコードにコピペ変更するだけでOKです。さっそくやってみましょう。

ebayテンプレートにコピペするだけの見出し一覧

Title

こちらでいくつかのパターンを用意してみたので、気に入ったのがあれば使ってみてください。

角が囲まれて丸くなる

【変更後】kakumaru

優しいイメージになりましたね。

え?分からない?

【元のテンプレート】
moto

【変更後】
kakumaru-2

オッケー オッケー👌 言いたい事は分かります。こんなもんじゃないから!

とりあえず角を縁取りして、四隅を丸くするコードはこちらです。

元のテンプレートの ” #main h2{ ” から15行目までをそのままコピペして変更すれば、角が囲まれて丸くなった見出しに変化すると思います。

どんどん行くよ。

シンプルな吹き出し

simple-fukidasi

シンプルな吹き出しのコード

見た目はシンプルですが、コードは少し複雑になります。

影付きの見出し

shadow

影付き見出しのコード

 

グラデーション(白文字)

gradation

グラデーションのコード

 

斜めストライプ

stripe

斜めストライプのコード

シャープなアンダーライン

double-line

アンダーラインのコード

グラデーション x ライン

gradation-line

グラデ x ラインのコード

グラデーション x ライン x マーク付き

gradation-line-maru

グラデⅹラインxマーク付きのコード

 

アメコミ風の吹き出し

comics

アメコミ風吹き出しのコード

フェルト生地っぽい感じ

felt

フェルト生地っぽい感じのコード

なんか美味しそう。

1文字目を大きくし、シャープな感じに

osare

1文字目を大きくし、シャープな感じのコードはこちら

 

花びら散らしてみる

flower

花びら散らしてみる時のコードはこちら

コレもしかしたら環境によってエラー出るかもしれません。File exchange使う時など。

以上


 

とまあ、こんな感じです。好きなデザインがあれば、そっくりそのままコードをコピペして見出しデザインの変更ができます。

色を変更するともっといろんなパターンを作れますね。

>> ebayテンプレートの色変更する方法はこちら

画像を使わずとも、CSSであればデザインはかなり変化させることができます。ebayもCSSはオッケーと言ってますので、どんどんオリジナル化を目指してください。

そもそも Ver.2のテンプレートはこちらで公開しています。

The following two tabs change content below.
海外行ったことないし英語もできないけど海外オークション ebay をエンジョイしてます。ebay 楽しいので、みんな始めたら良いと思ってる。続いてる理由のすべてがこのブログの中にあるよ。

 - ebay テンプレート, ebay 輸出