Web Meister 5j HELP
コンテンツ管理システム

xyz Corporation

Web Meister 5j 製品マニュアル
コンテンツ管理システムヘルプ

Version 5.10

 xyz Corporation.
Created on May 1, 2015
Modified on May 26, 2020

Page 1
Private and confidential

Table of Contents＜目次＞
1. 概要................................................................................................................................................................... 5
1-1. 本書の編集 ........................................................................................................................................................ 5
1-2. 本書の対象 ........................................................................................................................................................ 5
1-3. 本書の目的 ........................................................................................................................................................ 5
1-4. 本書の範囲 ........................................................................................................................................................ 5
1-5. 基本的な用語の定義 ......................................................................................................................................... 5
1-6. 本製品の特徴 .................................................................................................................................................... 6
1-6-1. Web Meister 名前の由来 .......................................................................................................................... 6
2. 基本環境・項目について ...................................................................................................................................... 7
2-1. 動作環境について .............................................................................................................................................. 7
2-2. ユーザー権限について ....................................................................................................................................... 7
2-3. ワークフローのユーザーについて ....................................................................................................................... 8
2-4. 公開ステータスについて ..................................................................................................................................... 8
3. 基本操作・機能について ...................................................................................................................................... 9
3-1. ログインについて................................................................................................................................................ 9
3-1-1. ID・パスワード入力規則 .............................................................................................................................. 9
3-1-2. ID・パスワードの期限の設定 ....................................................................................................................... 9
3-2. 基本編集画面について .................................................................................................................................... 10
3-2-1. (A)ディレクトリ管理エリア .......................................................................................................................... 11
3-2-2. (B)ファイル管理エリア ............................................................................................................................... 12
3-2-3. (B) 右クリックメニュー ................................................................................................................................ 13
3-2-4. 「コンテンツ編集」について ......................................................................................................................... 18
3-2-5. 「ページ編集」について .............................................................................................................................. 23

3-2-6. (D)基本メニューについて .......................................................................................................................... 26
4. ページ編集の操作 ............................................................................................................................................ 28
4-1. 新規ページ作成 ............................................................................................................................................... 29
4-1-1. ファイル名(file)の編集 .............................................................................................................................. 29
4-1-2. ウィンドウタイトル（<title>ページタイトル</title>）の編集 .......................................................................... 30
4-1-3. メニュータイトルの編集 .............................................................................................................................. 31

4-1-4. メタキーワード／ディスクリプション ............................................................................................................. 32
4-1-5. ローカルナビ表示／非表示の設定 ............................................................................................................ 33
4-1-6. 備考.......................................................................................................................................................... 33
4-2. News ページの作成 ......................................................................................................................................... 34
4-2-1. 日付表示・期間表示 .................................................................................................................................. 34
4-2-2. 備考・表示形式 ......................................................................................................................................... 35
4-2-3. サムネイル画像 ........................................................................................................................................ 35
4-2-4. Home 表示 ............................................................................................................................................... 35

4-2-5. 表示先の設定 ........................................................................................................................................... 36
 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 2
Private and Confidential

4-3. 外部リンク News を作成する ............................................................................................................................ 37
4-4. セル編集画面の操作 ....................................................................................................................................... 38
4-4-1. ページタイトル、見出しの編集 .................................................................................................................... 38

4-4-2. 本文の編集（テキスト編集モード） .............................................................................................................. 39
4-4-3. 画像・データのアップロード ........................................................................................................................ 40
4-4-4. アップロードした画像・データの削除 ........................................................................................................... 43

4-4-5. 画像と文字の配置パターンの選択 ............................................................................................................. 44
4-4-6. 画像配置パターン解除 .............................................................................................................................. 46

4-4-7. プレビュー・表示確認 ................................................................................................................................. 46
4-5. ページ内リンクの設定 ...................................................................................................................................... 47
5. ディレクトリの編集操作 ...................................................................................................................................... 48
5-1. ディレクトリの新規作成 ..................................................................................................................................... 48
5-2. ディレクトリ名変更 ............................................................................................................................................ 49
5-3. ディレクトリ タイトル名の編集 ............................................................................................................................ 50
5-3-1. ローカルメニューの表示について ............................................................................................................... 51
5-4. ディレクトリのコピー・貼り付け........................................................................................................................... 53
5-5. ディレクトリの削除 ............................................................................................................................................ 54
5-6. ディレクトリの公開期間設定 ............................................................................................................................. 54
5-7. パブリッシュの切り替え..................................................................................................................................... 55
5-8. ジャンルの切り替え .......................................................................................................................................... 55
5-9. デフォルトページの変更 ................................................................................................................................... 55
5-10. コーザリティ機能 ............................................................................................................................................ 56
5-10-1. ディレクトリ配下のコーザリティ設定.......................................................................................................... 56
5-10-2. ディレクトリ配下以外のコーザリティ設定 .................................................................................................. 56
5-11. ディレクトリの非公開について ......................................................................................................................... 57
6. 公開期間を設定する ......................................................................................................................................... 61
6-1. 「コンテンツ編集」アイコンをクリック ................................................................................................................... 61
6-2. 右クリックメニューから選択 ............................................................................................................................... 62
6-3. 公開期間設定 .................................................................................................................................................. 63
7. ワークフローについて ........................................................................................................................................ 64
7-1. ワークフローのユーザーについて ..................................................................................................................... 64
7-2. メールによる確認 ............................................................................................................................................. 65
7-3. 承認申請をする................................................................................................................................................ 66
7-4. 承認をする ....................................................................................................................................................... 67
7-5. 承認を却下する................................................................................................................................................ 68
7-6. ワークフローを設定する ................................................................................................................................... 68
7-6-1. ワークフローを新規作成する ..................................................................................................................... 69
7-7. アラートメール設定 ........................................................................................................................................... 71
7-8. 承認状態を確認する ........................................................................................................................................ 72
 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 3
Private and Confidential

8. ユーザー・グループを管理する ........................................................................................................................... 73
8-1. ユーザーを管理する ......................................................................................................................................... 74
8-1-1. 新規ユーザーを追加する........................................................................................................................... 75
8-2. グループを管理する ......................................................................................................................................... 76
8-2-1. 新規グループを追加する ........................................................................................................................... 77

8-2-2. 担当範囲 .................................................................................................................................................. 78
8-2-3. 素材アクセス権限...................................................................................................................................... 79

9. 作業進行を確認する ......................................................................................................................................... 80
10. 検索する ........................................................................................................................................................ 81
11. 素材・テンプレート管理 .................................................................................................................................... 82
11-1. 画像・素材 ..................................................................................................................................................... 82
11-1-1. 拡張子の編集 ......................................................................................................................................... 83
11-2. 素材公開管理 ................................................................................................................................................ 84
11-2-1. 素材の公開方法 ..................................................................................................................................... 84
11-2-2. 素材の非公開方法 .................................................................................................................................. 91
12. お知らせ設定.................................................................................................................................................. 94
12-1. お知らせを設定する ....................................................................................................................................... 95
12-1-1. お知らせの複数登録について.................................................................................................................. 97
13. コーザリティを使用した更新方法（Web インテグレータ権限のみ） ........................................................................ 98
13-1. ローカルメニューの更新について .................................................................................................................... 98
13-1-1. コーザリティを設定する............................................................................................................................ 98

13-1-2. index.html ファイルを公開にする ......................................................................................................... 100
13-2. サイトの全ページを公開する ........................................................................................................................ 103
14. 文字実体参照を用いた記述について .............................................................................................................. 104
14-1. 「&」「<」「>」の記述について ......................................................................................................................... 104
14-1-1. 見出し欄への入力について ................................................................................................................... 104
14-1-2. テキストモードからの入力について ........................................................................................................ 104
14-1-3. xhtml モードからの入力について .......................................................................................................... 105

14-2. 「&quot;」の記述について ............................................................................................................................ 106
14-3. その他の実体参照について ......................................................................................................................... 107
14-4. ファイル名やディレクトリ名における「&」の使用について ............................................................................... 109
15. 改訂履歴 ...................................................................................................................................................... 110

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 4
Private and Confidential

1. 概要1-1. 本書の編集
株式会社 サイズ xyz Corporation

1-2. 本書の対象
Web Meister 5ｊ ～1-3. 本書の目的
Web Meister 製品マニュアル（以降、「本書」）は、Web Meister における更新・運営関係者が適切な制作作業を効率良く行えるように製品の機能についてまとめたものです。本製品マニュアルを、コンテンツの作成や更新作業のための技術資料としてご活用ください。

1-4. 本書の範囲
本書では、『Web Meister 5ｊ ～』の製品の特徴・機能について記述し、システムに関する詳細な仕様については記述対象外とします。

1-5. 基本的な用語の定義[Web Meister]

本システム全体を示す名称です。

[ユーザー]『Web Meister』を使用する者、全てを示す総称です。

[カスタマー]『Web Meister』のサービスを使用する顧客の総称です。

[Web サイト管理者][XYZ]

カスタマーの中で Web サイトを管理している者・部署の総称です。

『Web Meister』の開発提供元名称です。

[ページ]『Web Meister』で管理される単位(file)の名称です。

[コンテンツ]『Web Meister』で管理されるページを更に分割した単位(cell)、またはページの内容を示します。

[セル（cell）] 『Web Meister』で管理されるコンテンツの最小単位。このセル(cell)の組み合わせでページが構成されています。
[コンテナ(Container)] ページを構成するセルの集合単位で、ヘッダ、フッタ、メニュー、メインエリアを細分化したセルで構成されます。
[パブリッシュ]『Web Meister』から設定されている Web サーバーへファイルが生成されることをいいます。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 5
Private and Confidential

1-6. 本製品の特徴「Web 制作のプロがつくったコンテンツ管理システム」『Web Meister』は、今まで XYZ の開発スタッフが関わってきた様々な Web サイト制作現場の経験から生まれました。Web サイトの戦略立案から設計・制作、デザイン、コピーライティング、そして運用更新まで、Web 制作に関するすべての業務領域をカバーするには、Web 制作のプロがサポートをしながら、CMS を導入していくことが、最も効率よく機能する Web サイトを構築するコツといえます。『Web Meister』は、Web 制作におけるプロが導入を手助けすることを前提に、プロによって構築されたしっかりした土台（構造）の上で、日々のコンテンツ運用が行いやすいように設計されています。
また、『Web Meister』のシステムは、XML や XSL などの Web 標準技術を中心に採用しており、企業にとっての情報資産（デジタル・アセット）を効率よく、汎用的に管理できるように設計されています。

※ASP 型だけではなく、インストール型での提供も可能です。

1-6-1. Web Meister 名前の由来
ドイツにおけるマイスター制度とは 手作業による仕事の伝統を維持し、後継者を育てるための制度のことです。『WebMeister』は Web サイト構築の技能と理論を完全にマスターし、Web サイトを維持し発展させる CMS でありたいという思いより
ネーミングいたしました。また、ロゴにモチーフとして使われているグーテンベルグ文字には 1447 年に発明されたグーデン
ベルグの印刷機のように情報化社会に変革を起こすような製品でありたいという意味もこめています。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 6
Private and Confidential

