デザイン変更方法 AD-EDIT携帯サイト

続いて、管理画面の[スキン編集]をクリックし、変更したいスキンファイルを選択します。

ここでは、サイト名となる<title>タグや、<h1>タグなどを変更してください。

おもに変更するファイルは以下の通りです。

[トップ階層] /index.shtml (PC用トップページ)
[スキン階層] /skin/skin.html (PC用スキンHTMLファイル)
[/mobi/階層] /mobi/mobi.html (携帯用トップページ)
[スキン階層] /skin/mobi.html (携帯用スキンHTMLファイル)
[/mobi/階層] /mobi/smobi.html (スマホ用トップページ)
[スキン階層] /skin/smobi.html (スマホ用スキンHTMLファイル)

初めてみるHTMLソースコードは難しいかもしれませんが、ソースコードの中にある『携帯・スマホ対応の国産CMS 「AD-EDIT3」』の部分を『○○のサイト』など自分のサイト名に書き換えてください。

あと、ページフッタ部分の
Copyright ©2008-2011 NorenzPRO Ltd. All Rights Reserved.
の部分も
Copyright ©2012 ○○○○○○ All Rights Reserved.
のように書き換えて保存しましょう。
　

ページレイアウトを変更するには下記を変更し、FTPでアップロードします。

・トップページ（管理画面のヘルプ参考）
　/index.shtml
・スキンHTMLファイル（トップ以外の全ページ共通）
　/skin/skin.html
・スキンCSSファイル（全ページ共通）
　/skin/style.css

※携帯サイトのスキンファイルは、
管理画面の[モバイル設定]で行ってください。
　

◆トップページ [/index.shtml] の設定と編集
「AD-EDIT」は、SSIの使用を前提として開発されています。
もし、あなたが借りているレンタルサーバーにSSI機能がなければ、トップページは固定HTML [/index.html] としてください。

ＰＣサイト設定を有効にするために、[/index.shtml] のソースコード内に、
▽メニューゾーン1▽

▽メニューゾーン2▽

▽メニューゾーン3▽

を記述してください。

また、新着情報を表示するためには、[/index.shtml] のソースコード内に、

を記述します。

◆スキンファイル [/skin/skin.html] の設定
「AD-EDIT」は、コンテンツページ(下層ページ)を表示する際に、スキンファイル [/skin/skin.html] を読み込み、スキンファイルのデザインで表示します。
スキンファイルはコンテンツ毎にいくつでも設置できます。

コンテンツページを正しく表示させるためには、
スキンファイル内に「コンテンツゾーン(記事を表示する領域)」を定義する必要があります。
コンテンツゾーンの定義方法は、スキンファイル [/skin/skin.html] のソースコード内に、

のコメント行を、まるまる１行分、確保して記述してください。

また、コンテンツページにおけるＰＣサイト設定を有効にするために、
スキンファイルのソースコード内に、
メニューゾーン1 → <MenuZone1>
メニューゾーン2 → <MenuZone2>
メニューゾーン3 → <MenuZone3>
を記述してください。
　

コンテンツページでの新着情報の表示はできません。
　 [画像] 9KB

AD-EDITでは、トップページにおいては、ServerSideInclude (SSI)の技術手法を利用しています。
SSIを利用するためには、ファイルの拡張子が、*.htmlではなく、*.shtmlであることが必要です。
トップページのデザインを行うには、「SSIとはどんなものか」ということをきちんと理解する必要があります。
[画像] 3837KB