海外行ったことないけどebay輸出

ebay輸出のブログ / File exchangeの使い方 / Affinger4カスタマイズ / Amazonプライムビデオ

重要2017 Summer Seller Update で発表された新たな内容によると、2017年9月から写真/画像URLが使用不可となるようです。

したがって一部ご紹介しておりますebayテンプレートでの写真や画像URL挿入については、ドメインがebayに認められない限り使用できません。

また、商品について以外の余分な情報についても掲載を控えた方が良い可能性があります。以下はセラーアップデートの一部から引用した部分です。
Display your returns policy in the structured data fields

For the best buying experience, we recommend that you only include information about the product in the item description. Details about payment, shipping, or returns should be included in the structured data fields available for Business Policies.
余分情報については、Recommend アナウンスなので必ずではないと思いますが(制御できないだけ)、バイヤーを混乱させる独自ルールを設けるなというebayの通達だと思われます。

ebayテンプレートについての考え方はこちらで昨年書いた通りです。

参考:ユーザー規約の更新も行われており、細かく強制的な設定変更などされている可能性もあるかと思われますので、Site preferencesなどを今一度ご確認されることをおススメします。

Seller Hub > Overview > Shortcuts > Site preferences

モバイルフレンドリーでシンプルな ebay テンプレート を公開します

投稿日:2016年12月6日 更新日:

ebay-template-simply

モバイルフレンドリーに対応したシンプルな無料 ebay テンプレート を公開します。

ソースコードをコピーしてebayのItem descriptionのところに張り付けたら使用可能です。

背景色などのアレンジも簡単にできるよう作りました。

スポンサーリンク

HTMLソースはこちら

追記:今まで以上にモバイルファースト寄りに変更しました。

すべてコピーし、ebayに貼り付けて使用します。念のためebayテンプレートの使い方も紹介しますね。

ebayでHTMLテンプレートを使用する方法

HTMLテンプレートをebayで使用する方法を紹介します。

1.まずテンプレートをコピーする。

▼ソースコードでマウスオンすると出てくる"Copy"が便利♪copy

2.コピーしたら、ebayのdescription入力するところに張り付けましょう。

▼HTMLと書いてあるタブのところです。※画像参照ebay-description-html

 

3.コピペしたら、あとはStandardタブをクリックすれば、内容編集が可能になります。

ebay-description-standard

ご自身の商品にそって項目を変更されてください。

「Payment や Shipping などの項目は必要ない」という場合は、そのまま編集画面から文字を削除されて大丈夫です。

大切なのは商品のタイトル入力と、Item Descriptionの入力なので、その二つは必ず入力されることをおススメします。当サイトで公開しているコードすべてで同じ事が言えます。

ebay モバイルフレンドリー対応済み!

simply-mobile

モバイルフレンドリーチェッカーでもエラーはでませんので、過去の古いテンプレートを使用されている方にもおススメです。

アレンジポイント

アレンジを加えるいくつかの方法を紹介しますね。

まずは、背景色など色を変更する方法について。

テンプレートの背景カラーを変更する方法

色の変更は、HTML内のカラーコードをコピペ変更することで対応できます。

html-colors

HTML内に #333333 という数字の羅列と、 #eeeeee という羅列が確認できるかと思います。シャープから始まる6ケタの数字や英字の羅列がHTMLのカラーコードです。

色によって決まったコードがありますので、それらをお好きな色のコードへ変更すればテンプレートの色が変わります。

参考例:水色の背景に変更してみる場合

back-mizuiro

例えば上記画像のような水色の背景にする場合は、水色のカラーコードである "#A9F5F2"を HTMLソース 23行目である backgounrd: という部分に指定します。

こんな感じです。うん、これはくそダサいですね。

とりあえず、「 background 」が背景を操作してる部分です。

backgroundのほかにカラーコードが指定してあるのは、「color」と「border」という二ヵ所。

color : と書いてあるのは文字の色。文字の色はebayからでも変更できますね。htmlを直接変更しても、ebayから変更してもたいした違いはありません。

border : と書いてあるのは、Item DescriptionやPaymentなどの見出しの左側にある縦棒の記述です。(あと外枠の線も)

border の縦棒部分
border-left-point

borderの縦棒も色変更できます。例えば 背景を白 、見出しの縦棒を レッド にしてみる。

まず背景を白にする場合は、backgroundに 白のカラーコードである #FFFFFF を指定します。

続いて見出しの縦棒を変更するのは、HTMLソースの9行目 border-left : と書いてある所のコードです。#FF0000 の赤に変更してみます。

赤コードに変更すると次の画像にように見た目が変わります。

border-red

こんな感じで色変更が可能です。他にもカラーコードはたくさんあります。以下のサイトなどで調べる事ができます。

 

この流れで、見出しの縦棒をアンダーラインに変更してみましょう。

見出しの縦棒を変更する方法

border-bottom

縦棒のラインを上の画像のようなアンダーラインに変更するのも簡単です。

見出しのラインはHTMLソース 9行目 border-left : と書いてある所で指定しています。

これをアンダーラインにする場合は「 border-bottom:  」に変更したらOK

こんな感じ。

border-left を border-bottom へ

シュッとしたラインに変化します。同時に指定してある数字も変更する事で、ラインの太さが変わることもお分かりいただけるでしょうか。

いろんな場所の数字もいじってみてください。いろいろ変化します。どうせいじるなら大胆にいじった方が変化が分かりやすいです。

HTMLは けして難しいものではない事が伝わってれば嬉しいです。

基本をマスターしたらプロに作ってもらう際にもスムーズに事が進みますよ!

ということでシンプルでモバイルフレンドリーな ebay テンプレート の紹介でした。ぜひ使ってみてくださいね。

その他の ebay テンプレート も公開中!

ebay-template-b

ebayテンプレート一覧はこちらから

おすすめ記事一覧

mercari 1

先日、飲んで家に帰ってきたら Amazon から荷物が届いてました。 メルカリの売り上げで買った家電製品です。 ん? メルカリで買ったんだけど、、って次の日シラフになって気づいた所からの話 もくじメル ...

発送 2

日本郵便のEMS送料が値上がりしました。昨年の6月1日から300gの区分が廃止されて、全体が300円~500円上があがってます。アメリカまで300gで1200円の送料だったのが2000円ですよ! そう ...

e-pake 3

2016年10月1日から、国際郵便の発送方法が一つ追加されると発表がありました。 その名も「国際eパケット ライト」、eパケライト! スタートに向けて、詳細とそのほかの発送方法との違いを簡単に比較しま ...

affinger-eye 4

遂にサイトのテーマを変更しましたよ!導入したのはAFFINGER4です。 アフィリエイトするなら第一候補になるであろうAFFINGER4というワードプレステーマについてと導入理由を書きますね。 どうせ ...

amazon-prime-2000 5

2013年からずっとAmazonのプライム会員です!続けている理由がAmazonプライムビデオ! 僕は月に10本ぐらいで年間120作品の映画を見る生活を20年以上続けています。これって2,400本程度 ...

-ebay テンプレート

Copyright© 海外行ったことないけどebay輸出 , 2017 All Rights Reserved.