JS CMSガイド / ディレクトリ構成

JS CMS ディレクトリ構成

- はじめに - JS CMSのディレクトリ構成 - 公開サイトのディレクトリ構成例

⽬次

制作者向けガイド

はじめに

制作者向けガイドのスライドでは、JS CMSの仕組みや、

カスタマイズの⼿順などについて解説します。

制作者ガイドの役割

HTMLやCSS、FTPなど、基本的なウェブ制作の知識があることを

前提に解説しています。


運営者向けガイドをまだ⾒てない場合は、そちらほうから先に確認してください。


JS CMSのディレクトリ構成

JS CMSのディレクトリ構成や配置場所について説明します。

サイトルート

images

index.html

sitemap.html

_cms

html

JS CMSの主要ディレクトリ構成例

基本的な、JS CMSのディレクトリ構成例です。

サイトルート

images

index.html

sitemap.html

_cms

html


まずは、設置場所について説明します。

サイトルート

images

index.html

sitemap.html

_cms

html


CMSを設置したディレクトリは、サイトルートと呼んでます

public_html (サイトルート)

images

index.html

sitemap.html

_cms

html


サイトルートは、Webサーバのpublic_html/直下でも、

recruit

images

index.html

sitemap.html

_cms

html


public_html (サイトルート)

サブディレクトリでも、制限なく配置できます

recruit (サイトルート)

images

index.html

sitemap.html

_cms

html


public_html

news (サイトルート)

_cms

html

複数設置も問題ありません。それぞれ独⽴して管理します

サイトルート

images

index.html

sitemap.html

_cms

html


サイトルート

images

index.html

sitemap.html

_cms

html

管理画⾯ディレクトリ


次に管理画⾯ディレクトリについて説明します。

css CSS⽤

images 画像

js JS

setting 設定ファイル

setting.php 認証に関しての設定

setting.js CMSの動作の設定

_cms

サイトルート

html

PHPの動作が必要管理画⾯ディレクトリ


管理画⾯の主なディレクトリ構成です

css

images

js




_cms

サイトルート

html



CSS⽤

画像

JS

設定ファイル以外は、編集する必要はありません

css

images

js




_cms

サイトルート

html



CSS⽤

画像

JS

サイト公開するだけであれば、このディレクトリは

必要ありません

_cms

サイトルート

html

images

index.html

sitemap.html


_cms

サイトルート

html

images

index.html

sitemap.html


HTML(アセット)ディレクトリ

次にHTML(アセット)ディレクトリについて説明します

_cms

サイトルート

html

_json HTMLページの編集データを格納

_setting ページ⼀覧のデータ

_template テンプレートHTML⽤

css CSSファイル⽤

js JSファイル⽤

すべて静的ファイルHTML(アセット)ディレクトリ


company.html

outline.html このディレクトリは、3つの役割があります

_cms

サイトルート

html






すべて静的ファイル


company.html

outline.html


1.サイト設定ファイルで、管理画⾯での編集に

使⽤するファイルです

_cms

サイトルート

html








company.html

outline.html


2.公開サイトのアセットファイルです

_cms

サイトルート

html








company.html

outline.html


3.デフォルトの HTML公開ディレクトリです

_cms

サイトルート

html








company.html

outline.html


このディレクトリ以外にも、ページごとに公開先を設定できます

サイトルート

images

index.html

sitemap.html

_cms

html


トップページをサイトルート直下に配置したり、

サイトルート


new

index.html

sub

images

index.html

sitemap.html

_cms

html

ディレクトリやサブディレクトリを追加して、

HTMLを配置できます

サイトルート


images

index.html

sitemap.html

_cms

html

new

index.html

sub

ディレクトリ名の変更も簡単です

サイトルート


images

index.html

sitemap.html

_cms

html

new

index.html

sub

管理画⾯のディレクトリ名は、 FTP上で変更するだけです

サイトルート


images

index.html

sitemap.html

html

new

index.html

sub

_cms安全性を⾼めるため、

管理画⾯は、第三者が推測しにくい名称へ変更しましょう

サイトルート


images

index.html

sitemap.html

_cms_rf0vSc98

html

new

index.html

sub

変更例安全性を⾼めるため、管理画⾯は、第三者が推測しにくい

名称へ変更しましょう

サイトルート


images

index.html

sitemap.html

_cms

html

new

index.html

sub

HTMLディレクトリの名称は、 FTP上で変更し、設定ファイルを

変更します

このように、JS CMSは、ほぼ制限なく、⾃由に

ディレクトリ展開できます。

サイトルート


images

index.html

sitemap.html

_cms

html

new

index.html

sub

公開サイトのディレクトリ構成例

公開サイトについて、もうすこし詳しく⾒ていきましょう

公開サイトのディレクトリ例

サイトルート

html

index.html sitemap.html contact.html

company.html company_outline.html company_access.html

news.html news_20140105.html news_20140110.html news_20140114.html

products.html products_aa.html products_bb.html

サイトルート

html





⼩規模なサイトや、⼿軽にサイト運営したい場合は、すべてデフォルトHTMLディレクトリへの公開で⼗分です


サイトルート

html





⼩規模なサイトや、⼿軽にサイト運営したい場合は、すべてデフォルトHTMLディレクトリへの公開で⼗分です

デフォルトディレクトリへすべて配置する例


サイトルートindex.html sitemap.html contact.html

サイトルート

company

news

2014

2015

index.html outline.html access.html

index.html

20140105.html 20140110.html 20140114.html ...


htmlcompany.html company_outline.html company_access.html



サイト規模が⼤きかったり、きちんと運営する場合は、コンテンツごとにディレクトリをわけましょう


サイトルートindex.html sitemap.html contact.html

サイトルート

company

news

2014

2015

index.html outline.html access.html

index.html

20140105.html 20140110.html 20140114.html ...


htmlcompany.html company_outline.html company_access.html



サイト規模が⼤きかったり、きちんと運営する場合は、コンテンツごとにディレクトリをわけましょう

コンテンツごとにディレクトリを

分ける例


ページごとの公開ディレクトリの変更


具体的な⼿順について説明します


ページの設置ボタンをクリックします


ページ設定ウィンドウが開きます


初期設定では、htmlに設定されています


ページ数が増えてきたら、後の管理を考えて、書き出し先のディレクトリを変更しましょう


変更する場合、ボタンをクリックしましょう


ディレクトリ選択画⾯です


⾃由にディレクトリを選択出来ます


トップページについては、サイトルート以下に設定しましょう。


このように変更できます

デフォルトのHTMLディレクトリは、 CMS設定から変更できます。


CMS設定をクリックします


CMS設定ファイルが開き、編集できます

JS CMSガイド / ディレクトリ構成

Internet

Transcript of JS CMSガイド / ディレクトリ構成