*

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

関連記事

売れない理由

ショップサーブ売れない3つの理由

ほぼ定番になった「ショップサーブ 売れない」 「ショップサーブに出店しているが売れない。」

記事を読む

ショッピングカート

「共同購入(CGI)」役目終える

サイト引越しのときのCGIの断捨離中に共同購入のCGI(共同購入システム3 coopbuy3.cgi

記事を読む

オフグリッド

オフグリッドとオフASP

ヤフーニュースで「電力会社を解約して、太陽光発電だけで生活する人」みたいなのがありました。 そ

記事を読む

お知らせ

本気の機能追加!?

ショップサーブからのお知らせ! ざっと見ましたが、待望の機能追加の数々です! ようやく重

記事を読む

オプション

1商品にオプション10個まで設定可能

ある商品を購入するときに、カートボタンの上に「カラー」や「サイズ」を選べるやつ(プルダウン)がついて

記事を読む

no image

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

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

記事を読む

no image

検索キーワードに思う如月

2015年もあっという間に過ぎましたが、2016年の1月2月もあっという間です。通常ニッパチと言えば

記事を読む

CPI

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

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

記事を読む

no image

ショップサーブを予約システムとして転用してみる方法

ショップサーブといえば、物販用のネット販売システムですが、これを予約システムとして使えるのではないか

記事を読む

ショップサーブ

ショップサーブのキャッチコピーを変更してみた

ショップサーブのキャッチコピーはこれ↓ なんですが、、月商1000万と言われてもね~。

記事を読む

Adsense

Adsense

副業をする3つの理由
副業する理由は3つ

副業全盛の時代ですが、副業をする人の理由はまとめると3つになりそうです

とっておきの副業30
とっておきの副業厳選30(プレジデント2017.4.3)

今さらですが、副業したい人多いですよね。したほうが良いと思います。会社

生き残る問屋
問屋が売上げを上げる方法(生き残る唯一の道)

ガラケーがスマホに押されて姿を消しつつあるように、インターネットの

商品数が少ないネットショップの戦略
商品数が少ないネットショップの戦略

商品数が少ないとお店のページ数も少なくなるので、商品数が多い場合に比べ

屋号2つ以上
屋号を2つ以上使い分けても良いのか?

開業届け書には、屋号を書く箇所はひとつだけです。税務署に対しては屋号は

→もっと見る

PAGE TOP ↑