2020年

トップページの下図のイベントの内容部分を変更します。【マニュアル４章３参照 】

管理画面の[記事]→[一覧]→[イベント[トップページ]]を開きます。

日時、場所などの内容を更新したら、右側の[更新]ボタンを押します。

下図のお知らせの内容部分を修正します。【マニュアル４章２参照】

管理画面の[記事]→[新規]を開きます。

お知らせのタイトルを入れたら、公開日（お知らせの日付になります）を設定し、カテゴリは「お知らせ一覧」を選択をして保存します。

下図の青色の部分を修正します。【マニュアル３章４参照】

管理画面の[記事]→[一覧]でイベントのページを開きます。
タイトルを変更していない場合は「家づくり相談会」で入っています。

ホームページ上に画像を配置することができます。【マニュアル６章参照】

青いボタンを押して画像を選択するか、画像を画面にドラッグアンドドロップして、アップロードします。

次にエントリーの画像を表示させたい箇所に、画像の記述を入れます。

<img src="/××.jpg" alt="画像の名前" />

「××.jpg」部分はアップロードした画像のファイル名を、「画像の名前」には画像に名前を付けて入れます。

最後に[公開]（もしくは[更新]ボタン）を押して、サイト上で画像の表示を確認します。

ホームページ上の画像の配置を変更することができます。【マニュアル６章３参照】

<img src="/××.jpg" alt="画像の名前" />

<img src="/××.jpg" alt="画像の名前" class="center" />

<img src="/××.jpg" alt="画像の名前" class="left" />ここに文章を入れます

<img src="/××.jpg" alt="画像の名前" class="right" />ここに文章を入れます

画像の右または左に文字を入れた場合、回り込みを解除することで画像の下から文章を書き始めることができます。文字の回り込みを解除したい箇所に、次の記述を追加してください。

<br class="clear" />

文字を装飾することができます。【マニュアル７章参照】

文字に色を付ける場合には、以下の記述を入れます。

<span class="fc-●●">文章</span>

色は次から選ぶことができます。

<span class="fc-black">文章</span>

<span class="fc-gray">文章</span>

<span class="fc-silver">文章</span>

<span class="fc-whiter">文章</span>

<span class="fc-red">文章</span>

<span class="fc-brown">文章</span>

<span class="fc-orange">文章</span>

<span class="fc-yellow">文章</span>

<span class="fc-lime">文章</span>

<span class="fc-aqua">文章</span>

<span class="fc-blue">文章</span>

<span class="fc-fuchsia">文章</span>

<span class="fc-pink">文章</span>

<span class="fc-maroon">文章</span>

<span class="fc-olive">文章</span>

<span class="fc-green">文章</span>

<span class="fc-teal">文章</span>

<span class="fc-navy">文章</span>

<span class="fc-purple">文章</span>

文字のサイズを変える場合には、以下の記述を入れます。

<span class="fs-●●">文章</span>

大きさは次から選ぶことができます。数字が大きいほど、文字サイズは大きくなります。

<span class="fs-1">文章</span>

<span class="fs-2">文章</span>

<span class="fs-3">文章</span>

<span class="fs-4">文章</span>

<span class="fs-5">文章</span>

<span class="fs-6">文章</span>

<span class="fs-7">文章</span>

<span class="b">太文字にする文章</span>

例）太文字になりました

半角スペースで区切って複数の装飾をすることができます。

<span class="fc-red b">装飾する文章</span>

例）文字を赤く、太文字にしました

<a href="/10event/">リンク</a>

例）リンクをつけるとこのようになります

<span class="t-c"><a href="/10event/" class="a-btn">詳細はこちら</a></span>

例）詳細はこちら>

<span class="t-c"><a href="/85contact/" class="a-btn">お申込はこちら</a></span>

例）お申込はこちら>