*

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

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

関連記事

通販用ホームページ

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

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

記事を読む

ブラックな手法

確かに存在するブラック?グレー?なやり方

暇つぶしで某巨大掲示板を見て回ってたら、「アフィリで月○○万稼いでるけど質問ある?」といったスレッド

記事を読む

カウントダウン

時限(カウントダウン)タイマーを設置したい

楽天でショッピング中に見かけた、この100分の1秒単位でカウントダウン(キッチンタイマー?)

記事を読む

メルカリとネットショップ比較

メルカリとネットショップの比較(何がどう違うのか。)

「物は試し」とメルカリを使って商品を販売してみました。売れるのは売れました。何点か売ってみて、ネット

記事を読む

動画埋め込み

yahoo! shoppingの商品ページにyoutube動画を埋め込む方法

結論から申しますと、yahoo! shoppingのトップページや商品ページに、「無料」で動画を埋め

記事を読む

裏ワザ

裏ワザ!無料でカラーミーショップ・プロ3店舗作成

新しいプランを発表した絶好調のカラー・ミーショップ・プロですが、実は、思いもよらないところで無料で3

記事を読む

体験談

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

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

記事を読む

レンタカーのナンバーは?

一番早いネットショップの作り方

新しいブログに引っ越しして初めてのネットショップの作り方講座。 講座と言っても一言で終わります

記事を読む

ヘッダー看板

ヤフーショップのヘッダー画像HTMLの編集方法

開店申請にパスしたなら、とりあえず商品を登録して行くわけですが、ヘッダーを作ってお店らしくしたい人も

記事を読む

改ざん問題

ネットショップ初心者向け基礎知識

ネットショップを始めた。お店づくりにはどんな選択肢があって、どのように選べば良いのかを知らない。そん

記事を読む

Adsense

Adsense

去って欲しい社員
去って欲しいスタッフの条件

ドワンゴ社内に飾られている「去ってほしい社員の条件」 出典:天

何を売っていいかわからない
ネットショップ 商材 何を売っていいか分からない

個人で、副業で、ネットショップを始めたいけど、何を売っていいいかわ

ヤフーデザイン
ヤフーショッピング出店デザインはどうやって作るのか

「無料で簡単に」申し込みができるようになったヤフーショッピングですが、

quocard2
QUOカードや金券を確実に経費にする方法

(www.quocard.com/) quoカードはもちろん

アパレルショップ向けは
アパレルショップのネットショップを作成するには

アパレルショップと言っても、いろいろですからね。スーツ専門店、

→もっと見る

PAGE TOP ↑