3-2. 基本編集画面について

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

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

3-2-1. (A) ディレクトリ管理エリア

『Web Meister』上で管理されているWebサイトのディレクトリを表示します。フォルダ横の「」マークをクリックすると、「」マークになりフォルダが展開、下層ディレクトリが表示されます。編集するフォルダをクリックすると、(B)ファイル管理エリアにファイルおよび、ディレクトリが表示されます。

ディレクトリ表示	Webサイトのディレクトリを表示。Topページは、ルートディレクトリ内に存在する。

3-2-2. (B) ファイル管理エリア

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

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

3-2-3. (B) 右クリックメニュー

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

右クリックメニュー

3-2-3-1. ページ構造編集

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

3-2-3-2. プロパティ

「プロパティ」を選択すると、「プロパティ」画面が別ウィンドウで表示されます。

ファイル名	ページのファイル名を入力する。
タイトル	ウィンドウのタイトルバーに表示するタイトル名を入力する。
タイトル（簡略）	パンくずナビやローカルメニューに表示するタイトル名を入力する。
meta keywords	メタ情報としてキーワードを記入する。キーワード間は、カンマ , で区切る
meta description	メタ情報としてディスクリプションを記入する
日付表示	NEWS記事の発信日の設定
期間表示	イベントなどのNEWS記事の期間を表示（別途初期設定必要※）
備考	データ入力用のエリアとして使用する場合があります。通常は使用しません。 ※備考欄の仕様はサイトによって異なりますのでご注意ください
メニュー表示	ローカルメニューに表示する／表示しないを選択する。
サムネイル画像	ページに関連した画像を設定する（画像表示は別途初期設定必要※）
ニュース	ページがニュース記事の場合は「はい」を選択する。
プロパティ	データ入力用のエリアとして使用する場合があります。通常は使用しません。 ※プロパティ欄の仕様はサイトによって異なりますのでご注意ください

NEWS用プロパティ

News表示先	NEWSディレクトリ以下であれば、表示先を複数設定できる。（NEWSディレクトリ）

※NEWSディレクトリの仕様については「4-2. Newsページの作成」をご覧ください。
※初期設定が必要な箇所に関して要件定義のうえ、別途開発が必要となります。

3-2-3-3. コピー／貼付け

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

3-2-3-4. ミラーコピー／ミラーコピー貼付け

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

3-2-3-5. ミラーコピー解除

関連づけされているファイルとの共有を解除します。ページのコピーと同じ状態になります。

3-2-3-6. 削除

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

3-2-3-7. プレビュー

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

3-2-3-8. 公開・承認設定

ページのバージョンごとに、公開期間の設定が行えます。公開期間の設定については「6.公開期間を設定する」をご覧ください。

3-2-3-9. 公開・承認管理

ページの公開および承認状況を確認することができます。

3-2-3-10. 公開ページリスト

関連づけされているページを参照することができます。

3-2-3-10-1. バージョン管理

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

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

V1（編集中）。
V1を公開。最新バージョンはV1のまま（公開中）。
編集作業を行う。V2が作成される。V2は編集中。
V2を公開。最新バージョンはV2のまま（公開中）。
編集作業を行う→V3が作成される

3-2-4. 「コンテンツ編集」について

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

プルダウンメニュー	編集したページの履歴を5件までプルダウンで表示、履歴を選択すると表示する。
矢印ボタン	リンク、履歴に対して、←戻る、進む→　の操作が可能。
プロパティアイコン	ファイル編集画面を別画面で表示する。
プレビューアイコン	ブラウザ上にテストプレビューが別画面で表示される。
カレンダーアイコン	公開期間設定画面を別画面で表示する。
ページ編集アイコン	フォーム形式の入力画面を表示する。パラメータの設定、セルの追加、移動、削除を行うことができる。 ※再度クリックすることによりWYSIWYGの編集画面を表示する（上記画面の状態）。詳しくは「3-2-5-2. ページの編集（コンテナ単位）について」をご覧ください。
Edit	編集対象セルのEditボタンをクリックするとページの編集画面が別画面で表示される

3-2-4-1. ページの編集（セル単位）画面について

コンテンツ編集画面で、編集対象箇所（セル）の[Edit]ボタンをクリックすると、ページ編集画面（セル単位）が別画面で表示されます。テキストモード、HTMLモードで、見出しや本文の編集や画像とテキストのレイアウトパターンを選択することが可能です。

