*

ショップオーナーが知っておくと役に立つ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

関連記事

TVショッピング

テレビショッピングは販売の仕掛けなど見どころ満載

テレビショッピングと言えばショップチャンネル。日本初のTV通販番組として1996年に設立された会社で

記事を読む

メールフォームCGI

レスポンシブ対応メールフォームCGIを設置した

ショップサーブのメールフォームが気に入らないので、レスポンシブ対応の無料CGIメールフォーム

記事を読む

slider

商品を横スクロールするのはjQueryやCSSによるSLIDER

楽天の「今月の売れ筋ジャンルランキング」などの箇所にある、右矢印をポチっとやると、横に商品一覧がスク

記事を読む

no image

今のところ集客の悩みを解消してくれるかもしれないTop Sellerについて

集客力の悩みを一気に解消してくれる可能性を秘めた(2016年3月現在)トップセラー(Top Sell

記事を読む

ワードプレス

WordPressオプションサービス開始

そう言えば、ショップサーブに「定期購入のシステムがあったな?」と管理画面に入ったところ、「WordP

記事を読む

カートCGI

web shop構築に根強い人気。無料ショッピングカートCGI

Webshopと言えば、昔は、ショッピングカートCGIをよく使っていました。もちろん、今でも使え

記事を読む

メンテナンスフリー

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

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

記事を読む

no image

オリジナル商品の価格の決め方5つのポイント

メーカーが希望小売価格を決めている場合は、それを元に販売価格を決められますが、オリジナル商品となると

記事を読む

条件

注文が入るようになるお店の前提条件

今年ネットショップをオープンした人も、相変わらず多いですが、見ていると商品点数が数点だったり数十点だ

記事を読む

自作ショップ常識

自作ショップ構築ファイル構成の考え方

自作構築をする場合、知らないと後で「トンデモない事態」を引き起こしかねないががファイルの構成。(商品

記事を読む

Adsense

Adsense

アプリスキル
アプリ開発の技術くれ

S-chop(スコップ)というアプリをご存知でしょうか。 『スマ

呪縛からの開放
無料当たり前という固定観念の呪縛かの開放

ネットショップを開業している人にとっては、当たり前のASP(通販システ

グランプリ受賞
ネットショップ大賞2016グランプリ受賞を逃す

すみません。別にノミネートされていたわけでも、声がかかったわけでも

仕事にやる気は必要か
「仕事にやる気って必要ですか?」って相談と回答を読んでみた

読売ONLINEの発言小町のとあるトピックにヒット。 「仕事

生き延びる裏ワザ
メーカーが生き残るために裏ワザ的に使える便利なWEBサービス

ネットショップでは、メーカー品をメーカーから仕入れて販売しているわけで

→もっと見る

PAGE TOP ↑