*

フリースペースや商品説明はホームページ・ビルダーで効率的に作る

公開日: : 最終更新日:2016/08/08 ヤフーショッピング・作成講座

ヤフーストアのフリースペースや商品説明(PCのみ)のHTML部分は、1、2行なら、そのまま手書きすることもありますが、大掛かりなページを作る場合は、ホームページ・ビルダーを使うと効率的に作業が進められます。

あ、ネットショップやってるあんら、ホームページ・ビルダー(Dreamweaverとかでも良い)くらい買っときましょうね。HPBはバージョン20にもなってますが、たかだか12000円ほどです。楽できるんですから安いもんでしょう。

さて、今回は、画像です。ビルダーで作ったHTMLをフリースペースに貼り付ける際、画像URLをいちいちコピペでやっている人もいると思います。数が少ないとそれでも良いのですが、例えば、画像を50個使ったHTMLを作った場合、50回もコピペをすると疲れてしまいます。これは、一瞬で書き換える方法があります。

フォルダ分け

まず、前提として、パソコン上で作業をするわけですが、ヤフーストアで使う画像ファイルをひとつのフォルダに入れてください。上記のように、フリースペース用のHTMLと、画像用フォルダ「画像」です。自分のパソコン上での作業なので日本語で構いません。

これでHTMLを作っていきます。

完成した画像や写真は、「画像管理」から一括で登録しておきます。

ヤフーストアの商品写真以外の、「追加画像」のURLはすべて共通しています。

http://shopping.c.yimg.jp/lib/storeaccount/画像ファイル名.拡張子

この赤い部分です。

さて、ここからです。パソコン上で作ったHTMLの画像のURLは共通で「画像/image1.jpg」などになっています。このままフリースペースにコピペしても画像は表示されません。パソコン上のURLだからです。ヤフー用に変換する必要があります。

画像フォルダ

そこで、編集中のホームページ・ビルダーの「HTMLソース」タブをクリックして、HTMLの中身を表示させます

この「画像」というフォルダ名と「ヤフーストアの画像URL(共通部分)」を一気に入れ替えます。その機能が「置換」と言う機能です。ビルダーの「編集」→「置換」と進みます。

「置換」で一括差し替え

そして、次に出てきたウィンドウの中で、「置換する文字列」に「画像」、「置換後の文字列」に「ヤフーストアの画像URL共通部分(http://shopping.c.yimg.jp/lib/storeaccount)を入れます。そして「すべて置換」をクリックします。

すべて置換

これで、画像に関しては、ヤフーストア用のURLに一気に変換できました。

その瞬間。

ちなみに、画像にリンクを貼る際にも、商品ページ名と同じファイル名を置いておけば、リンク関係の作業もぐんと楽になりますね。

※関連
ヤフーストア作成講座2016


Adsense

関連記事

ヤフー出店

ヤフーショッピング出店の傾向と対策

ヤフーストア出店いいと思いますよ。出店無料だし、集客が見込めるし、初めて開店する場所の選択としては正

記事を読む

ヤフーショッピング出店失敗

ヤフーショッピング出店失敗は3タイプか

何をもって「失敗」とするのか?考えてみると3つくらいありそうです。 1.まったく売れなかった・

記事を読む

コンバーター

楽天・yahoo shopping・ショップサーブコンバーター

コンバーターとは変換器のこと。例えば、「楽天からヤフーに引っ越ししたい」という場合、トラックに荷物を

記事を読む

体験談

ヤフーショッピングに出店してみた体験談。その結果は・・・

ありがちな、興味を引くタイトルですよね~。 もちろん、出店してみたのでアルにその体験談です

記事を読む

トップページ

yahoo! shoppingレイアウトが3カラムの場合のトップページのHTMLの編集

幅950pxでレイアウトを3カラムにした場合、サイドナビ180px、スペース10px(✕2)、右側サ

記事を読む

ヤフートップ

yahoo! shoppingのトップページはどうやって作るのですか?

無料で、しかも、地方の父ちゃん母ちゃんでも出店できてしまうyahoo! shopping。ライト出店

記事を読む

シンメトリー効果

デザインはシンメトリー効果を意識する

シンメトリーとは左右対称や上下左右でつり合っていること。ホームページのレイアウトが崩れていると「この

記事を読む

HTML編集

ヤフーショッピングの画像やHTML編集方法

ヤフーショッピングは、ショッピングモールなので、と言うと語弊

記事を読む

ヤフーショッピング

yahoo! shoppingのページ作りはHP作成の基礎から

「yahoo! shoppingのプロフェッショナルに出店したのはいいけど、一体どうやってページを作

記事を読む

ヤフー解約

ヤフーショッピング解約の手続き方法

無料化になったのに、「ヤフーストアの契約解除をしたい。」「退店したい」という人や企業も多いようです。

記事を読む

Adsense

Adsense

ベストセラーから
ベストセラー書籍のタイトルから学ぶ心理学的キャッチコピー

某有名コンサルタントが言うには、モノが売れる理由は「良さそうに見えるか

整骨院でハロー効果
整骨院のハロー効果とプラシーボ効果

腰痛で接骨院だか整骨院だかに行ったとき、若いセンセが見てくれて電気治療

タイミング
「ビジネスはタイミングが大事」で失敗した例

商売は「早すぎてもダメ。遅すぎてもダメ。タイミングが大事。」なんて言い

ドロワーメニュー
スマホランディングページに最適なドロワーメニュー

ショップサーブのスマホページにドロワーメニューを取り付けるために大奮闘

儲かりまっせ
ただで仕入れたモノを5万円で売る。

ITの世界は「ボロ儲けできる」というのが垣間見れるサービスが、ショップ

→もっと見る

PAGE TOP ↑