Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents

1.ウィジェット/ページについて

1.1.ウィジェット

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

...

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

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

項目説明
Free description自由記述
Access counterアクセスカウンター
Noticeお知らせ
New arrivals新着情報
Main contentsWEKO2での「WEKOモジュール」にあたるもの
Menuメニュー
Headerリポジトリのヘッダー
Footerリポジトリのフッター

1.2.ページ

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

...

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

1.3.管理画面

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

(2) [Setting]をクリックします。[ウェブデザイン管理]をクリックします。

(3) ウィジェットにアクセスする場合は[Wedget]をクリックします。ウィジェットにアクセスする場合は[ウィジェット]をクリックします。

 ページにアクセスする場合は[Wedget Design]をクリックします。 ページにアクセスする場合は[ページレイアウト]をクリックします。

Image RemovedImage Added

...

2.ウィジェットの登録

(1) [Widget]で[一覧]タブをクリックします。[ウィジェット]で[作成]タブをクリックします。

ウィジェットのリストが表示されます。

Image Removed

(2) 行頭に表示されている目のアイコンをクリックします。

Image Removed

ウィジェットの詳細情報が表示されます。

Image Removed

【参考】

ID、Widget Type、Enableは、表示順序変更を変更することが可能です。

各項目名をクリックすると、表示順序が昇順、降順で変更されます。

例)ID

Image Removed

「フィルターを追加」のプルダウンより、Repository、Widget Type、Enableについて検索が可能です。

検索条件を指定して「適用」ボタンをクリックして検索します。

Image Removed

【注意事項】

Repository、Widget Type検索条件のテキストボックスはそれぞれの名称での検索となります。

例)「フィルターを追加」でWidget Typeを選択肢、条件に[含む]を選択し、テキストボックスに[Noteice]を記述し検索する。

以下の画像の通り、Widget Typeが[Noteice]のWidgetが表示されます。

Image Removed

3.ウィジェットの登録

(1) [Widget]で[作成]タブをクリックします。

Image Removed

Image Added

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

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

Image RemovedImage Added

...

2.1.ウィジェットの作成画面の項目と説明

項目説明
Repository※ウィジェットを追加するリポジトリを設定します。
Type
Type※

ウィジェット種別を設定します。(「1.1.ウィジェット」参照)

詳細は、「3.2.Typeの設定内容」を参照してください。

Language
Language※表示言語を設定します。
Name
Name※ウィジェットのラベル名を設定します。
Theme

以下からウィジェットのテーマを設定します。詳細は、「

3.3.Themeの設定内容

2.3.Themeの設定内容」を参照してください。

・Default

・Simple

・Side Line

Label Enable

ウィジェットのラベルの表示または非表示を設定します。デフォルトは、表示(チェックあり)です。

Label Colorラベルの背景色を設定します。
Label Text Colorラベルの文字色を設定します。
Border Style

以下からウィジェットの枠線のスタイルを設定します。詳細は、「

3.4.Border

2.4.Border Styleの設定内容」を参照してください。

・None

・Solid

・Dotted

・Double

Border Colorウィジェットの枠線の色を設定します。
Background Colorウィジェットの背景色を設定します。
Enableウィジェットデザインにてウィジェットの有効または無効を設定します。デフォルトは、有効(チェックあり)です。

注※
入力必須項目です。


(3) [Save]をクリックします。

...

設定しているウィジェットのラベル名がシステムに存在する場合は、エラーメッセージが表示されます。

...

2.2.Typeの設定内容

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

(a) Free description(自由記述)
入力例

Image RemovedImage Added

表示例

Image RemovedImage Added

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

入力例

Image RemovedImage Added

表示例

(c) Notice(お知らせ)

入力例

Image RemovedImage Added

表示例

Image Modified

(d) New arrivals(新着)

入力例

Image RemovedImage Added

表示例


Anchor
MainContentsウィジェット
MainContentsウィジェット
(e) Main contents

入力例

Image RemovedImage Added

表示例

Image Modified

(f) Menu(メニュー)

入力例

Image RemovedImage Added

表示例

Image Modified

(g) Header(ヘッダー)

入力例

Image RemovedImage Added

表示例

Image Modified

(h) Footer(フッター)

入力例

Image RemovedImage Added

表示例

Image Modified

...

2.3.Themeの設定内容

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

テーマごとの表示例一覧

テーマ

表示例

説明

Default

Image Modified

デフォルト設定です。角が丸まった四角形で、枠線が表示されます。影が表示されます。

Simple

Image Modified

枠線が非表示の四角形です。影は表示されません。

Side Line

Image Modified

左枠線だけが表示される四角形です。影は表示されません。

...


2.4.Border Styleの設定内容

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

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

テーマ

表示例

説明

None

Image Modified

線は表示されません。

Solid

Image Modified


実線が表示されます。

Dotted

Image Modified


点線が表示されます。

Double

Image Modified


二重線が表示されます。

...

3.ウィジェットの表示

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