2. 基本環境・項目について
2-1. 動作環境について『Web Meister』は、下記の動作環境にて使用することができます。但し、カスタマーの使用環境（ファイヤーウォール設定、
IP 制限）によって、使用できない場合があります。その場合は、Web サイト管理者に直接お問い合わせください。
OS
ブラウザ

Windows 8.1～
Internet Explorer11～、Firefox～、Google Chrome～

2-2. ユーザー権限について『Web Meister』は、ユーザーによって管理できる機能を制限しています。ユーザーごとに管理できる機能は以下の通りとなります。ユーザー管理については「8-1. ユーザーを管理する」をご覧ください。
ユーザー権限機能
ページ編集
ディレクトリ追加
作業進行確認
テンプレート／素材
管理
ユーザー・グループ管理
ワークフロー設定
環境設定
ページ即時公開
ページ即時非公開

Web コンテンツ
編集者○○

Web サイト
制作管理者
○
○

○

Web チーフ管理者

Web インテグレーター

○
○

○
○
○

○

○

○

-

○

○

○

-

○
-

○
○
○

○
○
○
○

※ワークフロー設定において、Web サイト制作管理者が、Web インテグレーターの設定を変更する事はできません。
※Web インテグレーター権限は、サイト構造全体に関わる変更が可能な権限のため、取り扱いに際して十分な注意と知識が必要となります。
その為、お客さまに対しての Web インテグレーター権限の譲渡については、両社協議のうえ、ご検討事項とさせていただきます。
※「Web チーフ管理者」は、「Web サイト制作管理者」と同じ権限を有し、さらに、公開アラートメールが配信され、公開設定画
面からページを「即時公開」にできる権限を持ちます。
ワークフローが正常に運営されているか管理する役割を持ちます。詳しくは「7-7. アラートメール設定」をご覧ください。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 7
Private and Confidential2-3. ワークフローのユーザーについて
ワークフローのユーザーは、ページ作成者とページ承認者に大別されます。それぞれの役割は以下の通りとなります。ワークフローについては、「7. ワークフローについて」をご覧ください。

ページ作成者

ページの作成、編集を行い、承認を申請行うユーザーを指します。

ページ承認者（1 次承認者・2 次承認者・3 次承認者）

ページ作成者から承認申請が出され、それを承認するユーザーを指します。『Web Meister』は、段階的に承認を設定することができ、3 次承認まで設定することができます。例えば、3 次承認まで設定されている場合は、3 次承認者が最終承認者となります。

Web チーフ管理者

ワークフローが正常に運営されているか管理する役割を持つユーザーを指します。公開アラートメールが配信され、公開設定画面からページを「即時公開」にできる権限を持ちます。

2-4. 公開ステータスについて『Web Meister』の公開ステータスの種類は、以下の通りとなります。
編集中
承認中
公開予約中
公開中
非公開予約中非公開

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

ページもしくは、コンテンツの編集、公開日時の設定を行うステータス。
ページ作成者が承認を申請し、あらかじめ設定されているワークフローに入った状態。
ページの最終承認が承認され、ページの公開（パブリッシュ）が予約されている状態。
ページのパブリッシュが終了し、ページが公開されている状態。
ページを非公開にするための設定が予約されている状態。
ページが非公開の状態。Web サーバー上のページのキャッシュは、削除される。

Page 8
Private and Confidential

3. 基本操作・機能について
3-1. ログインについて
ログイン画面を表示する URL を入力してブラウザを起動すると、ログイン画面が表示されます。URL や ID、パスワードについては Web サイト管理者に直接お問い合わせください。ブラウザなど動作環境については「2-1. 動作環境について」をご覧ください。

3-1-1. ID・パスワード入力規則
ID・パスワードの入力規則は以下の通りとなります。
ID
その他条件

半角英数字（1-35byte）
記号は、- (ハイフン)、 _（アンダースコア）のみ可

パスワード

半角英数字（6-35byte）
ID と 2 文字以上違う／数字のみは不可／少なくとも 3 種類の文字を使用／大文字小文字を区別

3-1-2. ID・パスワードの期限の設定
Web インテグレーター権限でログイン後、管理メニュープルダウンから「環境設定」をクリックすると、パスワード有効期限の設定画面が別画面で表示されます。パスワードの有効期限を設定すると、パスワード設定が行われてから経過日数によって、パスワード再設定を促すアラート画面が表示されます。パスワードの期限切れによる変更はログインの際、ユーザー毎に行います。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 9
Private and Confidential3-2. 基本編集画面についてページ編集を行う場合の基本画面となります。大別すると (A)ディレクトリ管理エリア、(B)ファイル管理エリア、(C)ページ
編集エリアの 3 ペイン構造で成り立ち、(D)は基本メニューを配置します。
(D)基本メニューエリア(B)ファイル管理エリア(A)ディレクトリ
管理エリア(C)ページ編集エリア(A)ディレクトリ管理エリア(B)ファイル管理エリア(C)ページ編集エリア(D)基本メニューエリア

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Web サイトのディレクトリ構造を管理。編集したいフォルダをクリックすると、(B)ファイル
管理エリアを表示する。
ディレクトリ内のファイル構造を管理。編集したいファイルをクリックすると、(C)ページ
編集エリアを表示する。フォルダをクリックするとディレクトリが展開される。
ページのコンテンツ構造を管理する。編集方法は、「コンテンツ編集」と「ページ編集」の 2 通りあり。
Web Meister の基本メニューを表示する。編集エリアの表示範囲切り替え。
基本メニューエリアの詳細ついては「3-2-6. (D)基本メニューについて」をご覧ください。

Page 10
Private and Confidential3-2-1.

(A)ディレクトリ管理エリア『Web Meister』上で管理されている Web サイトのディレクトリを表示します。フォルダ横の「 」マークをクリックすると、「 」マークになりフォルダが展開、下層ディレクトリが表示されます。編集するフォルダをクリックすると、(B)ファイル管理エ
リアにファイルおよび、ディレクトリが表示されます。また、管理する Web サイトによっては、上部プルダウンメニューで、
Host・ドメイン、Language（言語）を切り替えます。（Web インテグレーター権限では、ディレクトリとして表示されます。）

HOST・ドメイン切り替え
Language（言語）切り替え

ディレクトリを表示

HOST・ドメイン切り替え
Language（言語）切り替え
NULL
ディレクトリ表示

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

枠をドラックすると左右に移動

複数の HOST やドメインを管理している場合、プルダウンメニューを切り替える。
複数の Language（言語）を管理している場合、プルダウンメニューを切り替える。
Language がない場合 「NULL」と表示される。
Web サイトのディレクトリを表示。Top ページは、Home ディレクトリ内に存在する。

Page 11
Private and Confidential3-2-2.

(B)ファイル管理エリア『Web Meister』上で管理されているディレクトリおよび、ファイルを表示します。ファイル項目をダブルクリックすると(C)ページ編集エリアが表示されます。フォルダ項目をクリックすると、ディレクトリが展開され下層が表示されます。または、項目をクリックで選択して、右クリックによって操作を行うことができます。右クリックメニューについては「3-2-3. (B) 右クリックメ
ニュー」をご覧ください。ファイルの表示順序は、ローカルメニューの表示順序と連動します。ファイル項目はドラック＆ドロッ
プすることで移動することが可能です。

ファイル項目をドラッ
ク＆ドロップすると表示順序を変更することができる
ファイル項目をダブ
ルクリックすると(C)コンテンツ編集画面が表示される

メニュー表示ファイル・ディレクトリ
タイトル
公開状況
最終公開日
公開終了
最終編集日
最終編集者

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

ローカルメニューに表示は○、ローカルメニューに非表示は×で表示する。
ファイル、ディレクトリ名を表示する。
ファイル、ディレクトリの表示タイトルを表示する。
現状の公開ステータスを表示する。
前回公開された年・月・日・時・分を表示する。
公開終了が設定された年・月・日・時・分を表示する。
前回編集が行われた年・月・日・時・分を表示する。
前回編集を行った編集者名を表示する。

Page 12
Private and Confidential3-2-3. (B) 右クリックメニュー(B)ファイル管理エリアで編集したいファイル項目を右クリックすると右クリックメニューが表示されます。右クリックメニュー
は、ページの基本情報の編集、ブラウザプレビュー設定、公開期間の設定、ファイルのコピー、リンク切れのチェック、バージョン管理などページに関する詳細な設定・管理を行うことができます。

右クリックメニュー xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 13
Private and Confidential3-2-3-1. ページを編集する「編集」を選択すると、C エリアにページ編集画面が表示されます。
ページ編集画面については「3-2-5. 「ページ編集」について」をご覧ください。

3-2-3-2. ページ基本情報（ファイル名・拡張子／タイトル／メタ情報／ローカルナビ表示／日付・期間／表示先）
ファイル名・拡張子／タイトル／メタ情報／ローカルナビ表示／日付・期間／表示先のいずれかを選択すると、「ファイル編集」画面が別ウィンドウで表示されます。

ファイル編集ファイル編集(ＮＥＷＳ) xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 14
Private and Confidential

ファイル名スタイル／スクリプト
ウィンドウタイトル
メニュータイトル
メタキーワード
ディスクリプション

日付表示
期間表示
備考

メニュー表示
サムネイル画像

ページのファイル名を入力する。拡張子を入力する必要はなし。
ページに対して個別にスタイル／スクリプトを設定する画面を別画面で表示するウィンドウのタイトルバーに表示するタイトル名を入力する。メニュー表示用：タイトル
ローカルメニューに表示するタイトル名を入力する。メタ情報：タイトル
メタ情報としてキーワードを記入する。キーワード間は、カンマ , で区切る
※キーワード記入の際は初期に入力されている「KEYWORDS」を削除してください
メタ情報としてディスクリプションを記入する※ディスクリプション記入の際は初期に入力されている「DESCRIPTION」を削除してく
ださいNEWS 記事の発信日の設定
イベントなどの NEWS 記事の期間を表示（別途初期設定必要※）
リンクページ作成の際に「表示形式」を「備考のみ（リンクなし）」に設定した場合、備考欄に記入されたテキストが表示されます。
※備考欄の仕様はサイトによって異なりますのでご注意ください
ローカルメニューに表示する／表示しないを選択する。
ページに関連した画像を設定する（画像表示は別途初期設定必要※）

NEWS 用ファイル編集情報
Home 表示
表示形式

News 表示先

サイトトップに NEWS 記事を表示する／表示しないを選択する。
リンクページの表示形式を設定する（別途初期設定必要※）
タイトル+リンク：タイトルをリンク付きで表示
備考のみ：備考欄に記述したテキストを表示。リンクは設定されない。
タイトル+リンク+備考：タイトルをリンク付きで表示＋備考欄に記述したテキストを表示NEWS ディレクトリ以下であれば、表示先を複数設定できる。（NEWS ディレクトリ）※NEWS ディレクトリの仕様については「4-2. News ページの作成」をご覧ください。

