*

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

公開日: : 最終更新日: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

関連記事

データ以降

独自サイトの商品をヤフーショッピングに掲載する方法

独自サイトをどのような形式で構築しているかによってデータ移植作業の時間は変わってきそうです。ショップ

記事を読む

ストアサービス変更

デザイン設定で最初にやっておきたいこと(その1)

「ヤフーショッピングに出店してみた。」ものの、デザインをいじりだすと止まらなくなるのが、もとウェブク

記事を読む

通販用ホームページ

ネット通販用ホームページの作り方

「通販用のホームページの作り方は?」というご質問。 この業界について、ほとんど知識のない方だと

記事を読む

マグカップ

画像検索対策が手薄な店が多いみたい

商品を探すときに画像検索を使う人も多いと思います。でも、その画像検索の結果を見ても、同じような写真ば

記事を読む

ヤフーショッピング

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

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

記事を読む

HTML編集

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

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

記事を読む

苦戦

ヤフーショッピング出店で苦戦する人に共通する3つの特徴

無料ということで、喜んでヤフーショッピングに出店(プロフェッショナル)する人が増えたのですが、苦戦し

記事を読む

ヤフートップ

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

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

記事を読む

検索されてる言葉

ヤフーショッピングで検索されている言葉を知るには?

という検索ワードでの当サイトご来店。 ヤフーショッピングで「腰痛」と検索してみました。すると「

記事を読む

yahooトップテンプレート

yahoo! shoppingトップページ用HTMLテンプレート

yahooさんが用意してくれてもいいのに、無いのがトップページ用のカテゴリー一覧のテンプレート。無い

記事を読む

Adsense

Adsense

アプリスキル
アプリ開発の技術くれ

S-chop(スコップ)というアプリをご存知でしょうか。 『スマ

呪縛からの開放
無料当たり前という固定観念の呪縛かの開放

ネットショップを開業している人にとっては、当たり前のASP(通販システ

グランプリ受賞
ネットショップ大賞2016グランプリ受賞を逃す

すみません。別にノミネートされていたわけでも、声がかかったわけでも

仕事にやる気は必要か
「仕事にやる気って必要ですか?」って相談と回答を読んでみた

読売ONLINEの発言小町のとあるトピックにヒット。 「仕事

生き延びる裏ワザ
メーカーが生き残るために裏ワザ的に使える便利なWEBサービス

ネットショップでは、メーカー品をメーカーから仕入れて販売しているわけで

→もっと見る

PAGE TOP ↑