*

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

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

この記事は約3分で読むことができます。

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

ステップは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

関連記事

トップページ

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

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

記事を読む

CPI

レンタルサーバーの時代はもう終わった

レンタルサーバーを借りてネットショップを作ったりホームページを作ったりしたい人が、2004年に100

記事を読む

トップページ用テンプレート

ヤフーストア・トップページ用のテンプレートを作ってみた。

ヤフープロフェッショナル出店は、HTMLが理解できて使える人にとっては、ページを作り上げる楽しみがあ

記事を読む

やっぱりネットビジネス

やっぱりネットビジネスが楽しい

新しくドメインをとってウェブサイトを構築する準備中。今回は、ネットショップではなくネットビジネス。こ

記事を読む

集客力強化

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

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

記事を読む

データ以降

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

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

記事を読む

操作方法

ネットで買い物するためのパソコンやスマホの操作方法

普段、パソコンやスマホなどIT機器に慣れている人には、信じがたい話なのですが、「ネットショップを

記事を読む

裏ワザ

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

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

記事を読む

yahoo! shopping ヘッダーの作成

「ストアデザイン」→「看板」(←ヘッダー画像のこと) 全体の設定で入力したお店ページの幅(9

記事を読む

EC CUBE 3

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

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

記事を読む

Adsense

Adsense

ECサイト運営者の思い込み
ECサイト運営者の間違った思い込み。。

「コンテンツマーケティング」と言う言葉もすっかり馴染みましたが、その重

メディアEC
ネットショップの基本「メディアEC」

ここ数年、コンテンツマーケティングとかメディアECという言葉が取り

no image
「フレーミング効果」の事例や活用方法

ネット販売をするなかで、◯◯の法則だの、△△効果など、よく使います。キ

常時SSL
常時SSL化(https://)進めていますか?

ショップサーブのクライアントさんは少なめですが、すでに関わっていな

ネットショップは電話対応しない
「ネットショップは電話対応しないのが基本」の法則

ネットショップが電話を受け付けない3つの理由といった定番記事があります

→もっと見る

PAGE TOP ↑