※初期設定が必要な箇所に関して要件定義のうえ、別途開発が必要となります。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 15
Private and Confidential3-2-3-3. コピー／貼付け
ページのコピー（複製）を作成する際に使用します。選択されているページのコピーを行い、B エリア内項目上で「貼付け」を選択するとページのコピーが行えます。コピーは、項目の最下位に追加されます。

3-2-3-4. リンクコピー／リンクコピー貼付け
ページのリンク（共有化）を作成する場合に使用します。ファイルコピーとの違いは、ファイルコピーは、作成されたページの編集が可能ですが、ファイルリンクは編集が行えません。選択されているファイルのリンクのコピーを行い、B エリア内項目
上で「リンクコピー貼付け」を選択するとページのリンクの作成が行えます。コピーは、項目の最下位に追加されます。

3-2-3-5. リンクコピー解除
関連づけされているファイルとのリンクを解除します。ページのコピーと同じ状態になります。

3-2-3-6. 削除
選択されているページの削除を行います（右クリック→削除）。ただし、C エリアにコンテンツが表示されているページは削除
できません。

3-2-3-7. 削除時のリンク切れを表示
選択されているファイルを削除した場合、リンク切れが発生するページをアラート画面で表示します。

3-2-3-8. プレビュー
Web Meister では編集した結果の画面イメージをプレビュー機能により参照できます。
プレビューを選択することで、別ウィンドウに選択したページのイメージを表示します。
※別のブラウザで確認したいときは、別ブラウザを立ち上げた上でアドレスバーにプレビューの URL を貼り付けて確認してください。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 16
Private and Confidential3-2-3-9. 公開設定・承認設定
ページのバージョンごとに、公開期間の設定が行えます。公開期間の設定については「6.公開期間を設定する」をご覧ください。

3-2-3-10. 公開・承認管理
ページの公開および承認状況を確認することができます。

3-2-3-11. 公開ページリスト
関連づけされているページを参照することができます。

3-2-3-12. サンプルページの貼り付け「素材公開・テンプレート管理」の「サンプルページ」から選択したサンプルページを作成する際に使用します。
あらかじめサンプルページの選択を行い、B エリア内項目上で「サンプルページの貼付け」を選択するとページの作成を行えます。コピーは、項目の最下位に追加されます。

3-2-3-13. バージョン管理
公開されたバージョン 5 世代までの管理を行います。前のバージョンに戻す場合は、前のバージョンを選択し、「OK」ボタンをクリックすることで行えます。

ページのバージョンは下記のように遷移します。
※V=バージョン1.

V1（編集中）。

2.

V1 を公開。最新バージョンは V1 のまま（公開中）。

3.

編集作業を行う。V2 が作成される。V2 は編集中。

4.

V2 を公開。最新バージョンは V2 のまま（公開中）。

5.

編集作業を行う→V3 が作成される

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 17
Private and Confidential3-2-4. 「コンテンツ編集」について
コンテンツ編集は、公開されているページと同じデザイン上で、コンテンツ編集を行うことができます(WYSIWYG 機能)。実際のページをブラウズしながら、対象箇所をすぐに編集できるので、既存ページの修正を行うことに向いています。

公開されているページ上で編集作業が行える[Edit]ボタンをクリックすると、「ページの編集」画面が別画面で表示される

プルダウンメニュー
矢印ボタン
ファイル編集アイコン

編集したページの履歴を 5 件までプルダウンで表示、履歴を選択すると表示する。
リンク、履歴に対して、←戻る、進む→ の操作が可能。
ファイル編集画面を別画面で表示する。

プレビューアイコン

ブラウザ上にテストプレビューが別画面で表示される。

カレンダーアイコン

公開期間設定画面を別画面で表示する。

ページ編集アイコン

フォーム形式の入力画面を表示する。パラメータの設定、セルの追加、移動、削除を行うことができる。
※再度クリックすることにより WYSIWYG の編集画面を表示する（上記画面の状態）。
詳しくは「3-2-5-2. ページの編集（コンテナ単位）について」をご覧ください。
編集対象セルの Edit ボタンをクリックするとページの編集画面が別画面で表示される

Edit xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 18
Private and Confidential3-2-4-1. ページの編集（セル単位）画面について
コンテンツ編集画面で、編集対象箇所（セル）の[Edit]ボタンをクリックすると、ページ編集画面（セル単位）が別画面で表示されます。テキストモード、XHTML モードで、見出しや本文の編集や画像とテキストのレイアウトパターンを選択することが可能です。

ページの編集（セル単位）
形式
id
下位ユーザ表示XHTML 編集のみ許可
見出し
本文
画像：ファイル
画像選択
リセット
画像：代替文字(ALT)
画像：キャプション
画像：リンク URL
保存閉じる xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

セルの形式を設定する。
※Web サイトによって仕様が異なります。また、初期状態で設定できる項目はありません。
セル内の要素を指定した id の div 要素で囲むことが可能。
※id はページ内での重複使用は不可
Web インテグレーター権限：セル単位でページ編集画面の表示・非表示の設定が可能。
Web インテグレーター権限：XHTML 編集モードのみに制限する。
見出しテキストの記入、「編集」をクリックすると見出しのレベルなどの属性設定が可能。
本文テキストの記入。初期設定ではテキスト編集エディターで編集をおこなう「テキスト」
が選択されている。XHTML を直接入力して編集する場合は、「XHTML」を選択する。
選択されている画像のパスを表示する。
画像と本文のレイアウトパターンを選択する画面を表示する。
選択されている画像を削除する。
画像の代替文字(ALT)を記入する。
画像のキャプションを記入する。
画像にリンクを設定する場合、URL を記入、または参照ボタンでサイト内のページを指定する。
編集内容を保存する。
画面を閉じる（保存ボタンがクリックされてない場合編集内容は保存されない）。

Page 19
Private and Confidential3-2-4-2. テキスト編集エディター
セルの編集画面の本文エリアでラジオボタン「テキスト」を選択すると編集エディターが表示されます。

テキスト編集エディター
新しいドキュメント

入力済みの内容を全て削除

書式の削除

エディター上で設定した書式の削除

貼り付け

コピー元のデータから書式などを含め貼り付け

テキスト形式で貼り付け

コピー元のデータから書式などを除き文字列だけを貼り付け元に戻す

直前に操作した内容に戻す

やり直す

戻した操作をもう一回実行する

検索と置換

エディター内の文字列を検索またはエディター内の文字列を検索し置換する

リンクの挿入/編集

水平線を挿入テキストまたは画像を選択して「リンクの挿入/編集」ボタンをクリックするとリン
ク挿入画面を別画面で表示する
テキストまたは画像を選択して「リンクの解除」ボタンをクリックすると設定されていたリンクが解除される
画像を配置したい場所にカーソルを表示して「画像の挿入/編集」ボタンをクリッ
クすると画像挿入画面を別画面で表示する表を配置したい場所にカーソルを表示して「表の挿入」ボタンをクリックすると、表の挿入画面を別画面で表示する
罫囲みを挿入したいテキストを選択し、「枠囲み」ボタンをクリックすると、罫囲み挿入画面を別画面で表示する
内容的な区切り線として使用

左揃え

テキストを左揃えにする

中央揃え

テキストを中央揃えにする

リンクの解除画像の挿入/編集
表の挿入
枠囲みを挿入 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 20
Private and Confidential右揃え

テキストを右揃えにする

字下げを減らす行の先頭の字下げを減らす

字下げを増やす行の先頭を字下げする

本文
フォントサイズ太字

テキストを選択し見出しを設定
テキストのフォントサイズを変更する
テキストを太字にする ※strong を設定

斜体

テキストを太字にする ※em

下線

テキストに下線を入れる

取り消し線

テキストに取り消し線を入れる

文字色

テキストの文字色を変更する

記号付き箇条書き

行の先頭に箇条書き記号（●）を設定する

番号付き箇条書き

行の先頭に箇条書き番号（算用数字）を設定する

ソースコード

別ウィンドウでソースコードを表示する

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020を設定

Page 21
Private and Confidential3-2-4-3. XHTML 編集エディター
XHTML を直接入力して編集する場合は、XHTML 編集エディターで行います。
セルの編集画面の本文エリアでラジオボタン「XHTML」を選択すると編集エディターが表示されます。
尚、保存する際、XHTML の整型式で入力されているかチェックを行います。XHTML 整型式でない場合、エラーアラート画面が表示されます。
※実体参照を用いて記述を行う場合は、「13. 実体参照を用いた記述について」をご参照ください。

XHTML 整型式でない場合に表示されるエラーアラート画面

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 22
Private and Confidential3-2-5. 「ページ編集」についてページ編集は、セル(cell)の追加、削除などより詳細なページ編集を行うことができます。新規ページを作成する場合や詳細なコンテンツ変更を行うことに向いています。

ボタンの操作は「コンテンツ編集」と同様

プルダウンメニュー
矢印ボタン
ファイル編集アイコン

編集したページの履歴を 5 件までプルダウンで表示、履歴を選択すると表示する。
リンク、履歴に対して、←戻る、進む→ の操作が可能。
ファイル編集画面を別画面で表示する。

プレビューアイコン

ブラウザ上にテストプレビューが別画面で表示される。

カレンダーアイコン

公開期間設定画面を別画面で表示する。

ページ編集アイコン

フォーム形式の入力画面を表示する。パラメータの設定、セルの追加、移動、削除を行うことができる。
※再度クリックすることにより WYSIWYG の編集画面を表示する（上記画面の状態）。
詳しくは「3-2-5-2. ページの編集（コンテナ単位）について」をご覧ください。
編集対象セルの「編集」ボタンをクリックするとページの編集画面が別画面で表示される

編集 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 23
Private and Confidential3-2-5-1. ページの基本情報
ページ編集画面上部には、現在の編集対象を表示、ページタイトル、メニュータイトル、メタキーワード、メタディスクリプショ
ンなどページの基本情報の編集を行うことが可能です。ページの基本情報はコンテンツ編集画面では編集できません

ファイル名
タイトル
最終編集者
最終編集日

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

ページのファイル名を表示する
ページのタイトル名を表示する
前回編集を行った編集者名を表示する
前回編集を行った年月日時分を表示する

Page 24
Private and Confidential3-2-5-2. ページの編集（コンテナ単位）についてページ編集画面は、ページ全体のセルをフォーム形式で表示します。セルの移動や追加、削除が行えることがコンテンツ
編集のページ編集（セル単位）と異なる点です。
Web インテグレーター権限では、すべてのセルが表示され、下位権限に対して表示・非表示の設定が行えます。
表示・非表示の設定は「編集」ボタンをクリックしてセルの編集画面から設定を行います。これにより、ヘッダ・フッタなど、編集をあまり行わない箇所をロックすることが可能です。

a)b)Lane/ Container バー▲▼セル移動＋ セルの追加
セル削除
編集

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020a) Lane エリア（ヘッダ、フッタ、メニュー、メインなど）を表示する
b) Container エリア（Lane を細分化したセル単位）を表示する▲セルの移動で 1 つ上に、▼セルの移動で 1 つ下に移動する
コンテナ単位(Container)でセルを追加する
セルを削除する

