https://webcode-lab.com/attic/

Coding Rules・SEO施策 チェックサイト

  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
HOME > Common Rules > _common設置

_common設置


サイト共有パーツを格納する、「_common」ディレクトリの基本的なルールです。
「_common」ディレクトリは、「_」とアンダーバー接頭付です。
「_common」ディレクトリは、PCサイトではroot直下、SMサイトでは「sm」ディレクトリ直下に設置。
必須設置・内容変更不可の項目に注意して設置してください。

「CODE」ボタンをクリックすると参考コードを参照できます。


共有パーツ「_common」ディレクトリ設置


_common ・ sm/_commonディレクトリ

PCサイト
/_common/ ディレクトリの中に「css・js・image・php・tag」各ディレクトリを作成
/_common/php/ ディレクトリの中に「ua_switch.php」を設置 ※ 自動転送プログラム
/_common/tag/ ディレクトリの中に「top.html・meta_fix.html・meta.html・gtm.html」を設置 ※ 拡張子はhtml
/_common/image/ ディレクトリの中にKeyビジュアル用「keyV」ディレクトリ
 ※keyVJqueryプラグイン使用の場合、その中に「icon」ディレクトリを作成(中にicon画像込)


<PCサイト>赤字は必須設置top.htmlmeta_fix.htmlは内容変更不可ファイル 

root/ ├index.html または index.php │ ├_common/ ←共通ディレクトリ │├css/ ││└(common.css) ││ │├image/ ││├keyV/icon/keyVのicon画像はkeyVプラグインを使用する場合入れておく ││├(gnavi/) ←例)グローバルナビゲーションの画像など ││├(header/) ││├(footer/) ││├(bg/) ││├(ico/) ││└(btn/) ││ │├js/ ││├(common.js) ││├jquery-1.11.3.min.js.gz ←meta.html記述のVer.と同じバージョンのもの ││└jquery-2.1.4.min.js.gz ←meta.html記述のVer.と同じバージョンのもの ││ │├php/ ││└ua_switch.php ││ │└tag/ │ ├top.html │ ├meta_fix.html │ ├meta.html │ ├gtm.html ←GTMコード │ ├(header.html) │ ├(side.html) │ └(footer.html) │

スマホサイト
/sm/_common/ ディレクトリの中に「css・tag・js・image」等各ディレクトリを作成
/sm/_common/ ディレクトリの中にスマートフォン用「top.html・meta_fix.html・meta.html」を設置 ※ 拡張子はhtml
※「sm/_common/」内については、「gtm.html」などPCサイトの「_common」を参照する場合は「sm/_common」に置く必要はなし


<スマホサイト>赤字は必須設置top.htmlmeta_fix.htmlは内容変更不可ファイル 

sm/ ←スマートフォンディレクトリ ├_common/ │├css/ │├image/ ││└(keyV/) ││ │├(js/) ←PCサイトと同じJSを使用の際は、PCサイトの_common参照も○ │└tag/  │ ├(top.html) ←PCサイトと同じtop.htmlを使用の際は、PCサイトの_common参照も○  │ ├meta_fix.html │ ├meta.html │ ├(header.html) │ ├(side.html) │ └(footer.html)

赤字は必須設置
※基本的に必須設置のディレクトリ名・ファイル名変更不可
※「top.html・meta_fix.html」はPCサイト・スマホサイト共に、内容変更不可
※トップページ(index)のみ使用するコードも「_common」内設置OK。「meta_top.html」などトップページ用だと分かる名称で置く

ページの先頭へ


次回までにお願いする課題

  • 課題1. 知っているHTML5のマーキング情報を、みなさんへ共有しましょう。
  • 課題2. 共有CSS・共有JSを構築しましょう。提案をお待ちしています。
  • 課題3. 今後サイトコーディングで必要になるプラグインを教えてください。
  • 課題4. 分からないことなどあれば聞いてください。
12/04勉強会