*

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

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

関連記事

ヤフー解約

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

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

記事を読む

ショッピングカート

現役店長オススメのショッピングカート

見えなくて怖いこと。幽霊ではなくカゴ落ち・・・ 「せっかくお客さんが商品をカートに入れたの、そ

記事を読む

no image

ヤフーショッピングのページ作りに使える無料ソフト

これ↓ http://asomin.net/htmleditor/ ホームページビルダー

記事を読む

動画で売上アップ

使用例や使用感の動画満載で受注率アップ

少し前の日経MJに『パナソニックが新商品(衣類スチーマー)のマーケティングで動画を多用したところ、「

記事を読む

no image

「専任の担当者が徹底サポート」に物申す

「ショップサーブのウェブサイトのリニューアルをネタに」シリーズ。今回は、「専任の担当者が徹底ポート」

記事を読む

利益率

利益率は高ければ高いほどいい

「仕入れがいくら」「掛け率がいくら」など、結局のところ、ショップ運営者、あるいは仕入れ担当者が知りた

記事を読む

no image

売れているお店は何が違うのかPart2

ショップサーブ出店ユーザーの中から選ばれるネットショップ大賞。前回は、カテゴリ1位のメンズセレクトシ

記事を読む

得策

どこでネットショップを作るのが得策?

得策とは、うまいやり方のことですが、この質問は難しいですよね~ 商品の特性や価格帯など、諸々の

記事を読む

onlinestore

How to create an online store

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

記事を読む

モバイルフレンドリー

スマホ最適化しないと検索ランクに影響

本来は公開しないことを公開しましたね。Google。 「PCサイトだけじゃだめよ。スマホやタブ

記事を読む

Adsense

Adsense

消費者直送を嫌がるメーカー・消費者直送をすべきメーカー

個人宅への直送を嫌がるメーカーが口をそろえて言うのが「トラブルが嫌

勘違い
かっこいいと思っていたデザインは実は最悪だった

サイト開設時から使っていたブログ(今放置)のレイアウト・デザインですが

おてがる通販
おてがる通販を使いたいが評判やWindows10で使えるのか気になる

「おてがる通販」とは、なつかしいひびきですね。「おてがる通販」はネ

ストアープロ
ストアークリエーターproを使うにはhtmlの知識が必要か?

はい。もちろんです。 でも、必須ではありません。HTMLの知

クレーマー対処法
クレーマー対処法マニュアルを知るには自らクレーマーになること

いざクレームが発生すると、どうして良いかわからないものです。そこで

→もっと見る

PAGE TOP ↑