編集対象セルの「編集」ボタンをクリックするとページの編集画面が別画面で表示される

Page 25
Private and Confidential3-2-6. (D)基本メニューについて
ID・パスワードを入力してログインすると、画面右上の D エリアに「編集」と「管理」プルダウンメニュー、レイアウト切り替えボ
タンが表示されます。

メニューはユーザーに与えられた権限によって異なり、使用できない項目はグレーアウトされ、選択できないようになります。
「編集」プルダウンメニュー
新規ページ作成
リンクページ作成
ディレクトリ編集

ヘルプ

ページの新規作成を行うことができる。
すべてのユーザー権限で選択可能。
リンクページの新規作成を行うことができる。すべてのユーザー権限で選択することが可能。
ディレクトリの追加・削除、ディレクトリ名の変更を行うことができる。
Web インテグレーター権限で選択することが可能。
本ガイド「Web Meister5j 製品マニュアル」が別画面で表示される。

「管理」プルダウンメニュー
検索

作業進行
画像・素材

素材公開・テンプレート

公開ログの表示ユーザー

グループ

ワークフロー設定

環境設定

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

編集対象のページを検索することができる。
検索条件画面が別画面で表示。検索対象は、HOST・
ドメイン以下。
作業進行状態を確認することができる。
すべてのユーザー権限で選択することが可能。
ページ編集時に使用する画像などの素材のアップロードができる。
すべてのユーザー権限で選択することが可能。
『Web Meister』上で取り扱う画像素材やファイル素材の公開管理を行うことができる。また、ページのテンプレートを選択することが可能。
Web サーバーに公開されたページのログを閲覧することができる。日付、期間でソートすることが可能。
ユーザーの新規作成や管理を行える。
Web コンテンツ編集者以外のユーザー権限で選択することが可能。
グループの新規作成や管理、制作範囲の設定を行える。
Web コンテンツ編集者以外のユーザー権限で選択することが可能。
ワークフローの新規設定、編集を行うことができる。
Web コンテンツ編集者以外のユーザー権限で選択することが可能。
パスワードの有効期限を設定、パブリッシュロジック
の設定、非公開ワークフローの設定、必須項目の設定することができる。
Web インテグレーター権限で選択することが可能。

Page 26
Private and Confidential

レイアウト切り替えボタン

B エリアの表示範囲を切り替えることができます。

初期状態のレイアウトです。B エリア、C エリア両方が表示されています。

B エリアの表示エリアを狭め、C エリア表示のみにしたレイアウトです。

C エリアの表示エリアを狭め、B エリア表示のみにしたレイアウトです。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 27
Private and Confidential

4. ページ編集の操作
ページの編集を行うには、ディレクトリ管理エリアで該当ディレクトリを選択し、基本編集画面の表示を行います。ページの編集方法は、WISYWIG 画面から編集を行う「3-2-4.「コンテンツ編集」について」と、入力フォームから編集を行う「3-2-5.
「ページ編集」について」の 2 通りあります。それぞれの特徴は以下の通りです。

コンテンツ編集
実際のページをブラウズしながら、対象箇所をすぐに編集できるので、既存ページの修正を行うことに向いている。

ページ編集
ページタイトルやメタ情報などの基本情報や、セル(cell)の追加、削除などより詳細なページ編集が可能。
新規ページを作成する場合や詳細なコンテンツ変更を行うことに向いている。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 28
Private and Confidential4-1. 新規ページ作成
D エリアの①「新規ページ作成」ボタンをクリックすると、ファイル管理エリアの下段に②新規ページが作成されます。新規ページは、ディレクトリ内で設定されているテンプレート（レイアウトパターン）を継承します。
「新規ページ作成」をクリックすると、

１

項目下段に追加される

２「ファイル編集」ボタン
または、右クリックメニューから「ファイル名」を選択

4-1-1. ファイル名(file)の編集
ファイル名を変更したいページを選択しながら、右クリックメニューの「ファイル編集」から「ファイル名・拡張子」を選択すると、「ファイル編集」画面が別画面で表示されます。ファイル名欄に文字を入力して「保存」ボタンをクリックすると設定の保存が行われます。

入力規則

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

半角英数字、-ハイフン、_アンダースコア

Page 29
Private and Confidential

4-1-2. ウィンドウタイトル（<title>ページタイトル</title>）の編集
ページタイトル名を変更したいページを選択しながら、右クリックメニューの「ファイル編集」から「タイトル」を選択、または、
コンテンツ編集画面のファイル編集アイコンをクリックすると、「ファイル編集」画面が別画面で表示されます。ウィンドウタイ
トル名欄に文字を入力して「保存」ボタンをクリックすると設定の保存が行われます。

入力規則

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

全角、半角英数字 ※機種依存文字は不可

Page 30
Private and Confidential

4-1-3. メニュータイトルの編集
メニュータイトルを選択しながら、右クリックメニューの「ファイル編集」から「タイトル」を選択すると、「ファイル編集」画面が別画面で表示されます。メニュータイトルに文字を入力して「保存」ボタンをクリックすると設定の保存が行われます。

入力規則

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

全角、半角英数字 ※機種依存文字は不可

Page 31
Private and Confidential

4-1-4. メタキーワード／ディスクリプション
メタキーワードまたはディスクリプションを変更したいページを選択しながら、右クリックメニューの「ファイル編集」から「メタ情報」を選択すると、「ファイル編集」画面が別画面で表示されます。メタキーワードまたはディスクリプション欄に文字を入力して「保存」ボタンをクリックすると設定の保存が行われます。

入力規則
メタキーワード
ディスクリプション

メタ情報としてキーワードを記入する。キーワード間は、カンマ , で区切る
※キーワード記入の際は初期に入力されている「KEYWORDS」を削除してください
メタ情報としてディスクリプションを記入する※ディスクリプション記入の際は初期に入力されている「DESCRIPTION」を削除してください xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 32
Private and Confidential

4-1-5. ローカルナビ表示／非表示の設定
ローカルナビ表示／非表示の設定を行いたいページを選択しながら、右クリックメニューの「ファイル編集」から「ローカルナ
ビ表示」を選択、または、コンテンツ編集画面のファイル編集アイコンをクリックすると、「ファイル編集」画面が別画面で表示されます。メニュー表示の「表示する／表示しない」ラジオボタンを選択して「保存」ボタンをクリックすると設定の保存が行われます。

4-1-6. 備考
リンクページ作成の際に「表示形式」を「備考のみ（リンクなし）」または「タイトル+リンク+備考」に設定した場合、備考欄に記入されたテキストが反映されます。
※備考は別途初期設定が必要となります。
※備考欄の仕様はサイトによって異なりますのでご注意ください。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 33
Private and Confidential

4-2. News ページの作成
頻繁に更新される情報は、「NEWS」ディレクトリ以下にジャンルディレクトリ(IR、Products など)を作成し、一元管理を行うことができます。それぞれのジャンルに作成されたページは、他のジャンルに表示することが可能です。

4-2-1. 日付表示・期間表示
NEWS 記事の発信日は日付表示でおこないます。
「NEWS」ディレクトリ以下、日付を設定したいページを選択しながら、右クリックメニューの「ファイル編集」から「日付・期間」を選択、または、コンテンツ編集画面のファイル編集アイコンをクリックすると、「News ファイル編集」画面が別画面で表示されます。カレンダーアイコンから表示日付の設定をして「保存」ボタンをクリックすると設定の保存が行われます。
※期間表示を使用する場合は別途 Web Meister の設定が必要です xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 34
Private and Confidential

4-2-2. 備考・表示形式
右クリックメニューの「ファイル編集」から「ファイル名・拡張子」を選択、または、コンテンツ編集画面のファイル編集アイコン
をクリックすると、「ファイル編集」画面が別画面で表示されます。
NEWS 記事作成の際に「表示形式」を「備考のみ（リンクなし）」または「タイトル+リンク+備考」に設定した場合、備考欄に記入されたテキストが反映されます。
※備考・表示形式は別途初期設定が必要となります。
※備考欄の仕様はサイトによって異なりますのでご注意ください。

4-2-3. サムネイル画像
ページに関連した画像を設定します。
例）News 一覧などでサムネイル画像付きを表示させることが可能です。
※画像表示は別途初期設定必要

4-2-4. Home 表示
サイトトップページにて NEWS 記事を表示している場合に表示・非表示の選択を行います。
「NEWS」ディレクトリ以下、Home 表示を設定したいページを選択しながら、右クリックメニューの「ファイル編集」から「表示先」
を選択、または、コンテンツ編集画面のファイル編集アイコンをクリックすると、「News ファイル編集」画面が別画面で表示されます。Home 表示の「表示する／表示しない」ラジオボタンを選択して「保存」ボタンをクリックすると設定の保存が行われます。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 35
Private and Confidential

4-2-5. 表示先の設定「NEWS」ディレクトリ以下、表示先を設定したいページを選択しながら、右クリックメニューの「ファイル編集」から「表示先」を選択、または、コンテンツ編集画面のファイル編集アイコンをクリックすると、「News ファイル編集」画面が別画面で表示されます。該当する表示先のチェックボックスにチェック、「OK」ボタンをクリックすると設定の保存が行われます。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 36
Private and Confidential

4-3. 外部リンク News を作成する
D エリアの①「リンクページ作成」ボタンをクリックすると、外部サイトへのリンクファイルを作成する「リンク編集」画面が別画面で表示されます。外部リンク先を管理する場合に適しています。

１

２「リンクを作成する」をクリックすると設定画面が表示され、保存完了後、②項目下段に追加される。

リンク編集画面タイトル
リンク先 URL
ターゲット
備考
表示形式

リンク先説明（RSS 配信用）
日付表示
期間表示
Home 表示
サムネイル画像
News 表示先表示するタイトル名を記入。※必須項目
リンク先 URL を http://～ 記入。※必須項目
リンクターゲットを設定。 _self _blank
リンクページ作成の際に「表示形式」を「備考のみ（リンクなし）」に設定した場合、備考欄に記入されたテキストが表示されます。
リンクページの表示形式を設定する（別途初期設定必要※）
タイトル+リンク：タイトルをリンク付きで表示
備考のみ：備考欄に記述したテキストを表示。リンクは設定されない。
タイトル+リンク+備考：タイトルをリンク付きで表示＋備考欄に記述したテキストを表示
RSS で配信する場合のタイトル名を記入する
リスト表示する日付を設定。（更新日・発信日など）※必須項目
イベントなどの NEWS 記事の期間を表示（別途初期設定必要※）
サイトトップに NEWS 記事を表示する／表示しないを選択する。
ページに関連した画像を設定する（画像表示は別途初期設定必要※）
リスト表示先を選択。

※初期設定が必要な箇所に関して要件定義のうえ、別途開発が必要となります。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 37
Private and Confidential

4-4. セル編集画面の操作「コンテンツ編集」エリアの「Edit」ボタンをクリックすると、セルの編集が行えます。