3-2-4-1-1. ページの編集（セル単位）

プロパティ：値
名前	セルの名称を表示
Class	セル内の要素を囲むタグに対して指定したclassを付与することが可能。
タグ名	セル内の要素を囲むタグを指定することが可能。classやidを設定する場合、入力は必須です。
id	セル内の要素を囲むタグに対して指定したidを付与することが可能。 ※idはページ内での重複使用は不可
管理者のみ編集可	制作管理者以上のユーザー権限：セル単位でページ編集画面の表示・非表示の設定が可能。
HTMLモードのみ編集可	制作管理者以上のユーザー権限：HTML編集モードのみに制限する。
見出し	見出しテキストの記入、入力欄横の「見出し属性」をクリックすると見出しのレベルなどの属性設定が可能。
本文	本文テキストの記入。初期設定ではテキスト編集エディターで編集をおこなう「テキスト」が選択されている。HTMLを直接入力して編集する場合は、「HTML」を選択する。
画像：ファイル	選択されている画像のパスを表示する。
画像選択	画像と本文のレイアウトパターンを選択する画面を表示する。
リセット	選択されている画像を削除する。
画像：代替文字(ALT)	画像の代替文字(ALT)を記入する。
画像：キャプション	画像のキャプションを記入する。
画像：リンクURL	画像にリンクを設定する場合、URLを記入、または参照ボタンでサイト内のページを指定する。
プロパティ：キー	データ入力用のエリアとして使用する場合があります。通常は使用しません。 ※プロパティ欄の仕様はサイトによって異なりますのでご注意ください
削除（プロパティの削除）
追加（プロパティの追加）
プレビュー	ブラウザ上にテストプレビューが別画面で表示される。
保存	編集内容を保存する。
閉じる	画面を閉じる（保存ボタンがクリックされてない場合編集内容は保存されない）。

3-2-4-2. テキスト編集エディター

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

3-2-4-2-1. テキスト編集エディター

	新しいドキュメント	入力済みの内容を全て削除
	書式の削除	エディター上で設定した書式の削除
	貼り付け	コピー元のデータから書式などを含め貼り付け
	テキスト形式で貼り付け	コピー元のデータから書式などを除き文字列だけを貼り付け
	元に戻す	直前に操作した内容に戻す
	やり直す	戻した操作をもう一回実行する
	検索と置換	エディター内の文字列を検索またはエディター内の文字列を検索し置換する
	リンクの挿入/編集	テキストまたは画像を選択して「リンクの挿入/編集」ボタンをクリックするとリンク挿入画面を別画面で表示する
	リンクの解除	テキストまたは画像を選択して「リンクの解除」ボタンをクリックすると設定されていたリンクが解除される
	画像の挿入/編集	画像を配置したい場所にカーソルを表示して「画像の挿入/編集」ボタンをクリックすると画像挿入画面を別画面で表示する
	表の挿入	表を配置したい場所にカーソルを表示して「表の挿入」ボタンをクリックすると、表の挿入画面を別画面で表示する
	枠囲みを挿入	罫囲みを挿入したいテキストを選択し、「枠囲み」ボタンをクリックすると、罫囲み挿入画面を別画面で表示する
	水平線を挿入	内容的な区切り線として使用
	左揃え	テキストを左揃えにする
	中央揃え	テキストを中央揃えにする
	右揃え	テキストを右揃えにする
	字下げを減らす	行の先頭の字下げを減らす
	字下げを増やす	行の先頭を字下げする
	本文	テキストを選択し見出しを設定
	フォントサイズ	テキストのフォントサイズを変更する
	太字	テキストを太字にする ※strong を設定
	斜体	テキストを太字にする ※em を設定
	下線	テキストに下線を入れる
	取り消し線	テキストに取り消し線を入れる
	文字色	テキストの文字色を変更する
	記号付き箇条書き	行の先頭に箇条書き記号（●）を設定する
	番号付き箇条書き	行の先頭に箇条書き番号（算用数字）を設定する
	ソースコード	別ウィンドウでソースコードを表示する

3-2-4-3. HTML編集エディター

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

正しいHTML書式でない場合に表示されるエラーアラート画面

3-2-5. 「ページ構造編集」について

ページ構造編集は、コンテナ（container）やセル(cell)の追加、削除など、より詳細なページ編集を行うことができます。新規ページを作成する場合や詳細なコンテンツ変更を行うことに向いています。

