管理画面操作マニュアル「緊急災害レイアウト」

v1.16.02022 年 9 月 30 日更新
1

目次
緊急災害レイアウト ............................................................................................................. 3
概要 ............................................................................................................................................... 3
レイアウト一覧 ............................................................................................................................. 4
レイアウト切り替え ...................................................................................................................... 5
緊急災害レイアウトの追加 ........................................................................................................... 62

緊急災害レイアウト

概要
ここでは、緊急災害時用のレイアウトの設定方法を説明します。

3

レイアウト一覧(1)

フォルダー一覧の「緊急災害レイアウト」をクリックします。

緊急災害レイアウトのフォルダーは緑色のフォルダー名の右に属性が「緊急災害レイアウト」と表示されています。
(2)

レイアウトが一覧表示されます。

プレビュー列では、現在適用中のレイアウトには「適用中」、その他のレイアウトでは PC と携帯のプレビューが確認できるようになっています。

4

レイアウト切り替え(1)

レイアウト一覧画面で切り替えるレイアウト名をクリックします。

(2)「反映」をクリックします。

5

緊急災害レイアウトの追加(1)

緊急災害レイアウトの左サイドメニューの「レイアウト」をクリックします。

(2)「新規作成」をクリックします。

(3)

必要な項目に内容を入力します。

基本情報
6レイアウト名レイアウトの名称を入力します。日本語での入力が可能です。

ファイル名半角英数字で入力してください。.html などの拡張子の記述は不要です。

レイアウト
HTML

レイアウトを HTML で記述します。
①本文の呼び出し{{ yield }}②パーツの呼び出し{{ part "パーツのファイル名（拡張子は除く）" }}ファイル名の前にフォルダーのファイル名を指定することでフォルダー内のパーツも呼び出し可能です。パーツについての詳細は「マニュアル【パーツ】」をご覧ください。
③ページやフォルダーに設定しているタイトルの呼び出し#{page_name}④ページの公開・更新日時の表示#{page_released} ページの公開日時が「2021/4/1」の形式で表示されます。
#{page_released.default} ページの公開日時が「2021/4/1」の形式で表示されます。
#{page_released.iso} ページの公開日時が「2021-04-01」の形式で表示されます。

7

#{page_released.long} ページの公開日時が「2021 年 4 月 1 日」の形式で表示されます。
#{page_released.short} ページの公開日時が「4/1」の形式で表示されます。
#{page_updated} ページの更新日時が「2021/4/1」の形式で表示されます。
#{page_updated.default} ページの更新日時が「2021/4/1」の形式で表示されます。
#{page_updated.iso} ページの更新日時が「2021-04-01」の形式で表示されます。
#{page_updated.long} ページの更新日時が「2021 年 4 月 1 日」の形式で表示されます。
#{page_updated.short} ページの更新日時が「4/1」の形式で表示されます。
⑤コメントアウト<!-- skip-voice --><div>読み上げない</div><!-- end-skip-voice -->コメントアウトで囲われた個所の読み上げをスキップします。
⑥Adobe Reader ダウンロード案内<nav class=”ss-adobe-reader” style=”display:none”>Adobe Reader</nav>
ページ内に PDF ファイルがある場合に Adobe Reader のダウンロード案内が表示されます。
⑦PC、スマホ切り替えボタン表示<footer id=”ss-pc” style=”display:none”>PC 表示</footer><footer id=”ss-mb” style=”display:none”>スマートフォン表示</footer>
スマートフォンやタブレットで表示した際に PC 表示とスマートフォン表示を切り替えるボタンを表示します。
⑧条件分岐#{if 条件分岐タグ A}内容 A#{end}
条件分岐タグ A が true のとき、内容 A を表示します。
#{if 条件分岐タグ A}内容 A#{elsif 条件分岐タグ B}内容 B#{end}
条件分岐タグ A が true の場合は内容 A、条件分岐タグ A が false かつ条件分岐タグ Bが true の場合は内容 B を表示します。
#{if 条件分岐タグ A}内容 A#{else}内容 B#{end}8条件分岐タグ A が true の場合は内容 A、false の場合は内容 B を表示します。
※条件分岐タグis_page() : ページならば true, それ以外は false を返します。
is_node() : フォルダーならば true, それ以外は false を返します。
in_node('/docs') : ファイル名が docs から始まるならば true, それ以外は false を返します。
has_pages() : 現在のフォルダーにページがある、または現在のフォルダーのカテゴリーに所属しているならば true, それ以外は false を返します。
⑨ふりがなを振る範囲指定<!-- write-kana --><p>ふりがなを使用する</p><!-- skip-kana --><p>ふりがなを使用しない</p><!-- end-skip-kana --><!-- end-write-kana --><!-- write-kana --> と <!-- end-write-kana --> で囲むと、ふりがなを使用する範囲を設定できます。 <!-- skip-kana --> と <!-- end-skip-kana --> で囲むと、ふりがなを使用しない範囲を設定できます。

管理権限の帯をクリックすることで以下の入力項目が表示されます。
管理権限
管理グループ(4)

このページを編集可能にするグループを選択します。

ページを保存します。

9