*

ショップオーナーが知っておくと役に立つWEBテクニック

公開日: : 最終更新日:2016/09/06 CSSやHTML、CGI, ショップサーブ

ネットショップを始めるのにHTMLやCSSとかの知識は、とりあえずいらないです。アプリを借りたなら、そういった知識なしで、すぐに販売が開始できます。

でも、HTMLやCSS、Java Scriptが使えるようになると、色々なアイデアをショップページ上で実現できます。そして、それがお客の利便性の向上につなげたり、売り上げアップに繋げたりすることができます。

つまり、HTMLやCSS、Java Script等が使えれば、店長はパワーアップするわけです。

ただし、順番を間違わないよう注意してください。開店させるのが先です。まずは、お客さんを集めるのが先です。お客も集まっていないのにHTMLやCSSをいくら勉強してもお客さんは集まりません。初心者で、この順番を間違える人が非常に多いです。

さて、今回は、いきなりJava Scriptです。

外部ファイルの読み込み機能」という便利な機能です。

ページ上の任意の場所に何かを表示させたいときに、「ページ上に直接書く方法」と「外部から読み込んで表示させる方法」があります。例えば、全ページに配置されるナビゲーション。これをページ毎に書いてしまうと、変更するときは、全ページ変更しなければいけません。

でも、ナビゲーションは別ファイル1個にしておいて、各ページに読み込ませてて表示させる方法を取っておけば、そのファイルを変更するだけで済みます。ページが1000ページあれば、労力は1000分の1になります。

用意するのは、ナビゲーションのHTMLを書いたHTMLファイルひとつだけです。拡張子は「.js」とします。

<a href=”#”>ホーム</a>
<a href=”#”>野菜</a>
<a href=”#”>くだもの</a>

既存のHTMLファイルに読み込むので、<html>や<body>などは省略します。その部分のHTMLだけです。これを書いた上、「Java scritp」の書き方に変換します。

document.write(“<a href=”#”>ホーム</a>”);
document.write(“<a href=”#”>野菜</a>”);
document.write(“<a href=”#”>くだもの</a>”);

これを「navigation.js」として、読み込みたいところに次のJava Scriptを書きます。

<script type=”text/javascript” src=”./navigation.js”></script>

Java Script形式のファイルにするところがちょっと面倒ですが最初だけです。


Adsense

関連記事

自信

自信がないのですが・・・

「やる以上は必ず儲けなければ」と思うと自信がなくて始められないのですが・・・。 経験もないのに

記事を読む

マネーの虎

ネットショップ大賞2016が発表されていた。。。

毎年恒例のショップサーブのネットショップ大賞2016Spring(春)が発表されていました。一度も受

記事を読む

会員ランク

ファン化促進のための顧客会員ランク分け設定について考えてみた

ほとんどのネットショップが会員制やポイント制度は導入していると思いますが、難しいのは会員のラ

記事を読む

ECコンサルタント

ショップサーブのEストアーがECコンサルタントの求人中

ショップサーブはネットショップ開業に使えるか?でお馴染みのEストアーがECコンサルタントを募集してい

記事を読む

no image

ネット業界用語やテクニカルターム(思いつくだけ)

今時ネットショップを開業する場合ASPが常識です。でも、「HPBとかのPCソフトで作るもの』とか思っ

記事を読む

機能アップ

4つの機能アップをお願いを申し上げる

数年ぶりにショップサーブに要望。 (1)「お店ページを更新する」ボタンが、いちいちページ編集ペ

記事を読む

ビットコインバナー

ショップサーブ(Eストアー)がビットコイン導入!

通販システムのショップサーブを提供するEストアーが決済手段としてビットコインを導入するって。

記事を読む

ブラックリスト

カラーミー ブラックリスト登録方法

注文を受けて商品を出すと必ずトラブルになる。」 そんな客はブラックリストに登録して注文

記事を読む

メンテナンスフリー

ショップサーブはメンテナンスフリーだから運営が楽ちん

ショップサーブに引っ越しして何年になるでしょうか。 「ネットショップは自作に限る」という固定観

記事を読む

カートバック

ブラウザの右下に「カートへ戻る」のリンクボタンを常時表示させる方法

yahoo! shoppingや楽天にあってショップサーブにないもの。 それは、右下に常時表示

記事を読む

Adsense

Adsense

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

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

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

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

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

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

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

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

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

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

→もっと見る

PAGE TOP ↑