4-4-1. ページタイトル、見出しの編集
見出し記入欄にタイトルを記入、「編集」ボタンをクリックすると、見出し入力欄下に見出し属性編集エリアが表示されます。
「レベル」のプルダウンメニューで見出しのスタイル（ページタイトルの場合 H1、大見出し H2 など）を選択し「OK」ボタンをクリックすると設定が保存されます。
更に「id」「class」「style」の各テキストボックスに属性値を入力すると詳細な設定が行えます。

見出し属性編集エリア

見出しは、h1～h6 まで設定可能。ただし、CSS でデザインを規定する必要があります。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 38
Private and Confidential

4-4-2. 本文の編集（テキスト編集モード）
セルの編集画面は、初期状態ではテキスト編集エディターが表示されます。
各編集機能の詳細については、「3-2-4-2. テキスト編集エディター」をご覧ください。

本文編集画面（テキスト編集モード）

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 39
Private and Confidential

4-4-3. 画像・データのアップロード「画像選択」ボタンをクリックすると画像および各種データのアップロードが行えます。

主な画像・データの種類
画像素材
ファイル素材
動画素材
CSS
Scriptjpg, gif, png など
doc, xls, ppt, pdf など
swf
css
js

※画像・データの種類は初期設定時に変更可能です。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 40
Private and Confidential

4-4-3-1. 画像アップロードの手順
画像のアップロードは、ローカルにあるファイルを参照してアップロードする方法と、ファイルを直接フォルダ内へドラッグ&ドロップしてアップロードする 2 通りの方法があります。



ファイルを参照してアップロード

1.

「画像・素材」選択画面にて①「アップロード」ボタンをクリックします。

１

2.

ローカル環境にあるファイルを選択し②「開く」ボタンをクリックすることでアップロードが開始されます。
※ファイルは複数選択することが可能です。

２

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 41
Private and Confidential

ファイルをドラッグ＆ドロップしてアップロード

1.

「画像・素材」選択画面にてファイルをアップロードしたいフォルダを選択します。

2.

ローカルからファイルを選択し、画面内にドラッグ＆ドロップしてアップロードします。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 42
Private and Confidential

4-4-4. アップロードした画像・データの削除
削除したいファイル名を選択しながら、右クリックメニューの「削除」を選択してください。フォルダ内が空の時に限り、フォルダの「削除」が可能です。
※一度削除したファイルについては再生することができませんので、細心の注意のうえ削除ください。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 43
Private and Confidential

4-4-5. 画像と文字の配置パターンの選択「画像選択」ボタンをクリックすると画像と文字の配置パターンの選択が行えます。

4-4-5-1. 画像と文字の配置パターン選択の手順
1.

「画像選択」ボタンをクリック、画像選択画面を表示する。

2.

該当ディレクトリから画像を選択し、「選択」をクリックする。
※一覧画面の各項目名をクリックすることで、並び順を昇順・降順に切り替えることができます。
項目名をクリックで昇順・降順切り替え

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 44
Private and Confidential

3.

画像と文字の配置パターンを選択し、「選択」をクリックする。

4.

画像パターンとパスが表示される。
※画像の配置パターンを変更する場合は、表示されている配置パターンのアイコンをクリックしてください。

5.

代替文字(ALT)を入力（画像のリンク先やキャプションがある場合は記入）する。

6.

「プレビュー」をクリックしてテストプレビュー、「保存」をクリックし設定を保存する。
アイコンクリックで画像配置パターンの再設定が可能

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 45
Private and Confidential

4-4-6. 画像配置パターン解除① 「リセット」をクリックすると、「4-4-5. 画像と文字の配置パターンの選択」で設定された画像パターンを取消すことができます。
② 「保存」をクリックすると設定が保存されます。（アップロードされた画像は削除されません。）

１

２

4-4-7. プレビュー・表示確認
ページ編集後、「プレビュー」ボタンをクリック、またはページ編集エリアの「プレビューアイコン」をクリック、または右クリックメニューの「3-2-3-8. プレビュー」を選択することで、テストプレビューが行えます。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 46
Private and Confidential

4-5. ページ内リンクの設定同じページ内の特定部分に移動する、ページ内リンクの設定方法について説明します。

1.

リンク元ソースのリンク先に「#developer」と任意（半角英数字）の文字列を設定します。
※必ず先頭に「#」をつけてください。

HTML 参考書式<ul><li><a href="#developer">導入検討中のお客様・販売代理店・制作会社・開発会社</a></li><li><a href="#user">導入されたお客様</a></li>
</ul>

2.

移動先の要素に対してリンク元と同じ名前を「id」として記述します。
※先頭の#は不要です
下記の例では<h2>（見出し 2）に対して①「id」を設定しています。見出し欄に id の設定を行う場合は、②「見出し属性
編集」ボタンをクリックしてください。

２
１

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 47
Private and Confidential

5. ディレクトリの編集操作
Web インテグレーター権限でログインすると下記のような基本画面が表示されます。「ディレクトリ編集」ボタンをクリックまたは、ディレクトリを選択し、右クリックメニューで「ディレクトリ編集」を選択すると、ディレクトリの追加・削除、ディレクトリ名の変更など、ディレクトリに関する操作が行えます。

5-1. ディレクトリの新規作成
ディレクトリ管理エリアのディレクトリを選択して①「ディレクトリ編集」をクリックし、続けて②「新規作成」選択すると、配下に新規ディレクトリが追加されます。

１
１
２

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 48
Private and Confidential5-2. ディレクトリ名変更
ディレクトリ管理エリアで該当ディレクトリを選択して「ディレクトリ編集」をクリックし、続けて「プロパティ」を選択するとディレ
クトリのプロパティ画面が別画面で表示されます。「ディレクトリ名」欄のディレクトリ名を変更、「OK」ボタンをクリックすると変更が保存されます。

プロパティ画面ディレクトリ名
タイトル名
パブリッシュの切替え
ジャンルの切替え
デフォルトページ
コーザリティ

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

入力規則：半角英数字、-ハイフン、_アンダーバー
ディレクトリのタイトル名を記入
パブリッシュ ON は公開設定できる状態、パブリッシュ OFF は公開設定できない
コンスタント：変更できないディレクトリ バリアブル：変更できるディレクトリ
テンプレートを選択・変更
連動してパブリッシュされるページを設定
・コーザリティ設定をチェック後、「ページ追加」ボタンをクリックし、該当ページを選択
すると連動してパブリッシュされるページを設定可能
・コーザリティ設定：チェック、最下層：チェック、メニュー非表示：チェックでディレクトリ
内の index.html を「公開」にすると、ディレクトリ最下層まで「公開中」のページがパブリッシュできる（階層に整数をいれると n 階層までパブリッシュ）
コーザリティの詳細については「5-10. コーザリティ機能」をご覧ください

Page 49
Private and Confidential5-3. ディレクトリ タイトル名の編集ディレクトリのタイトル名は、ローカルメニューやパンくずリストに表示されるジャンル名となります。
ディレクトリ管理エリアで該当ディレクトリを選択して「ディレクトリ編集」をクリックし、続けて「プロパティ」を選択するとディレ
クトリのプロパティ画面が別画面で表示されます。
タイトル名欄のタイトル名を編集、「OK」ボタンをクリックすると編集が保存されます。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 50
Private and Confidential5-3-1. ローカルメニューの表示について
ディレクトリの「タイトル名」とディレクトリ配下の index ページの「メニュータイトル」は原則として同じ名称にしてください。

例）ディレクトリタイトル名「FAQ」、index ページのメニュータイトル「FAQ」の場合

ローカルメニューの表示

index ページへリンク

同じ名称にする xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 51
Private and Confidentialディレクトリタイトル名と index ページのメニュータイトルを異なる名称にすると、ローカルメニューに index ページのメニュー
タイトルを表示することができます。
※ローカルメニューは仕様により下記の表示と異なる場合があります。

例）ディレクトリタイトル名「FAQ」、index ページのメニュータイトル「よくある質問 01」の場合
ローカルメニューの表示

index ページへリンク xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 52
Private and Confidential

5-4. ディレクトリのコピー・貼り付け
ディレクトリ管理エリアで該当ディレクトリを選択して「ディレクトリ編集」をクリックし、続けて「コピー」を選択、コピーを貼り付
けたい 1 つ上のディレクトリを選択し、右クリックで「貼付け」を選択すると、ディレクトリ(ディレクトリ配下のファイル全て)が複製されます。複製されたディレクトリは、編集可能です。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 53
Private and Confidential

5-5. ディレクトリの削除
削除するディレクトリを選択し、右クリックメニューで「削除」を選択するとディレクトリの削除が可能です。

5-6. ディレクトリの公開期間設定
ディレクトリの公開期間設定が行えます。該当するディレクトリを選択し、右クリックメニューで「公開期間の設定」を選択す
ると公開設定画面が別画面で表示されます。公開開始日（公開終了日）に記入し、「公開申請」（公開中は「非公開申請」）
をクリックし、「OK」ボタンすると設定されます。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 54
Private and Confidential

5-7. パブリッシュの切り替え
ディレクトリ管理エリアで該当ディレクトリを選択し、右クリックで「プロパティ」を選択するとディレクトリのプロパティ画面が別画面で表示されます。パブリッシュ ON／OFF の切替えはラジオボタンで行うことができます。
① パブリッシュ切替えは、「パブリッシュ ON」にすると公開可能、「パブリッシュ OFF」にすると公開できません。
② 編集途中のディレクトリを OFF にすることによって、配下の公開ページと関連づけられたページが公開されるのを防ぎます。新規ディレクトリを作成するとパブリッシュは OFF の状態となります。

１
２

３

5-8. ジャンルの切り替え②「ジャンルの切替え」では編集可能なディレクトリと編集不可なディレクトリの切替えを行います。
コンスタントバリアブル

編集できないディレクトリ
編集可能なディレクトリ

5-9. デフォルトページの変更③「デフォルトページ」を変更することで、ディレクトリ配下のページの基本テンプレートを変更することがきます。
ディレクトリ管理エリアで該当ディレクトリを選択し、右クリックで「プロパティ」を選択するとディレクトリのプロパティ画面が別画面で表示されます。デフォルトページの「変更する」ボタンをクリック、基本テンプレートを選択画面でテンプレートを「選択」
し、「OK」ボタンをクリックすると設定が保存されます。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 55
Private and Confidential

5-10. コーザリティ機能
ディレクトリ配下のページに変更を加えた場合、他のページでローカルメニューを変更する必要があるページを設定することによって、自動的に関連するローカルメニュー（ページ）を変更することができます。

5-10-1. ディレクトリ配下のコーザリティ設定
1.

「コーザリティ設定」をチェックする。

2.

「階層」：ディレクトリ配下の階層を半角数字で指定、または、「最下層」にチェックを入れることでディレクトリ最下層まで指定する。

3.

「OK」ボタンをクリックすると設定の保存が行われます。
※メニュー非表示設定をしている場合のページのパブリッシュが必要な場合はチェックする。

5-10-2. ディレクトリ配下以外のコーザリティ設定
1.

「ページ追加」をクリックし、追加するページを選択する

2.

「OK」ボタンをクリックすると設定の保存が行われます。
※設定したページを選択し、「解除」をクリックすると設定が解除されます。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 56
Private and Confidential

