| 目次 |
|---|
1．ウィジェット／ページについて
1．1．ウィジェット
JAIRO Cloud（WEKO2）でのモジュールにあたります。
...
| 項目 | 説明 |
|---|---|
| Free description | 自由記述 |
| Access counter | アクセスカウンター |
| Notice | お知らせ |
| New arrivals | 新着情報 |
| Main contents | WEKO2での「WEKOモジュール」にあたるもの |
| Menu | メニュー |
| Header | リポジトリのヘッダー |
| Footer | リポジトリのフッター |
1．2．ページ
トップページ、アイテム詳細ページ以外のページを追加できます。
...
多言語対応により言語切替が可能で、言語にかかわらずページレイアウトが共通です。
1．3．管理画面
(1) ログイン後、［Administration］にアクセスします。
...
ページにアクセスする場合は［ページレイアウト］をクリックします。
2．ウィジェットの登録
(1) ［ウィジェット］で［作成］タブをクリックします。
...
ウィジェットの作成画面が表示されます。
(2) 項目を入力します。
2．1．ウィジェットの作成画面の項目と説明
| アンカー | ||||
|---|---|---|---|---|
|
| 項目 | 説明 |
|---|---|
| Repository※ | ウィジェットを追加するリポジトリを設定します。 |
| Type※ | ウィジェット種別を設定します。（「（旧）デザイン管理1．1．ウィジェット」参照） 詳細は、「2．2．Typeの設定内容」を参照してください。 |
| Language※ | 表示言語を設定します。デフォルトは英語（English）です。 |
| Name※ | ウィジェットのラベル名を設定します。 |
| Theme | 以下からウィジェットのテーマを設定します。詳細は、「（旧）デザイン管理2．3．Themeの設定内容」を参照してください。 ・Default ・Simple ・Side Line |
| Label Enable | ウィジェットのラベルの表示または非表示を設定します。デフォルトは、表示（チェックあり）です。 |
| Label Color | ラベルの背景色を設定します。 |
| Label Text Color | ラベルの文字色を設定します。 |
| Border Style | 以下からウィジェットの枠線のスタイルを設定します。詳細は、「（旧）デザイン管理2．4．Border Styleの設定内容」を参照してください。 ・None ・Solid ・Dotted ・Double |
| Border Color | ウィジェットの枠線の色を設定します。 |
| Background Color | ウィジェットの背景色を設定します。 |
| Enable | ウィジェットデザインにてウィジェットの有効または無効を設定します。デフォルトは、有効（チェックあり）です。 |
...
設定しているウィジェットのラベル名がシステムに存在する場合は、エラーメッセージ「Save fall, Data input to create is exist!」が表示されます。
2．2．Typeの設定内容
| アンカー | ||||
|---|---|---|---|---|
|
ウィジェット種別を設定します。それぞれの種別について、入力例と表示例を示します。
...
項目 | 説明 |
|---|---|
1番目のお知らせの自由記述エリア | 1番目のお知らせの内容を設定します。 内容設定の機能は、「（旧）デザイン管理自由記述の項目と説明」を参照してください。 デフォルトは、表示状態とします。 |
［Write more］チェックボックス | クリックすると、お知らせの入力エリアを追加します。 |
「Read more」テキストボックス | 続きを読むリンク名を指定します。 ［Write more］チェックボックスにチェックを入れた場合、表示されます。 |
2番目のお知らせの自由記述エリア | 2番目のお知らせの内容を設定します。 内容設定の機能は、「（旧）デザイン管理自由記述の項目と説明」を参照してください。 デフォルトは、非表示状態とします。 |
「Hide the rest」テキストボックス | 続きを隠すリンク名を指定します。 ［Write more］チェックボックスにチェックを入れた場合、表示されます。 |
...
(e) Main contentsアンカー MainContentsウィジェット MainContentsウィジェット
Main contentsの設定は、「2．1．ウィジェットの作成画面の項目と説明」で説明した項目のみです。
入力例
表示例
(f) Menu（メニュー）
...
ヘッダーに対して、背景色及び自由記述を設定できます。
色の指定は(f) Menu（メニュー）の「（旧）デザイン管理色指定」を参照してください。デフォルトは青です。
また、自由記述での項目の説明は「（旧）デザイン管理自由記述の項目と説明」を参照してください。
入力例
表示例
(h) Footer（フッター）
フッターに対して、背景色及び自由記述を設定できます。
色の指定は(f) Menu（メニュー）の「（旧）デザイン管理色指定」を参照してください。デフォルトは青です。
また、自由記述での項目の説明は「（旧）デザイン管理自由記述の項目と説明」を参照してください。
入力例
表示例
2．3．Themeの設定内容
ウィジェットのテーマを設定します。
テーマごとの表示例一覧
テーマ | 表示例 | 説明 |
|---|---|---|
Default |
| デフォルト設定です。角が丸まった四角形で、枠線が表示されます。影が表示されます。 |
Simple |
| 枠線が非表示の四角形です。影は表示されません。 |
Side Line |
| 左枠線だけが表示される四角形です。影は表示されません。 |
2．4．Border Styleの設定内容
ウィジェットの枠線のスタイルを設定します。
枠線スタイルごとの表示例一覧
テーマ | 表示例 | 説明 |
|---|---|---|
None |
| 線は表示されません。 |
Solid |  | 実線が表示されます。 |
Dotted |  | 点線が表示されます。 |
Double |  | 二重線が表示されます。 |
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］にアクセスします。
...