...

ウィジェットのリストが表示されます。

...

Image Added

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

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

(3) [Save]をクリックします。

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

5.ウィジェットの削除

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

Image Removed

6.ページの表示

(1) [Wedget Design]をクリックします。

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

選択したリポジトリのMainLayoutのページが表示されます。

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

Image Removed

7.ページの登録

(1) [Wedget Design]をクリックします。

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

(3) Pagesのプルダウンリストの右に表示されている[+]アイコンをクリックします。

Image Removed

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

...

Image Removed

(5) [Save]をクリックします。

ページが追加されます。Pagesのプルダウンリストに、追加したPageのTitleが表示されます。

8.ページの更新

(1) [Wedget Design]をクリックします。

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

Image Removed

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

詳細は「7.ページの登録」(4)以降を参照してください。

9.ページの削除

(1) [Wedget Design]をクリックします。

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

※Main Layoutのページは削除できません。

Image Removed

削除確認用のダイアログが表示されます。

Image Removed

(2) [Submit]をクリックします。

ページが削除されます。

10.ページ内のウィジェットの配置

(1) [Wedget Design]をクリックします。行頭に表示されている目のアイコンをクリックします。

Image Added

ウィジェットの詳細情報が表示されます。

Image Added

【参考】

ID、Widget Type、Enableは、表示順序変更を変更することが可能です。

各項目名をクリックすると、表示順序が昇順、降順で変更されます。


例)ID

Image Added

「フィルターを追加」のプルダウンより、Repository、Widget Type、Enableについて検索が可能です。

検索条件を指定して「適用」ボタンをクリックして検索します。

Image Added

【注意事項】

Repository、Widget Type検索条件のテキストボックスはそれぞれの名称での検索となります。

例)「フィルターを追加」でWidget Typeを選択肢、条件に[含む]を選択し、テキストボックスに[Noteice]を記述し検索する。

以下の画像の通り、Widget Typeが[Noteice]のWidgetが表示されます。

Image Added

4.ウィジェットの更新

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

4.1.[ウィジェット]での更新

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

Image Added

[編集]タブが表示されます。

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

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

(3) [Save]をクリックします。

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

4.2.[ページレイアウト]での更新

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

Image Added

ウェジットの編集画面が別ウィンドウで表示されます。

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

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

(3) [Save]をクリックします。

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

5.ウィジェットの削除

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

Image Added

メッセージ「1 レコードが正常に削除されました。」が表示されます。

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

6.ページの表示

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

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

選択したリポジトリのMainLayoutのページが表示されます。

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

Image Added

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

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

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

選択したリポジトリのMainLayoutのページが表示されます。また、Widget Listには、ウィジェットが表示されます。

...

Image Added

(3) Pagesのプルダウンリストで、ウィジェットデザインを設定するページを選択します。

Image RemovedImage Added

(4) Widget Listで追加するウィジェットの[Add Widget]をクリックします。Image Removed

Image Added

Previewにウィジェットが追加されます。

ウィジェットをドラッグアンドドロップして位置を移動したり、サイズを変更したりできます。

...

(5) ウィジェットを削除する場合、Previewにある各ウィジェットの右上にある[×]をクリックします。Image Removed

Image Added

Previewからウィジェットが削除されます。


(6) [Save]をクリックします。

ウィジェットが追加または削除されます。

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

8.ページの追加

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

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

(3) Pagesのプルダウンリストの右に表示されている[+]アイコンをクリックします。

Image Added

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

Anchor
7-4
7-4
(4) URLと言語ごとのタイトルを設定して[Save]をクリックします。

ページが追加されます。Pagesのプルダウンリストに、追加したPageのTitleが表示されます。

URLは必須項目です。
URLを入力しない場合、エラーメッセージ「Not a valid URL.」が表示されます。

Image Added

(5) [Save]をクリックします。

ページが追加されます。Pagesのプルダウンリストに、追加したPageのTitleが表示されます。

9.ページの更新

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

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

Image Added

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

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

10.ページの削除

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

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

※Main Layoutのページは削除できません。

Image Added

削除確認用のダイアログが表示されます。

Image Added

(2) [Submit]をクリックします。

ページが削除されます。

11.背景色の設定

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

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

(2) [Setting]をクリックして[Style]をクリックします。[設定]をクリックして[画面背景色]をクリックします。

カラー設定の画面が表示されます。

Image RemovedImage Added

(3) [カラー設定]で、背景色を設定します。

Image RemovedImage Added

(4) [保存]をクリックします。

...

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

(2) [Setting]をクリックして[Site Info]をクリックします。 [設定]をクリックして[サイト情報]をクリックします。

サイト情報の設定画面が表示されます。

Image RemovedImage Added

(3)[ファイルアイコンの選択]からFaviconに設定したいファイルを読み込みます。

Image RemovedImage Added

ファイル名と画像が表示されます。

...

(4) [保存]をクリックします。

設定が保存されます。

Image Modified