5-11. ディレクトリの非公開について
ディレクトリの非公開設定を行う場合は事前にディレクトリ内の各ページを非公開にする必要があります。
※ディレクトリのみ非公開にしても、ディレクトリ内のページは公開中のままとなりますのでご注意ください。

1.

非公開にしたいディレクトリ内に設置されているページの非公開を行います。
ページを選択して右クリックメニューから①「公開設定・承認申請 ＞ 公開中ページを非公開にする」を選択します。

１

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 57
Private and Confidential2.

②「即時非公開」または②「非公開申請」をクリックしてください。

２

２

3.

ページの公開状況が「非公開」になったことを確認します。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 58
Private and Confidential

4.

ディレクトリ内のページを全て非公開にしたら、次にディレクトリの非公開設定を行います。
非公開にしたいディレクトリを選択し、③右クリックメニューから「ディレクトリ編集」を選択します。（または、右上の編集
メニューから「ディレクトリ編集」を選択）。
④「公開期間の設定」を選択して「公開期間設定」画面を開いてください。
※この作業は Web インテグレータ権限（上位管理者権限）を付与されているユーザーのみ可能です。

３

３

４

5.

⑤「非公開申請」ボタンをクリックします。

５ xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 59
Private and Confidential

6.

ディレクトリの公開状況ステータスが「非公開予約中」に切り替わります。

7.

数分でステータスが編集中に切り替わります。以上でディレクトリの非公開設定は完了です。
※ステータスが切り替わらない場合は、再ログインの上ご確認ください。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 60
Private and Confidential

6. 公開期間を設定する
ページごとに公開開始日、公開終了日を設定することができます。公開終了日は設定せずに、パブリッシュすることが可能です。公開期間を設定するには、2 つの方法があります。

6-1. 「コンテンツ編集」アイコンをクリック
コンテンツ編集画面上の「カレンダーボタン」をクリックすると「公開期間・承認設定」画面が別画面で表示されます。

尚、現状表示されているページの公開期間・承認設定画面となります。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 61
Private and Confidential6-2. 右クリックメニューから選択
ファイル編集エリアでファイルを選択し、右クリックメニューで「公開設定・承認申請」を選択すると別画面で表示されます。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 62
Private and Confidential6-3. 公開期間設定
公開開始日時を設定すると公開期間が設定されます。公開終了日は設定せずに、パブリッシュすることが可能です。
下記は、ワークフロー設定が行われている場合の画面です。ワークフローを設定している場合は、「7-3. 承認申請をする」
をご覧ください。

公開開始日
公開終了日
即時公開
即時非公開
公開予約キャンセル
の確認
非公開予約のキャン
セル
公開申請
非公開申請
キャンセル

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

公開開始日時を設定する。公開開始時間は、公開するためのファイルをパブリッシュ始める時間を指す。
公開終了日時を設定する。公開終了時間は、非公開するためにファイルをパブリッシュ（削除）始める時間を指す。公開終了日時は設定しないことも可能。
公開ステータスが「編集中」の時アクティブになり、ボタンをクリックした日時にファイルのパブリッシュが始まる。
公開ステータスが「公開中」の時アクティブになり、ボタンをクリックした日時に非公開のパブリッシュ（削除）が始まる。
公開ステータスが「公開予約中」の時アクティブになり、ボタンをクリックすると公開予約がキャンセルされます。
公開ステータスが「非公開予約中」の時アクティブになり、ボタンをクリックすると非公開予約がキャンセルされます。
ページ作成者が承認者に公開の承認申請を行う。
ページ作成者が承認者に非公開の承認申請を行う。
保存せず画面を閉じる。

Page 63
Private and Confidential

7. ワークフローについて
ワークフローとは、作成したページのレビューなどの承認プロセスを自動化することで、組織における Web サイト構築の役
割と責任を明確化することが可能になります。ワークフローは、各ディレクトリおよびページごとに設定することが可能で最大 3 次承認まで複数人設定することが可能です。また、承認の申請や承諾、却下の確認はメールにて送信されます。

7-1. ワークフローのユーザーについて
ワークフローのユーザーは、ページ作成者とページ承認者に大別されます。それぞれの役割は以下の通りとなります。



ページ作成者

ページの作成、編集を行い、承認を申請行うユーザーを指します。

ページ承認者（1 次承認者・2 次承認者・3 次承認者）

ページ作成者から承認申請が出され、それを承認するユーザーを指します。『Web Meister』は、段階的に承認を設定することができ、3 次承認まで設定することができます。例えば、3 次承認まで設定されている場合は、3 次承認者が最終承認者となります。

ワークフロー設定画面

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 64
Private and Confidential

7-2. メールによる確認
ワークフロー設定に応じて各ステークホルダーへ確認のためのメールが送信されます。

承認申請メール○次承認メール○次却下メール

公開予約メール

アラートメール xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

ページ作成者または最終編集者が承認申請をした場合、一次承認者へメールを送信。
差出人 ページ作成者または最終編集者
件名 [****:000***] 1 次承認依頼
ページ承認者が承認した場合に次の段階の承認者へメールを送信。
and 承認の場合は、その段階の全ての承認者が承認したタイミングでメールを送信。
or 承認の場合は、その段階のいずれかの承認者が承認したタイミングでメールを送信。
差出人 ページ作成者または最終編集者
件名 [****:000***] ○次承認依頼
承認者が却下した場合に、ページ作成者または最終編集者へメールを送信。
差出人 却下したページ承認者
件名 [****:000***] ○次承認却下
最終承認者が承認した場合に、ページ作成者または最終編集者および、そのワークフ
ロー内の全ての承認者へメールを送信。
差出人 最終承認者
件名 [****:000***] 公開予約
公開日時が迫った場合に、予め指定したユーザーへ確認のメールを送信。
差出人 ????
件名 [****:000***] 未公開アラート

Page 65
Private and Confidential7-3. 承認申請をする
ページの編集および新規作成を行ったあとに、コンテンツ編集画面上のカレンダーアイコンをクリック、または、ファイル編
集エリアの右クリックメニューから「公開期間・承認設定」を選択することで「公開期間・承認設定」画面が別画面で表示されます。公開開始日と引継ぎ内容を記入して、「公開申請」ボタンをクリックして申請をおこないます。

公開開始日
公開終了日
即時公開
即時非公開
公開予約キャンセル
の確認
非公開予約のキャン
セル
引継ぎ内容：
プルダウンメニュー
引継ぎ内容：
テキストボックス
公開申請 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

公開開始日時を設定する。公開開始時間は、公開するためのファイルをパブリッシュ始める時間を指す。
公開終了日時を設定する。公開終了時間は、非公開するためにファイルをパブリッシュ（削除）始める時間を指す。公開終了日時は設定しないことも可能。
公開ステータスが「編集中」の時アクティブになり、ボタンをクリックした日時にファイルのパブリッシュが始まる。
公開ステータスが「公開中」の時アクティブになり、ボタンをクリックした日時に非公開のパブリッシュ（削除）が始まる。
公開ステータスが「公開予約中」の時アクティブになり、ボタンをクリックすると公開予約がキャンセルされます。
公開ステータスが「非公開予約中」の時アクティブになり、ボタンをクリックすると非公開予約がキャンセルされます。
「緊急」「高」「中」「低」から緊急度を選択する。
具体的な引継ぎや指示する内容がある場合に記入する。
ページ作成者が承認者に公開申請を行う。

Page 66
Private and Confidential

7-4. 承認をする
承認者には承認メールが送られます。承認メールにしたがって承認画面へログインし、具体的な引継ぎ内容がある場合は引継ぎ内容を記載して「承認」を選択します。

テストページ
承認状態
ページタイトル
公開開始日
公開終了日
処理区分
承認申請者
承認申請日
緊急度
内容

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

承認対象ページのプレビューログイン画面の URL
承認設定画面の URL
承認対象ページのページタイトル
ページの公開開始日
ページの公開終了日
ページの公開状況
承認申請者名承認申請された日時「低」「中」「高」「緊急」の４段階で表示
メール発信者からの引継ぎ内容

Page 67
Private and Confidential

7-5. 承認を却下する
承認者には承認メールが送られます。承認メールにしたがって承認画面へログインし、「引継ぎ内容」欄に却下理由を記入して「却下」を選択します。

7-6. ワークフローを設定する
D エリアの管理メニューから「ワークフロー設定」をクリックすると、ワークフローの管理方法を設定することができます。
「新規作成」ボタンをクリックすると新規にワークフローが設定できます。項目を選択し、「編集」ボタンをクリックすると既存のワークフローの編集が行えます。ワークフローを削除する際も編集と同じ手順で行えます。
ワークフローを初回設定する場合、全てのディレクトリに対してデフォルトのワークフローを設定する必要があります。その後、下層ディレクトリおよびページごとに詳細なワークフローを設定すると、詳細なワークフローが優先されます。

編集
メール
削除
新規追加
ダウンロード閉じる xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

既存のワークフローを編集する
公開日時が迫った場合に、予め指定したユーザーへ確認のメールを送信する
既存のワークフローを削除する
ワークフローを新規に作成する
ワークフロー管理で設定されている承認リストの一覧を TSV ファイル形式でダウンローできる
画面を閉じる

Page 68
Private and Confidential

7-6-1. ワークフローを新規作成する「新規作成」をクリックして新たにワークフロー作成を行います。

1.

ワークフロー内容選択

グループを選択して、その中からユーザーを各段階の承認者として割り当てます。最大で３次承認まで設定することが可能です。「（省略）」を割り当てるとその段階の承認を省略できます。
それぞれの段階で「and 承認」または「or 承認」を設定します。

and 承認or 承認
2.

その段階における全承認者の承認が必要。
その段階におけるいずれか一人の承認が必要。

承認範囲選択

初回にワークフローを設定する場合は「全て（デフォルト）」を選択します。これがサイト全体に適用されるデフォルトのワー
クフローとなります。2 回目以降はワークフローごとにその担当範囲を選択します。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 69
Private and Confidential

3.

承認者作成時の承認処理選択

承認者がページ作成または編集した場合の承認処理方法を選択します。

ワークフローを優先する
承認権限を優先する

4.

承認者がページを作成または編集した場合でも、承認は一次承認から順に開始され、作成または編集した承認者も承認する必要があります。
承認者がページを作成または編集した場合は、ページ作成または編集と同時に承認者がもつ承認権限で承認を行います。

ワークフローの名前と説明作成したワークフローの名前と説明を記入します。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 70
Private and Confidential

7-7. アラートメール設定
公開期日が迫った場合に Web チーフ管理者へ承認を促すメールを送信します。

公開アラートメールの設定
公開予定時間 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

アラートメールを送るかどうかを設定。送る場合は公開予定時間の何分前に送信するかを設定する
公開設定されている時間の何分前までに公開予約されていないとアラートメー
ルを配信するか、分数を設定します。Max:120 分

Page 71
Private and Confidential

