*

トップページの編集手順について考え中

公開日: : 最終更新日:2015/05/06 ネットショップの作り方, ヤフーショッピング・作成講座

ヤフーショッピングにかぎらず、トップページはお店の顔ですから「それなり」に作りこんでおきたいところ。つも自己流でやってますが、改めて、どうやって編集すれば効率的なのか考えてみました。

ステップは4

(1)デザインイメージ
(2)画像作成
(3)画像アップロード
(4)HTML編集

(1)どんなトップページにするか考えます。ま、考えるより他店を見て回って「このようにしたい」というのがあれば、それをそっくりそのまま、作ってしまうのが楽です。ただし、高度なことをやっているお店もあるので、できるだけシンプルなお店を選ぶのがコツです。

そも難しいなら、とりあえず、次のようなレイアウトで良いでしょう。

トップページ

(2)イメージでもデッサンでもできたら、次は画像を作成。

フォトショップなどで、トップバナーを幅720で縦は適当で作成します。「top-banner7.jpg」など、見てわかるようなファイル名にすると、整理しやすくなります。

(3)完成した画像を、ストアクリエーターproの「画像管理」→「追加画像の+」→「パーツ」と進んでアップロードします。登録が完了すると、画像それぞれの「URL」が割り当てられるので、それをメモ帳などにコピペしておきます。

(4)今回のレイアウトはシンプルなので、画像を改行して並べる方法もありますが、カテゴリーの画像のスペースが不自然になるので、できれば「table」タグで適切にレイアウトしたいですね。

<img src=”トップバナー”><br><br>

<table><tr><td>(Tシャツ画像とリンク)</td><td>(パンツ画像とリンク)</td><td>(キャップ画像とリンク)</td><td>アクセ画像とリンク</td><tr></table>

後は、tdの幅(width)を使って画像間のスペースを調整すればOK。

ちなみに、複雑なレイアウトになってくると、タグを手打ちするのは大変になるので、ホームページ・ビルダーを使います。HTML編集ソフト」といいますが、フリーソフトもあるので、まだ入手していない場合は入手しておいたほうが良いでしょう。

いや~普段やってることを文字で説明すると大変ですね。動画で喋りながら解説したほうが楽かも知れません。

※バナー素材はショップサーブ素材集からお借りしました。

Adsense

関連記事

onlinestore

How to create an online store

「ネットショップってどうやって作るの?」という疑問は、日本に限らず、アメリカ、イギリス、ドイツ、フラ

記事を読む

no image

開業ASPと自作との作業性の劇的な違い

ショップサーブに出店しているお店の、一部の商品ページを編集しようと思って管理画面で作業していました。

記事を読む

ヤフーショッピング自社サイトに埋め込む

自社サイトにヤフーショッピングを埋め込む方法

いくつか考えられるものを。 1つ目は、自社サイト内に商品ページが既にあって、そのページにヤフー

記事を読む

アンドロイド

アンドロイドではショッピングサイトを製作しない

スマホしか持っていない人は、ショッピングサイトの仕組みを知らないかも知れないですね。

記事を読む

ポイントは誰のもの?

ヤフーショッピングのポイント負担、ポイント支払いなどについて

ヤフーショッピングに出店すると、店舗側の意思に関係なく、購入者にはTポイントを差し上げる必要がありま

記事を読む

データ以降

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

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

記事を読む

EC CUBE 3

2015年7月1日にEC CUBE 3が誕生していた!

ロリポップからのお知らせをたまたま見たら、EC CUBEが新しくなっているじゃないですか。しかも、簡

記事を読む

EFO

CVRアップのためのEFO5つのテクニック

EFO(エントリーフォーム最適化)のHTML、CSS等の技術情報。 1.入力フォームの拡大 通常

記事を読む

集客力強化

集客力を強化するための裏ワザ

書いてしまった段階で裏ワザではないんですが、見ている人は少ないですからね。見て使った人には裏ワザです

記事を読む

ヤフーショッピング

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

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

記事を読む

Adsense

Adsense

AIDMAの法則
消費者の購買決定プロセスAIDMAの法則の例

消費者が商品を購入するまでの心理を5つのステップに分けたのがAIDMA

顧客ランクは3つで良い
顧客ランクって3つくらいでいいんじゃないの?

ショップサーブの顧客ランク設定を見て思ったんですが、ランク無し

シェアの逆転
シェアの逆転

今、ネットショップ運営者にとってブラウザと言えば、Chromeが定番じ

タイムマネジメント
今こそ、受験生から副業希望のビジネスマン、OLまでタイムマネジメントを

前回の記事「副業で成功する人はKPIを使っているのかもしれない

KPI
副業で成功する人はKPIを使っているのかもしれない

KPIとは「key performance indicator」の略で

→もっと見る

PAGE TOP ↑