管理画面操作マニュアル「目的別ガイド」

v1.19.02024 年 9 月 13 日更新
1目次

目的別ガイドとは ................................................................................................................. 3
目的別ガイド作成手順................................................................................................................... 4
フォルダーの新規作成................................................................................................................... 5
手続きの設定 ............................................................................................................................... 12
結果画面で空白の項目を表示させたくない場合.......................................................................... 14
質問の設定 .................................................................................................................................. 17
手続き設定 その他の手続きの表示 ........................................................................................... 21
インポート .................................................................................................................................. 24

2

目的別ガイドとは利用者に対話形式で質問を表示し、必要な手続きを絞り込む機能になります。

3

目的別ガイド作成手順

下記の流れで作成を行い、運用していきます。
1.

目的別ガイドのフォルダーを作成

2.

手続きの内容を登録

3.

質問項目を登録

上記を登録後、ホームページ上で利用者が問答に従って入力していくと、必要な手続きの結果が表示されます。
※登録した手続き・質問は、エクスポート、インポートが可能です。

4

フォルダーの新規作成(1)

左サイドメニューの「フォルダー」をクリックし、新規作成をします。

(2)

基本情報、フォルダー属性の「変更する」をクリックし、目的別ガイドを選択します・

5

(3)

各項目を入力していきます。

基本情報

基本情報
フォルダー属性

フォルダー属性を選択します。

タイトル

ページのタイトルに利用し、ブラウザのタイトルバーに表示されます。
レイアウトに下記のように記述することでページに出力することが可能です。
<h1 id=”ss-page-name”>Page Name</h1>

一覧用タイトル

一覧のタイトルに利用されます。未設定の場合はタイトルが流用されます。

フォルダー名フォルダー名は URL に利用します。半角英数字で入力してください。
.html などの拡張子の記述は不要です。

レイアウト

フォルダーのレイアウトを選択します。

6

フォルダー設定

フォルダー設定
ページレイアウト

ページのレイアウトを選択します。初期値は上位のフォルダーの設定を継承しています。

並び順

フォルダーの並び順の設定で「指定順」を指定している場合に利用します。数字が小さいほど一覧ページの上位にリンクが表示されます。

ショートカット

表示を選択すると管理画面のサイトトップ「コンテンツ」に表示されます。

既定のモジュール

サイトトップ「コンテンツ」から遷移したときの「モジュール」を設定します。

7メタ情報

メタ情報
キーワード

検索エンジン用のキーワードの設定に利用します。「,」で区切ることにより複数のキーワードの設定が可能です。

概要

検索エンジン用のページ概要の設定に利用します。

サマリー

一覧ページで表示するページの概要に利用します。一覧ページに Summaryの表示設定がされていない場合は入力していても表示されません。

手続き設定

手続き設定
その他の手続き

どのような回答でも結果に表示したい手続きを選択します。
設定した場合、結果画面に「その他の手続き」として表示されます。

8リスト表示

リスト表示
ガイド開始

ガイド開始画面 HTML を入力します。

画面 HTML
ガイド URL

遷移時の URL アンカーを入力します。

アンカー
結果画面 ルSHIRASAGI・Liquid を選択します。

ープ HTML形式
結果画面 上

リスト部分の上部に任意の内容の HTML を記述することが可能です。

部 HTML
結果画面 ル

自動生成されたリスト表示部分の HTML を指定することが可能です。

ープ HTMLループ HTML を選択または直接記入することが可能です。
下記のように記述します。
#{link_url} リンク先ページの URL が表示されます。
#{link} リンクが表示されます。
#{name} リンク先ページのタイトルが表示されます。
9

#{html} リンク先ページの本文が表示されます。
#{id} リンク先のファイル ID が表示されます。
#{procedure_location}

リンク先の手続き場所が表示されます。

#{belongings} リンク先の手続きに必要な持ち物が表示されます。
#{procedure_applicant} リンク先の手続き申請者が表示されます。
#{remarks} リンク先の備考が表示されます。
使用例：<dl class="procedure item-#{id}"><dt>#{link}</dt><dd>#{html}</dd></dl>
結果画面 下リスト部分の下部に任意の内容の HTML を記述することが可能です。

部 HTML

公開設定

公開設定
ステータス

公開または非公開を選択します。

公開日時

更新日を特定の日時に変更したい場合に設定します。省略した場合は、更新日が表示されます。「手動入力」以外に「更新日」「作成日」「初公開日」が選択できます。

10

管理権限

管理権限
管理グループ

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

11

手続きの設定(1)