7-8. 承認状態を確認する
公開ステータスが「承認中」のページの公開期間・承認設定画面を開くと現状のワークフローステータスの確認ができます。
また、「9. 作業進行を確認する」で条件を設定して検索し結果項目をクリックすると、承認状態画面が別画面で表示されます。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 72
Private and Confidential

8. ユーザー・グループを管理する
管理者以上の権限でユーザー・グループの管理が行えます。D エリアの管理メニューから「ユーザー」または｢グループ」をクリックすると、管理画面が別画面で表示されます。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 73
Private and Confidential

8-1. ユーザーを管理する『Web Meister』を使用するユーザーを管理します。管理されているユーザーはリスト表示されます。初期設定（導入プラン）
では 50 ユーザーまでの管理が可能となります。
※ユーザー数の追加については、要件定義時にご相談ください。

新規追加
グループリスト TSV ダウンロード
OK
キャンセル

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

新規ユーザーを作成する
グループリストを TSV ファイル形式でダウンロード
項目を選択の上、OK ボタンをクリックするとユーザー情報を表示する。
画面を閉じる

Page 74
Private and Confidential

8-1-1. 新規ユーザーを追加する
ユーザー・グループ管理画面の「新規追加」ボタンをクリックすると、ユーザー情報画面が表示されます。項目を記入して「OK」ボタンをクリックすると設定の保存が行われます。（必須）項目が未記入の場合はエラーアラートが表示されます。

ID
パスワード
メールアドレス
名前
所属グループ

ログインするための ID を記入する。入力規則は「3-1-1. ID・パスワード入力規則」を参照。
ログインするためのパスワードを記入する。入力規則は「3-1-1. ID・パスワード入力規則」を参照。
承認メールの送付先メールアドレスを記入する。
ユーザーの名前を入力する。
所属グループをプルダウンメニューから選択する。
ユーザーはいずれかのグループに所属する必要がある。
ユーザー権限をプルダウンメニューから選択する。
ユーザーごとにインターフェースの言語（日本語／英語）を選択する。
ユーザーが所属する地域を指定する。 日本：「+9:00 | Japan Standard Time USSR Zone8」指定
ユーザーが関わるワークフローを表示する。
ユーザーごとにページ編集時の初期画面を設定する。
ユーザーを削除します
グループリストを TSV ファイル形式でダウンロード

役割
言語
地域
承認
設定
ユーザー削除グループリスト
TSV ダウンロード
OK
項目を選択の上、OK ボタンをクリックするとユーザー情報を表示する。
キャンセル
画面を閉じる xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 75
Private and Confidential

8-2. グループを管理する
ページを編集する範囲はグループごとに設定します。項目を選択して「OK」ボタンをクリックするとグループ情報画面が表示されます。ユーザーはいずれかのグループに所属する必要があります。それぞれのグループでは「担当範囲」と「素材アクセス権限」で設定することが可能です。詳しくは「8-2-1. 新規グループを追加する」をご覧ください。

新規追加
グループリスト TSV
ダウンロードOKキャンセル

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

新規グループを作成する
グループリストを TSV ファイル形式でダウンロード
項目を選択の上、OK ボタンをクリックすると「グループ情報」を表示する。
画面を閉じる

Page 76
Private and Confidential

8-2-1. 新規グループを追加する
グループ管理画面の「新規追加」ボタンをクリックするとグループ情報画面が表示されます。項目を記入して「登録」ボタン
をクリックすると設定の保存が行われます。（必須）項目が未記入の場合はエラーアラートが表示されます。

グループ名
グループの説明最終更新者
担当範囲
素材アクセス権限 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

グループ名を記入する。
グループの説明を記入する。
グループ情報を最後に更新したユーザーの名前を表示する。
グループが編集可能な担当範囲を設定する。担当範囲は「全て」と「限定する」のいず
れかを選択可能。
グループが編集可能な素材のアクセス権限を設定する。担当範囲は「全て」と「限定する」のいずれかを選択可能。

Page 77
Private and Confidential

8-2-2. 担当範囲
グループ情報画面の担当範囲で「全て」を選択すると全てのディレクトリの編集が可能です。
担当範囲はディレクトリまたは、ページ単位で設定することが可能です。
担当範囲を限定する場合の手順は以下の通りとなります。

1.

「限定する」を選択し、「追加」ボタンをクリックするとウィザード画面が別画面で表示されます。

2.

「新規で登録する」か「すでに登録されている担当範囲から選ぶ」を選択、「次へ」ボタンをクリックします。「すでに登録する」は以前に他のユーザーが設定した担当範囲がある場合その範囲が表示されます。

3.

ディレクトリまたは、ファイルを指定し、「選択」をクリックします。

4.

担当範囲名を記入、「完了」をクリックすると担当範囲が登録されます。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 78
Private and Confidential

8-2-3. 素材アクセス権限
グループ情報画面の素材アクセス権限で「全て」を選択すると全ての素材ディレクトリの編集が可能です。
アクセス権限はディレクトリ単位で設定することが可能です。
素材のアクセス権限を限定する場合の手順は以下の通りとなります。

1.

「限定する」を選択し、「追加」ボタンをクリックするとウィザード画面が別画面で表示されます。

2.

ディレクトリを指定し、「選択」をクリックします。

3.

許可ディレクトリが登録されます。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 79
Private and Confidential

9. 作業進行を確認する
D エリアの管理メニューから「作業進行」をクリックすると、作業進行画面が別画面で表示されます。
作業進行管理では、現状の作業進行状態を検索することが可能です。検索条件を設定し、「検索」ボタンをクリックすると検索結果が表示されます。結果項目をダブルクリックすると現状の承認状態画面が表示されます。

グループ
最終編集者
日付種別：最終編集日
日付種別：公開開始日
日付種別：公開終了日
状態
承認状態
優先度
検索
結果表示
CSV ダウンロード閉じる xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

作成グループを検索対象とする。
作成者を検索対象とする。
最終編集日を検索対象とする。カレンダーアイコンで入力。
公開開始日を検索対象とする。カレンダーアイコンで入力。
公開終了日を検索対象とする。カレンダーアイコンで入力。
編集中・承認中・非公開承認中・公開予約中・公開中・非公開予約中・非公開の中から選択されたステータスを検索対象とする。
承認状態を検索対象とする。
公開優先度を検索対象とする。
And 検索検索結果を表示する。
検索結果を CSV 形式でダウンロードする。
画面を閉じる

Page 80
Private and Confidential

10. 検索する
D エリアの管理メニューから「検索」をクリックすると、検索条件画面が別画面で表示されます。検索対象は、HOST・ドメイン
以下となります。編集対象のページを検索する場合に使用します。検索条件を設定し、「検索」ボタンをクリックすると検索結果が表示されます。結果項目をダブルクリックすると基本編集画面が検索結果と連動します。

カテゴリー
公開期間
公開状態
担当：グループ
担当：ユーザー
キーワード
検索
結果表示
閉じる

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

全て、標準ページ、NEWS ページ、NEWS ジャンルを検索対象とする。
公開開始、公開終了期間を検索対象とする。カレンダーアイコンで入力。
公開ステータスを検索対象とする。
作成グループを検索対象とする。
作成者を検索対象とする。
記入されたキーワードを検索対象とする。
And 検索検索結果を表示する。
画面を閉じる

Page 81
Private and Confidential11. 素材・テンプレート管理『Web Meister』上で取り扱う画像素材やファイル素材、ページのテンプレートなどを管理します。
D エリアの管理メニューから「素材公開・テンプレート」をクリックして素材テンプレート管理画面を表示します。

11-1. 画像・素材
サイトを構成する画像・素材を管理します。アップロードの方法は「4-4-3. 画像・データのアップロード」を閲覧ください。
画像素材
ドキュメント素材
動画素材
CSS
スクリプト

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

ｊpg、ｇif、png など、サイト上で取り扱う画像素材を管理する
Word、Excel、PowerPoint、PDF 形式のダウンロード用素材を管理する
swf ファイルなど動画素材を管理する
スタイルシートを管理する
JavaScript など、スクリプトを管理する

Page 82
Private and Confidential

11-1-1. 拡張子の編集
画像・素材画面で表示されている拡張子は、アップロードできるデータの種類を示しています。
拡張子の編集を行うことで、アップロードできるファイルの種類を変更することができます。

1.

拡張子を変更したいデータの種類を選択し「拡張子の編集」ボタンをクリックします。

2.

「拡張子の編集」画面が表示されますので、カンマ（,）区切りで拡張子を追加し「OK」をクリックします。
※拡張子は「ピリオド（.）」を含めた形式で入力してください。

3.

画像素材画面で拡張子が追加されていることを確認し設定は完了です。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 83
Private and Confidential

11-2. 素材公開管理
ページに紐づく画像やドキュメントはページの公開と同時に本番環境へアップロードされますが、ページに紐づかない単独
素材の公開・非公開については「素材公開管理」を使用して行うことが可能です。
「素材公開管理」で素材を公開していない素材を非公開にする場合、一度「素材公開管理」から素材を公開した上で、非公開設定を行う必要があります。
素材の公開および非公開方法については「11-2-1. 素材の公開方法」「11-2-2. 素材の非公開方法」をご覧ください。

11-2-1. 素材の公開方法
1.

公開を行う画像を CMS へアップロードします。管理メニューから①「画像・素材」を選択します。

１

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 84
Private and Confidential2.

「画像・素材」画面でアップロード先のディレクトリを選択し、ドラッグ＆ドロップで画像をアップロードします。

3.

画像がアップロードされたらウィンドウを閉じます。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 85
Private and Confidential

4.

管理メニューの②「素材公開・テンプレート」から「素材公開」を選択します。

２

5.

「素材公開・テンプレート管理」画面でアップロードする素材の種類に応じて③項目名を選択し④「素材公開管理」ボタ
ンをクリックします。

３４

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 86
Private and Confidential

6.

「素材公開管理」画面が表示されますので、⑤「本番公開予約」ボタンをクリックします。

５

7.

Web Meister で複数のサイトが管理されている場合は、「素材公開 新規予約（ホスト選択）」画面が表示されますので、公開先のホストを選択して⑥「OK」をクリックします。

６ xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 87
Private and Confidential

8.

アップロードするファイルを選択します。⑦「ファイル選択」ボタンをクリックします。

７

9.

アップロードしたい画像にチェックを入れ⑧「選択」ボタンをクリックします。
※公開する画像は複数選択することが可能です。

８

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 88
Private and Confidential

10. 選択した画像が一覧に表示されたら、⑨「公開予約」ボタンをクリックします。

９

11. 「公開予約」画面が表示されますので、⑩「タスク名」⑪「公開日時」を設定して⑫「公開予約」ボタンをクリックします。
※「タスク名」と「公開日時」は必須項目となりますので必ず入力してください。

10
11

12

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 89
Private and Confidential12. 公開予約の設定が一覧に表示されれば設定は完了です。設定した日時に公開処理が行われます。
※設定した日時を過ぎると一覧からは自動的に消去されます。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 90
Private and Confidential

11-2-2. 素材の非公開方法
公開した素材の非公開方法について説明します。
※非公開設定が可能なのは素材公開管理から公開を行った素材のみとなります。ご注意ください。

