*

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

関連記事

ネットマーケティング

実店舗ビジネスもホームページにFBにInstaにとネットマーケティング全開

「美容室を開業した。ホームページを作った。」 以前は、実店舗のホームーページは、せいぜい営業時

記事を読む

no image

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

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

記事を読む

php無理

phpプログラミングは果てしないのであきらめた

「phpでプログラミングができたらどんなにいいか。APIを使っていろんなことができるし。」という思い

記事を読む

ECコンサルタント

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

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

記事を読む

no image

11月の訪問キーワードトップ10

先月の訪問キーワードのトップ10。 トップは「ネット販売 個人」です。「どのような疑問

記事を読む

セールス文章実践ドリル

ド定番。セールス文章実践ドリル(竹内謙礼さん)

新規ビジネスのためにキャッチコピーやセールス文章について再びお勉強中です。 ネットショップのキ

記事を読む

納品書

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

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

記事を読む

no image

ショップサーブのサイトがリニューアル

ショップサーブのサイトがリニューアルされました。 (管理画面も早くニューアルしてくれ。)

記事を読む

副業で

やっぱりネットショップは副業で

ネットショップのメリットと言えば、「成長産業の中にあり、コストをかけず開店でき、自由なワーキ

記事を読む

オモシロ質問

問い合わせに返答したところ、おもしろい返信が!

ネットショップ開業に特化したサイトをやっていると、やはり、それに関連した問い合わせが入ります。問い合

記事を読む

Adsense

Adsense

プレスリリース
なぜ、このプレスリリースはそこまで難解なのか

ショップサーブで本店ネットショップを運営しているじゃないですか。たまに

AIDMAの法則
消費者の購買決定プロセスAIDMAの法則の例

消費者が商品を購入するまでの心理を5つのステップに分けたのがAIDMA

顧客ランクは3つで良い
顧客ランクって3つくらいでいいんじゃないの?

ショップサーブの顧客ランク設定を見て思ったんですが、ランク無し

シェアの逆転
シェアの逆転

今、ネットショップ運営者にとってブラウザと言えば、Chromeが定番じ

タイムマネジメント
今こそ、受験生から副業希望のビジネスマン、OLまでタイムマネジメントを

前回の記事「副業で成功する人はKPIを使っているのかもしれない

→もっと見る

PAGE TOP ↑