1．ウィジェット／ページについて

1．1．ウィジェット

JAIRO Cloud（WEKO2）でのモジュールにあたります。

...

表示言語設定に対応する設定がない場合は、英語の設定が表示されます。

以下のウィジェットを利用できます。

1．2．ページ

トップページ、アイテム詳細ページ以外のページを追加できます。

...

多言語対応により言語切替が可能で、言語にかかわらずページレイアウトが共通です。

1．3．管理画面

(1) ログイン後、［Administration］にアクセスします。

...

　ページにアクセスする場合は［ページレイアウト］をクリックします。

2．ウィジェットの登録

(1) ［ウィジェット］で［作成］タブをクリックします。

...

ウィジェットの作成画面が表示されます。

(2) 項目を入力します。

2．1．ウィジェットの作成画面の項目と説明

アンカー
2．1． 2．1．

注※
入力必須項目です。

(3) ［Save］をクリックします。

...

設定しているウィジェットのラベル名がシステムに存在する場合は、エラーメッセージ「Save fall, Data input to create is exist!」が表示されます。

2．2．Typeの設定内容

アンカー
2．2 2．2

ウィジェット種別を設定します。それぞれの種別について、入力例と表示例を示します。

...

自由記述の項目と説明

ヘッダーのフォーマット

フォント

サイズ

テキストの色

テキストの背景色

...

(b) Access counter（アクセスカウンター）

入力例

アクセスカウンタの項目と説明

表示例

(c) Notice（お知らせ）

入力例

お知らせの項目と説明

表示例

(d) New arrivals（新着）

入力例

［New date］プルダウン

［Display Results］プルダウン

...

Main contentsの設定は、「2．1．ウィジェットの作成画面の項目と説明」で説明した項目のみです。

入力例

表示例

(f) Menu（メニュー）

入力例

メニューの項目と説明

表示例

(g) Header（ヘッダー）

ヘッダーに対して、背景色及び自由記述を設定できます。

色の指定は(f) Menu（メニュー）の「色指定（旧）デザイン管理」を参照してください。デフォルトは青です。

また、自由記述での項目の説明は「自由記述の項目と説明（旧）デザイン管理」を参照してください。

入力例

表示例

(h) Footer（フッター）

フッターに対して、背景色及び自由記述を設定できます。

色の指定は(f) Menu（メニュー）の「色指定（旧）デザイン管理」を参照してください。デフォルトは青です。

また、自由記述での項目の説明は「自由記述の項目と説明（旧）デザイン管理」を参照してください。

入力例

表示例

2．3．Themeの設定内容

ウィジェットのテーマを設定します。

テーマごとの表示例一覧

2．4．Border Styleの設定内容

ウィジェットの枠線のスタイルを設定します。

枠線スタイルごとの表示例一覧

テーマ	表示例	説明
None	Image Modified	線は表示されません。
Solid	Image Modified	実線が表示されます。
Dotted	Image Modified	点線が表示されます。
Double	Image Modified	二重線が表示されます。

3．ウィジェットの表示

(1) ［ウィジェット］で［一覧］タブをクリックします。

...

以下の画像の通り、Widget Typeが［Notice］のWidgetが表示されます。

4．ウィジェットの更新

ウィジェットの更新は、［ウィジェット］または［ページレイアウト］で行います。

4．1．［ウィジェット］での更新

(1) ［ウィジェット］の［一覧］タブをクリックし、ウィジェットの行頭に表示されている鉛筆のアイコンをクリックします。

...

(2) 項目を変更します。

項目の説明については、「2. ウィジェットの登録」を参照してください。

(3) ［Save］をクリックします。

ウィジェットが変更されます。メッセージ「Widget item updated successfully.」が編集画面の上部に表示されます。

4．2．［ページレイアウト］での更新

(1) ［ページレイアウト］をクリックし、PreviewまたはWidget Listの左上に表示されている歯車のアイコンをクリックします。

...

(2) 項目を変更します。

項目の説明については、「2. ウィジェットの登録」を参照してください。

(3) ［Save］をクリックします。

ウィジェットが変更されます。メッセージ「Widget item updated successfully.」が編集画面の上部に表示されます。

5．ウィジェットの削除

［一覧］タブで、ウィジェットの行頭に表示されているゴミ箱のアイコンをクリックすると、ウィジェットが削除されます。

...

※削除するウィジェットがページレイアウトに使用されている場合、メッセージ「Cannot delete widget (ID: xx, because it's setting in Widget Design.」が表示されます。

6．ページの表示

(1) ［ページレイアウト］をクリックします。

(2) Repositoryのプルダウンリストで、リポジトリを選択します。

...

また、Widget画面で有効（Enableがチェックあり）が設定されているウィジェットがWidget Listに表示されます。

7．ページ内のウィジェットの配置

(1) ［ページレイアウト］をクリックします。

(2) Repositoryのプルダウンリストで、リポジトリを選択します。

...

【注意事項】
リポジトリに対して［Main Contents］のウィジェットは１つだけ設定できます。
［Main Contents］のウィジェットを複数ページに設定しようとした場合は、エラーメッセージ「Failed to save design: Main contents may only be set to one layout.」が表示されます。

8．ページの追加

(1) ［ページレイアウト］をクリックします。

(2) Repositoryのプルダウンリストで、ページを登録したいリポジトリを選択します。

...

追加したページは、ウィジェットの「メニュー」を配置することで、各ページのリンクを表示し、各ページへ遷移することができます。メニューに表示するページは「メニュー」ウィジェットの編集時に指定することができます。

9．ページの更新

(1) ［ページレイアウト］をクリックします。

(2) Pagesのプルダウンリストの右に表示されている［鉛筆アイコン］をクリックします。

Pageダイアログが表示されます。

詳細は「8．ページの追加」(4)以降を参照してください。

10．ページの削除

(1) ［ページレイアウト］をクリックします。

(2) Pagesのプルダウンリストの右に表示されている［ゴミ箱アイコン］をクリックします。

...

ページが削除され、メッセージ「Successfully deleted page.」が表示されます。

11．背景色の設定

ウィジェット以外のWebページ全体の背景色を変更することができます。

...

(4) ［保存］をクリックします。

設定が保存されます。

12．Faviconの設定

(1) ログイン後、［Administration］にアクセスします。

...