1.

管理メニューの①「素材公開・テンプレート」から「素材公開」を選択します。

１

2.

「画像・素材」画面で、非公開にする素材の種類に応じて②項目名を選択し③「素材公開管理」ボタンをクリックしま
す。

２

３

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 91
Private and Confidential

3.

「素材公開管理」画面が表示されますので、④「本番非公開予約」ボタンをクリックします。

４4.

「本番非公開予約」画面から、非公開にしたい素材にチェックを入れて⑤「OK」をクリックします。

５ xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 92
Private and Confidential5.

「素材非公開 新規予約（非公開日指定）」画面が表示されますので、⑥「タスク名」⑦「非公開日時」を設定して⑧「非公開予約」ボタンをクリックします。
※「タスク名」と「非公開日時」は必須項目となりますので必ず入力してください。

６
７

８

6.

非公開予約の設定が一覧に表示されれば設定は完了です。設定した日時に非公開処理が行われます。
※設定した日時を過ぎると一覧からは自動的に消去されます。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 93
Private and Confidential12. お知らせ設定
Web Meister ログイン画面にお知らせを表示することができます。

お知らせ表示例

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 94
Private and Confidential

12-1. お知らせを設定する
1.

D エリアの管理メニューから①「お知らせ設定」をクリックします。

１

2.

お知らせ設定画面が表示されたら②「新規追加」ボタンをクリックします。

２

3.

お知らせの「タイトル」と「メッセージ」欄にテキストを入力し③「保存」ボタンをクリックします。
※日・英語版の「タイトル」は入力必須項目となります。
※ユーザーの言語設定が「英語」の場合は英語版のメッセージが表示されます。

３

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 95
Private and Confidential

4.

④「閉じる」ボタンをクリックして設定を完了します。

３

5.

Web Meister からログアウトし、ログイン画面でメッセージが表示されていることを確認してください。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 96
Private and Confidential

12-1-1. お知らせの複数登録についてお知らせは複数登録することが可能です。並び順は直近で編集されたものが一番上に表示されます。

複数のメッセージ表示例 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 97
Private and Confidential

13. コーザリティを使用した更新方法（Web インテグレータ権限のみ）
ローカルメニューや、ピックアップエリアなどのカテゴリー共通のセルに変更があったとき、ディレクトリ配下全てのページに
公開処理（パブリッシュ）を設定することができます。この処理を「コーザリティの設定」といいます。
※この作業は Web インテグレータ権限（上位管理者権限）を付与されているユーザーのみ可能です。

13-1. ローカルメニューの更新についてページの削除や非公開によって関連する全てのページのローカルメニューを更新する必要がある場合、「コーザリティの設定」をおこなうことで、ディレクトリ配下全てのページに公開処理を設定することができます。

13-1-1. コーザリティを設定する
1.

①「ディレクトリ編集」をクリック、または D エリアの編集プルダウンメニューから「ディレクトリ編集」を選択します。
次に、A エリアで配下を公開させたいディレクトリを選択、②右クリックメニューから「プロパティ」を選択します。

１
１

２

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 98
Private and Confidential

2.

ディレクトリのプロパティ画面で ③「コーザリティ設定」、「最下層」、「メニュー非表示」にチェックを入れ、④「OK」をクリッ
クします。

３

４

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 99
Private and Confidential

13-1-2. index.html ファイルを公開にする
ディレクトリの[index.html]ファイルを公開することで、配下の公開中ステータスのページが全て公開（パブリッシュ）されます。
※ただし、公開状況が「編集中/公開中」のページは、共通セル以外は公開されません。

1.

コーザリティを設定したディレクトリの[index.html]を選択し、①右クリックメニューのファイル編集から「ファイル名・拡張子」を選択します。

１

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 100
Private and Confidential2.

ファイルを公開するために、公開状況を「」に変更します。

ファイル編集画面で ②「保存」をクリックします。

２

3.

公開状況が「」になったら[index.html]を公開します。

ファイルを選択し、右クリックメニューから③「編集中のページを公開する」を選択します。

３

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 101
Private and Confidential

4.

「公開期間・承認設定」画面で④「即時公開」ボタンをクリックします。画面が自動的に閉じ、該当ディレクトリ配下のページの公開が開始されます。
画面右上の「管理」メニュー「公開ログの表示」にて順次ページが公開されていることを確認したら、「13-1-1. コーザリ
ティを設定する」記載のディレクトリのプロパティ画面でコーザリティのチェックを外し、「OK」をクリックします。
※公開設定後、必ずコーザリティのチェックを外してください。（チェックが付いたままの場合、ディレクトリ以下の任意のページを公開した際に、毎回コーザリティの処理が発生することになります）

４

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 102
Private and Confidential

13-2. サイトの全ページを公開する
1.

サイトの全ページの公開を行う場合は①「NULL」フォルダ（言語展開をしている場合は「en」等）に対してコーザリティの設定を行います。
コーザリティの設定は「13-1-1. コーザリティを設定する」をご覧ください。

１

2.

サイトトップページ[index.html]を公開することで全ページが公開（パブリッシュ）されます。
※ただし、公開状況が「編集中」または「編集中/公開中」のページは、共通セル以外は公開されません。
公開の手順については「13-1-2. index.html ファイルを公開にする」をご覧ください。
ページの公開はサイトの最下層のページから順次行われ、最後にサイトトップページが公開され完了となります。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 103
Private and Confidential14. 文字実体参照を用いた記述について
14-1. 「&」「<」「>」の記述について
Web Meister のセルの編集画面において、本文の「XHTML モード」では、「&」「<」 「>」の半角文字は仕様により入力することはできません。

14-1-1. 見出し欄への入力について
見出し欄への「&」 「<」 「>」の実体参照および半角文字の入力は非推奨となります。記述を行う場合は、全角文字での記述、
または本文入力欄にて見出しの入力を行ってください。
本文への入力については「14-1-2. テキストモードからの入力について」「14-1-3. xhtml モードからの入力について」をご覧ください。

14-1-2. テキストモードからの入力について
テキストモードからは、直接「&」を入力することが可能です。
また、保存後は自動的に実体参照へ置き換えられます。
※「<」 「>」を記号として表示したい場合は、XHTML モードで「&amp;lt;」「&amp;gt;」として記述してください。

1.

テキストモードでの入力例

2.

保存後、変換されたソース（XHTML モードにて確認）

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 104
Private and Confidential

14-1-3. xhtml モードからの入力について
本文の「XHTML モード」では、「&」「<」 「>」の半角文字は下記のように実体参照を用いて記述してください。
& → &amp;< → &lt;> → &gt;

14-1-3-1. xhtml モードからの入力についての補足
JavaScript などのコード内で「&」 「<」 「>」を使用する場合も、XHTML モードから実態参照で記述する必要があります。また、コンテンツ（文章）として記述された実態参照とはブラウザ表示と出力ソースの挙動が異なります。

A.JavaScript（コード内）.「&」と挿入した場合


XHTML モード： &amp;

ブラウザ表示： （表示されない）



出力ソース： &(変換されて表示)

B.コンテンツ（文章内）. 「&」と挿入した場合


XHTML モード： &amp;

ブラウザ表示： & (変換されて表示)

出力ソース： &amp; （実態参照で表示）※コンテンツ（文章内）で「&」の実態参照を記述するとき「&amp;amp;」と記述した場合でも上記「B.」と同様の結果となるため、どちらで挿入しても問題ありません。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 105
Private and Confidential

14-2. 「&quot;」の記述について「&quot;」の実体参照を「XHTML モード」で入力を行った場合は、記号の「”」へ自動変換されます。
また、「テキストモード」で記号の「”」を入力した場合は、そのまま記号で出力されます。



XHTML モードでの入力例

1.

&quot;の入力をおこない、保存してエディターを閉じる

2.

再度エディターを立ち上げると、実体参照が記号へ変換される

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 106
Private and Confidential

14-3. その他の実体参照について
これまでに例を挙げた 4 つの実体参照（「&amp;」 「&lt;」 「&gt;」 「&quot;」）を除いた実体参照につきましては、&#[10 進数];を用いた数値文字参照にて入力いただくか直接記号「©」を XHTML モードで入力してください。
10 進数の番号については、下記 Web サイト（HTML 特殊文字コード表）、または数値文字参照について掲載されている Web
サイトをご参照ください。
http://www.shurey.com/js/labo/character.html



XHTML モードでの入力例

記号または 10 進数の実体参照で入力し保存してください。

保存後、再度エディターを立ち上げると、10 進数で記述した実体参照は自動的に記号へ変換されます。
※入力した記号または変換された記号が実体参照へ変換されることはありません。

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 107
Private and Confidential

テキストモードでの入力例
テキストモードでは直接記号を入力してください xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 108
Private and Confidential

14-4. ファイル名やディレクトリ名における「&」の使用について
Web Meister 上で作成したページの「ウィンドウタイトル」と「メニュータイトル」およびディレクトリの「タイトル名」にて、「&」を使用する場合は「&amp;」にて記述してください。
※記号の「&」がタイトル名の中に含まれていた場合、ディレクトリおよびファイル編集の際にエラーが発生し、編集が行えなくなる場合がありますのでご注意ください。
※「&amp;」で記述したファイル保存後の表記は「&」になりますが、データ上では「&amp;」として登録されています。

ウィンドウタイトル、メニュータイトル記入欄



ディレクトリタイトル名記入欄

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

Page 109
Private and Confidential

15. 改訂履歴
版番号

修正日

修正ページ
13. 実体参照を用いた記述について
13-1-2. XHTML モードからの入力についての補足

Ver.5.01

2016/7/7

Ver.5.02

2016/9/29

Ver.5.03

2016/10/12 11-2. 素材公開管理
1-6. 本製品の特徴

Ver.5.04

2016/12/19 2-1. 動作環境について

修正概要
実態参照を用いて記述する際の注意点を追記しました。
実態参照：XHTML モードからの入力について補足事項を追記しました。
素材公開管理の使用方法について追記しました。
Web Meister システム構成図を修正しました。
動作環境を修正しました。

11-2-1. 素材の公開方法

素材の公開方法を修正しました。

Ver.5.05

2017/5/15

2-2. ユーザー権限について「Web チーフ管理者」の項目を追記しました。
機能欄に「ページ即時公開」「ページ即時非公開」を追記しました。

Ver.5.06

2018/4/2

5-11. ディレクトリの非公開についてディレクトリの非公開方法と注意点を追記しました。

Ver.5.07

2018/4/18

11-1-1. 拡張子の編集

画像・素材の拡張子の編集方法を追記しました。

Ver.5.08

2018/05/01

5-3-1. ローカルメニューの表示についてローカルメニューの表示仕様について追記しました。

Ver.5.09

2020/02/12 4-5. ページ内リンクの設定

Ver.5.10

2020/05/26

 xyz Corporation
Created on May 1, 2015
Modified on May 26, 2020

3-2-5-1. ページの基本情報ページ内リンクの設定方法について追記しました。
ページの基本情報を修正しました。

Page 110
Private and Confidential