*

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

関連記事

EFO

ショッピングカートCGI復活か

10年前は全盛だったショッピングカートCGIですが、もはや絶滅かという域に達しつつあります。

記事を読む

動画埋め込む

一番簡単な動画貼り付け方法

ショップサーブの商品ページへ動画を貼り付ける方法で、もっとも簡単なのはyoutubeを使う方法。手順

記事を読む

カスタマイズ

WEB MART(KentWeb)カスタマイズ

WEB MART CGIの続き。購入は最低限のスッキリ3ステップなので、カスタマイズもしやすく、かつ

記事を読む

公開される

ネットショップ開業運営ノウハウすべてネットに公開される

日本にインターネットがやってきて20年です。ネットショップもほぼそれくらいの歴史になります。開業や運

記事を読む

ショッピングカート

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

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

記事を読む

行動規範

(株)Eストアーの行動規範

(株)Eストアーはショップサーブというネットショップ開業システムを提供している企業です。長年使う中で

記事を読む

バリエーション

自作ページにバリエーションを設置した

「ショップサーブに自作ページを作ってカートは設置したが、バリエーションの選択肢がないので動作しない。

記事を読む

壁掛けテレビ

ネットショップ繁盛の方法は繁盛店に学ぶ

壁掛けにできるくらいの薄型テレビを購入しました。ただ、そこには壁掛け用の金具は付属していないんですね

記事を読む

乗り換え

カラーミーからショップサーブへ0円で引っ越し

「長年カラーミーでやってたけど、そろそろもっとスペックの高いショップサーブに乗り換えようかしら?」

記事を読む

納品書

ショップサーブの納品書のフォントを明朝体に変更する方法

納品書のフォントの初期設定はゴシック体です。「このフォントを変えたい!」と思っている方もいるでしょう

記事を読む

Adsense

Adsense

イベントこじつけ
売り上げアップの秘訣の1つは季節のイベントにこじつけたキャンペーン

間もなく3月ですが、3月のビッグイベントは把握して準備されていますか?

常時SSL
がっくりorz…常時SSLを無料で利用できるプラン発見、灯台下暗し

つい2,3日前に、さくらインターネットを使った常時SSLオプションが、

常時SSL化
常時SSL化へ向けてのテスト体験

ホームページビルダーでPC用に作ったサイトが10年経って、レスポンシブ

オモシロ質問
問い合わせに返答したところ、おもしろい返信が!

ネットショップ開業に特化したサイトをやっていると、やはり、それに関連し

やってはいけない
ネットショップ開業でやってはいけないこと

やってはいけないこと。それは、マルチタスク。マルチタスクは言ってみれば

→もっと見る

PAGE TOP ↑