プルダウンメニュー	編集したページの履歴を5件までプルダウンで表示、履歴を選択すると表示する。
矢印ボタン	リンク、履歴に対して、←戻る、進む→　の操作が可能。
プロパティアイコン	ファイル編集画面を別画面で表示する。
プレビューアイコン	ブラウザ上にテストプレビューが別画面で表示される。
カレンダーアイコン	公開期間設定画面を別画面で表示する。
ページ編集アイコン	フォーム形式の入力画面を表示する。パラメータの設定、セルの追加、移動、削除を行うことができる。 ※再度クリックすることによりWYSIWYGの編集画面を表示する（上記画面の状態）。詳しくは「3.2.5.2. ページの編集（コンテナ単位）について」をご覧ください。

3-2-5-1. ページ構造編集画面の基本構造

ページ構造編集画面は、ページ全体をツリー構造で表示します。
ページはセルを内包する「コンテナ」と「セル」で構成されており、それぞれ追加・削除・移動を行えることがコンテンツ編集のページ編集と異なる点です。

3-2-5-2. コンテナの設定

コンテナを選択し、右クリックメニューからコンテナの追加、削除や編集などを行うことができます。

セルの追加	コンテナ以下に新規セルを追加
参照をペースト	「参照としてコピー」したセルを選択したコンテナ以下に貼りつけ
セルペースト	「セルコピー」したセルを選択したコンテナ以下に貼りつけ
コンテナ追加	コンテナ以下に新規コンテナを追加
コンテナ削除	コンテナを削除する（コンテナ内にセルが存在する場合は削除することができません）
コンテナ編集	コンテナの編集画面が別画面で表示される

3-2-5-3. セルの設定

セルを選択し、右クリックメニューからセルの追加、削除や編集などを行うことができます。

編集	セルの編集画面が別画面で表示される
参照としてコピー	参照セルとしてコピー ※参照としてコピーされたセルは貼りつけ先のセルと情報が共有されます
セルコピー	セルをコピー　※設定や入力内容も含めコピーされます
セル追加	選択したセルの下に新規セルを追加
セル削除	セルを削除
セルの参照を外す	参照セルとの共有を解除
セルの参照先の変更	セルの参照先を変更します ※事前に貼り替え先のセルを「参照としてコピー」しておく必要があります
参照しているページリスト	参照しているセルを持つページが一覧で表示されます

3-2-6. 基本メニューについて

ID・パスワードを入力してログインすると、画面右上に「編集」と「管理」プルダウンメニュー、レイアウト切り替えボタンが表示されます。

メニューはユーザーに与えられた権限によって異なり、使用できない項目はグレーアウトされ、選択できないようになります。

3-2-6-1. 「編集」プルダウンメニュー

新規ページ作成	ページの新規作成を行うことができる。すべてのユーザー権限で選択可能。
新規リンク作成	リンクページの新規作成を行うことができる。すべてのユーザー権限で選択することが可能。
新規テンプレート作成	ページのテンプレートを作成することができる。インテグレーター権限で選択することが可能。
フォルダ編集	フォルダの公開対象の設定が「いいえ」になっているフォルダを表示する
ヘルプ	本ガイド「Web Meister G　製品マニュアル」が別画面で表示される。

3-2-6-2. 「管理」プルダウンメニュー

検索	編集対象のページを検索することができる。検索条件画面が別画面で表示。
素材一括公開	『Web Meister』上で取り扱う画像素材やファイル素材ファイルの一括公開を行うことができる。
公開ログ	Webサーバーに公開されたページのログを閲覧することができる。日付、期間でソートすることが可能。
ユーザー	ユーザーの新規作成や管理を行える。編集者以外のユーザー権限で選択することが可能。
グループ	グループの新規作成や管理、制作範囲の設定を行える。編集者以外のユーザー権限で選択することが可能。
ワークフロー	ワークフローの新規設定、編集を行うことができる。編集者以外のユーザー権限で選択することが可能。
お知らせ設定	ログイン画面にお知らせを表示することができる。
形式一覧	コンテナの編集画面に表示される形式の内容を設定することができる。インテグレーター権限で選択することが可能。
環境設定	使用できる拡張子の設定、パスワード有効期限の設定、非公開ワークフローの設定、必須項目の設定、することができる。インテグレーター権限で選択することが可能。

3-2-6-3. レイアウト切り替えボタン

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

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

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

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