固定ページの内容マニュアル・ガイド

読み込まれる場所

ページ全体のうち、固定ページの内容が読み込まれるのは、以下の<article>タグの内側で、<h1>を除いたものです。（サイトによっては変更されることもあります）。

<header>
　　<nav>       
　　</nav>
</header>
<div id="wrapper">
　　<nav>
　　　　<ol></ol>
　　</nav>
　　<main>
　　　　<article>
　　　　　　<h1>主題</h1>
　　　　　　ここに固定ページの内容が読み込まれる
　　　　</article>
　　　　<aside>
　　　　</aside>
　　</main>
</div>
<footer>
</footer>

基本的な構成

ページの原稿が出来上がったら、固定ページの内容は以下の骨組みでコーディングをして下さい。<section>でブロックを作ります。各sectionの中には必ずhタグが1つ存在しています。h3, h4は、h2の子要素として入れ子にしてコーディングしてください。

<section class="area-01">
　　<h2>関東</h2>
　　<p>関東は日本の首都である東京があり、7つの都道府県で構成されています。</p>
　　<ol class="listing">
　　　　<li>東京都</li>
　　　　<li>神奈川県</li>
　　　　<li>埼玉県</li>
　　　　<li>千葉県</li>
　　　　<li>群馬県</li>
　　　　<li>茨城県</li>
　　　　<li>栃木県</li>
　　</ol>
　　<section>
　　　　<h3>東京都</h3>
　　　　<p>東京都についての紹介文章を挿入します。ダミーの文章です。</p>
　　</section>
　　<section>
　　　　<h3>埼玉県</h3>
　　　　<p>埼玉県についての紹介文章を挿入します。ダミーの文章です。</p>
　　　　<section>
　　　　　　<h4>さいたま市</h4>
　　　　　　<p>さいたま市についての紹介文章を挿入します。ダミーの文章です。</p>
　　　　</section>
　　　　<section>
　　　　　　<h4>熊谷市</h4>
　　　　　　<p>熊谷市についての紹介文章を挿入します。ダミーの文章です。</p>
　　　　</section>
　　　　<section>
　　　　　　<h4>川越市</h4>
　　　　　　<p>川越市についての紹介文章を挿入します。ダミーの文章です。</p>
　　　　</section>
　　　　<section>
　　　　　　<h4>富士見市</h4>
　　　　　　<p>富士見市についての紹介文章を挿入します。ダミーの文章です。</p>
　　　　</section>
　　</section>
</section>

freo管理画面に入力

freoの管理画面に情報を入力すると、同様の場所にその内容が表示されます。freo管理画面に入力をするやり方のメリットとデメリットがありますので、以下に記載します。freo管理画面に直接入力するやり方はデメリットが多いため、基本的にはこの方法を用いていません。