作成したフォルダーを開き、左メニューの手続き・質問項目をそれぞれ設定します。

(2)

新規作成をクリックし、手続きの基本情報・手続きの内容を入力します。

どのように表示されるかを確認していただくため、例を入力しています。※後述の公開画面の①参照【管理画面】

基本情報
表示名

表示用のタイトルを入力します。

管理名

管理用のタイトルを入力します。
この目的別ガイド内で重複しない名称を入力する必要があります。

リンク URL

リンク URL を入力します。

並び順並び順を入力します。

12

手続き概要概要を入力します。

手続き場所

手続き場所を入力します。

持ち物

手続きに必要な持ち物を入力します。

手続き申請者

手続き申請者を入力します。

備考

備考を入力します。

【公開画面①】13

結果画面で空白の項目を表示させたくない場合空白の項目を公開ページに出力させないように設定します。

【管理画面】【公開画面】
空白の項目が表示されている

14

P5 で作成したフォルダーの「リスト表示」「結果画面 ループ HTML 形式」に Liquid を設定します。
※「結果画面 ループ HTML」記述例は P15 をご参照ください。

【管理画面】【公開画面】
空白の項目は表示されないようになります15

HTML 記述{% for item in procedures %}<div class="guide__lists"><h2>{{ item.name }}</h2><div class="procedure__wrap"><dl class="procedure item-{{ item.id }}">{% if item.link_url %}<dt>リンク URL</dt><dd><a href="{{ item.link_url }}">{{ item.link_url }}</a></dd>{% endif %}{% if item.html.size > 0 %}<dt>概要</dt><dd>{{ item.html }}</dd>{% endif %}{% if item.procedure_location.size > 0 %}<dt>実施場所</dt><dd>{{ item.procedure_location }}</dd>{% endif %}{% if item.belongings.size > 0 %}<dt>必要なもの</dt><dd>{{ item.belongings }}</dd>{% endif %}{% if item.procedure_applicant.size > 0 %}<dt>対象者</dt><dd>{{ item.procedure_applicant }}</dd>{% endif %}{% if item.remarks.size > 0 %}<dt>備考</dt><dd>{{ item.remarks }}</dd>{% endif %}</dl><div class="close-btn"><span>×</span>閉じる</div></div></div>{% endfor %}16

質問の設定(1)

手続き同様、新規作成をクリックし、質問の基本情報・質問の内容を入力します。

【管理画面】

基本情報
表示名表示用のタイトルを入力します。

管理名

管理用のタイトルを入力します。
この目的別ガイド内で重複しない名称を入力する必要があります。

説明

質問の説明を入力します。。

並び順並び順を入力します。

17

質問形式

「はい・いいえ」の入力方法【管理画面】(1)

質問の回答「はい」「いいえ」に該当する質問・手続きを選択します。

(2)[非該当]…NOT 条件となり回答に表示されません。
[任意必要]…OR 条件となり回答に表示されます。
[チェックなし]…AND 条件となり回答に表示されます。

18

【公開画面】「はい」を選択した場合、次の質問項目が表示されます。

「いいえ」を選択した場合、設定した別の質問項目が表示されます。

19

質問形式

「選択肢」の入力方法【管理画面】【公開画面】

20

手続き設定その他の手続きの表示

どのような回答をした場合でも結果に表示したい手続きを選択します。
設定した場合、結果画面に「その他の手続き」として表示されます。
(1)

P５で作成した【目的別ガイドフォルダー】を開き、左メニューの「フォルダー設定」から「編集する」をクリックします。

(2)

手続き設定メニューが表示され、P１１～１７で作成した「手続き・質問」が選択できるようになります。

21

(3)

その他の手続きの「選択する」をクリックすると、手続き・質問項目がタブごとで分かれおり、表示させたい項目にチェックを入れて「選択する」をクリックしてください。

手続き質問(4)

選択した手続き・質問が表示されます。

22

(5)

「手続き設定」で「その他の手続き」で選択した項目が表示されます。
【該当の手続きが 0 件、その他の手続きのみ表示されている】【該当の手続きが 2 件あり、さらにその他の手続きとして表示されている】

23

インポート(1)

左メニューの「インポート」をクリックすると、それぞれのデータがダウンロード・インポートができます。ひな形もダウンロードすることができます。

(2)

ダウンロードすると CSV データがダウンロードされます。

(3)

インポートは、手続き・質問・選択肢の順で行ってください。
ファイルを選択してインポートを実行します。

24

(4)

開始の画面が表示されたら「OK」をクリックするとインポートが開始されます。

(5)

インポートしたデータがそれぞれの項目に表示されてます。

25