7章 ページの作成

5. ページの編集と編集完了

ここではページの編集に伴う各種の操作について説明します。

ページ編集画面に入るには、ページ一覧画面で、目的のページの「操作」欄に表示されている黄色の「編集」ボタンをクリックします。

ページ編集画面でページに変更を加えると、そのページは「編集中」の状態になります。この状態は、編集作業を行っているユーザが、そのページを独占的に編集していることを示す状態です。編集中のページは、編集している本人とシステム管理ユーザ以外は編集できません。

他のユーザが編集中のページには、ページ一覧画面上に「編集」ボタンは表示されません。

下のスナップショットは、ページ編集画面の例です。ページ編集画面に表示される入力フィールドの多くは、テンプレートの要素定義で決まります。ページ編集画面の構成は、そのページを作成するときに指定したテンプレートにより決まることになります。

ページ編集画面に入っても、ページの内容を更新して「保存」ボタンをクリックしなければ「編集中」にはなりません。何も更新しない場合は、上部のメニューボタンで別の画面に移動してください。

ページごとに、公開期間を指定することができます。公開期間は、公開開始指定時刻と、公開終了指定時刻を使って指定します。公開期間が指定されているページは、その期間の間に限り公開されます。 期間の指定は、公開開始指定時刻と公開終了指定時刻の両方で行える以外に、公開開始指定時刻のみ、または公開終了指定時刻のみ、の指定も可能です。 公開開始指定時刻は、左端は閉区間、右端は開区間での指定となります。左端に指定した時刻は、公開期間に含まれますが、右端に指定した時刻は公開期間には含まれません。 下図の例では、 2012/8/1 00:00 にはページが公開されていて、2012/9/10 11:00 にはページの公開が終了している状態を指定しています。

実際のページの公開開始や、公開終了は、コンテンツの再生成及び差分の転送にかかる時間により、指定時刻よりも少し遅い時刻となります。完全に指定時刻での公開開始と終了が保証されるわけではありません。 WebRelease は、ここに時刻が指定されていると、その時刻に FTP を起動してコンテンツの再生成と差分コンテンツの転送を行います。この時、FTP が自動起動され指定時刻に自動でページの公開や公開終了が行われるためには、FTP の設定が AUTO または SCHEDULED になっている必要があります。FTP の設定が MANUAL 又は OFF に指定されている場合には、FTP は自動起動されず、時刻指定どおりのページの公開や公開終了は行われません。

ページ編集画面の入力フォームの上部に、リンク先候補に登録するかどうか設定するラジオボタンがあります。編集中のページが他のページからリンクをはられる可能性のある場合は、そのページをリンク先候補に登録しておきます。

リンク先候補に登録しておくことで、テンプレートやページでリンク要素への入力の時にリンク先を指定するポップアップリストにそのページが表示されるようになります。 あるページのリンク先に指定されたページをリンク先候補からはずしても作成されているリンクが壊されることはありません。また、リンク元ページのリンク先候補一覧のポップアップリストには表示されます。

このエリアには、ページの状態がアイコンで表示されています。

公開中のページについては、この欄には緑色のマークが表示されます。その場合、マークの上にマウスを重ねると、公開中のページに関する詳細情報を表示するポップアップが表示されます。このポップアップには QR コードも表示されます。この QR コードは、公開サーバ上のこのページの URL をエンコードしたものです。この QR コードをスマートフォンなどで撮影し、表示された URL をアクセスすることで、公開中のページをブラウズすることができます。

QR コードは、「サイト設定」の「サイト設定」画面で「プレビュー用の URL を QR コードで表示する」がチェックされている場合にのみ表示されます。

ページの変更を禁止することができます。この設定を行うためにはデザイナー権限が必要です。デザイナー権限を持たないユーザに対しては、このフィールド自体が表示されません。

タイトル

ファイル名

編集

削除

フォルダ移動

編集の禁止を除いて、チェックされている対象については、デザイナー権限を持つユーザでもチェックされている間は変更ができなくなります。変更する場合には、該当するチェックを OFF にして一旦保存ボタンをクリックし、プロテクトを解除してから操作を行ってください。

この欄には、いま編集しているページのリビジョンのプレビュー画面に直接 JumpIn することができる URL が表示されています。この URL には mailto: リンクが設定されていて、クリックすることでメールソフトが起動されます。（使用している PC の設定によっては起動しない場合があります）この URL を他のスタッフにメールで送ることで、このページのプレビューを依頼することができます。

この URL を受け取ったユーザがこの URL にアクセスすると WebRelease のログインパネルが表示されます。ユーザは ID とパスワードでログインするだけで、この URL で示されたページをプレビューすることができます。

ページをプレビューできるためには、ユーザはサイトのスタッフでなければなりません。

この欄には、いま見ているページ編集画面に直接 JumpIn することができる URL が表示されています。この URL には mailto: リンクが設定されていて、クリックすることでメールソフトが起動されます。（使用している PC の設定によっては起動しない場合があります）この URL を他のスタッフにメールで送ることで、このページの編集の続きを依頼したり、修正依頼を行なうなどが手早くできるでしょう。

承認プロセスを使ったコンテンツ作成のコラボレーション以外にも、この、JumpIn URL を使ってのコミュニケーションを上手に使うことで作業の効率が向上するのではないでしょうか。特に、承認プロセスに投入する前段階のコミュニケーションとして活用してみてください。

このチェックボックスを ON に指定しておくと、このページの HTML を生成する時には、他のページやリソースなどへのリンク（参照）は '/' から始まる絶対パスで生成されるようになります。普通はこの欄を ON にする必要はありませんが、php などから include して使うページ部品や、Apache の 404 NotFound などのページを作成する場合にはこの設定を ON にしておくと便利です。

この入力項目は、ページのファイル名のサフィックスが css または js の場合にのみ表示されます。このチェックボックスを ON にしておくと、このページのコンテンツは、公開サーバにアップロードされる前に YUI Compressor を使って圧縮（難読化）されます。プレビューの場合にも同様の処理が行なわれます。特に事情がない限り、このチェックボックスは ON にしておいて良いでしょう。開発途中など難読化が邪魔になる場合には OFF にしてください。

ページはフォルダの階層で管理されています。下図のフォルダ指定のポップアップを使って、ページを他のフォルダへ移動することができます。

移動先のフォルダを選択して、画面右上の「保存」ボタンをクリックするとページを目的のフォルダに移動することができます。

ページのタイトルとファイル名は、ページ編集画面上部にある「ページタイトル」欄と「ファイル名」欄で指定します。

ページタイトル欄でそのページのタイトルを指定することができます。ページのタイトルはページ一覧画面で表示されます。そのページが何であるのかがよくわかるタイトルを付けてください。

「ファイル名」欄は、このページが公開サーバ上で公開されるときに使用するファイル名を指定します。ページを新規に作成した場合、WebRelease は、ページIDの後にピリオドとページの作成に使用したテンプレートで決まるサフィックスを連接したファイル名をデフォルトのファイル名として割り当てます。特にファイル名を変更する必要がなければ、なるべくこのファイル名をそのまま使用してください。このフィアル名はサイト内でユニークでなので、公開サーバ上でのファイル名の衝突を避けることができます。 特にファイル名を指定する必要があれば、ファイル名を指定してください。たとえば、あるカテゴリのランディングポイントとなるページには、 index.html といった名称を付ける必要があるかもしれません。 手作業でファイル名を指定する場合には、ファイル名の衝突に注意してください。

ページが置かれているフォルダのページの順序の設定が「ユーザがページの順序を指定する」に指定されている場合には、ページ編集画面中に下図のフィールドが表示されます。

このフィールドに表示されている設定ボタンをクリックすると、下図のようなページの位置を指定するダイアログが表示されます。

表示されたダイアログ中でページをドラッグしてページの位置を指定してください。ページを目的の位置に移動したらダブルクリックで位置を決定します。ダイアログが閉じます。

もし、ページの位置を変更せずにダイアログを閉じたい場合には、ダイアログパネル右上にある「キャンセル」ボタンをクリックしてください。ダイアログが閉じます。

このダイアログでは、編集中のページしか位置を移動できません。いくつものページの順序をまとめて指定したい場合には、フォルダの「ページ順序」タブで指定する方が便利です。

テンプレートにリンク型の要素があると、ページ編集画面にリンク先を指定する入力フォームが現れます。下図の例は、「関連ページ」という名前が付けられたリンク型の要素がテンプレートに定義されている場合にページ編集画面に表示される入力エリアです。

ページを作った直後には、まだリンク先は指定されていないので「リンク先は指定されていません」と表示されています。

リンク先を指定する時は「リンク先は指定されていません」というテキストの部分をクリックします。クリックすると下図のようなリンク先を選択するダイアログが画面中央に表示されます。

リンク先に指定するページはこのダイアログを使って指定します。

リンク先の選択

リンク先ページの内容の確認

サブディレクトリへの移動

上位のフォルダへの移動

サブフォルダを開く

ダイアログを閉じる

リンク先を指定してダイアログが閉じたら、画面右上の「保存」ボタンをクリックしてください。リンク先が指定された状態の入力画面の表示は下図のようになります。

プレビューアイコンをクリックするとリンク先のページをプレビューすることができます。リンク先を変更する場合には、リンク先ページのタイトル部分をクリックしてください。この場合は「海外支店一覧」の部分をクリックします。ダイアログが表示されますのでリンク先を指定しなおしてください。リンク先をクリアする時は（リンク先が指定されていない状態に戻す時は）ダイアログ右上に表示されている「削除」ボタンをクリックしてください。

テンプレート側の設定で、リンク要素に対して「リンク先候補一覧からリンク先を選ぶ」のオプションが指定されている場合は、リンク要素の入力画面は、下図の例のように、少し違ったものになります。

この設定になっている場合には、リンク先設定ダイアログを使ってリンク先ページを指定することはできません。ポップアップに表示されている、リンク先候補に登録されているページからリンク先を選んでください。

テンプレートに複数行テキストの要素があると、ページ編集画面に複数行テキストの入力フォームが現れます。下図の例は、「本文」という名前の複数行テキスト要素がページ編集画面に入力項目として表示されているところです。

テキストエリアをクリックしてアクティブな状態にしてからテキストを入力したり編集してください。テキストエリアの右側にあるチェックボックスは、入力されたテキストの出力形式を決めるオプションです（テンプレートでの要素の設定内容によっては、このオプションが一部表示されない場合もあります）。各オプションの詳細については「要素のタイプ」ページの「複数行テキスト」の説明を参照してください。

テンプレートにイメージの要素があると、ページ編集画面にイメージの入力フォームが現れます。下図の例は、「製品写真」という名前が付けられたイメージ型の要素がテンプレートに定義されている場合にページ編集画面に表示される入力項目です。

ページ作成直後はイメージがアップロードされていないので「No Image」にという表示になっています。その下にあるボタンをクリックすると画像を指定するための入力エリアが表示されますので、入力する（アップロードする）画像を指定してください。

アップロードする画像を指定して、画面右上の「保存」ボタンをクリックすると、指定した画像がアップロードされます。入力が完了すると、入力パネル部分は、また閉じた状態に戻ります。

画像のサイズや圧縮、回転などを指定する場合には、画像アップロード時同時にパラメタを指定してください。

登録されている画像を差し替える、または、サイズなどの指定を変更する場合には設定ボタンをクリックするか、または、登録されている画像をクリックすると入力パネルが現れますので、そこで再設定をおこないます。

画像の回転

幅指定と高さ指定

圧縮パラメタ

path=....

アップロードしたファイル名を使用する

ページ編集画面の右上の「保存」ボタンをクリックすると、指定されたイメージファイルがアップロードされ、ページ編集画面に表示されます。

イメージを削除する場合は、イメージデータの下にある消去ボタンをクリックしてください。

テンプレートに添付ファイルの要素があると、ページ編集画面に添付ファイルの入力フォームが現れます。添付ファイルのアップロード方法は、イメージのアップロードとほぼ同じです。

下図の例は、「ダウンロード資料」という名前が付けられた添付ファイル型の要素がテンプレートに定義されている場合にページ編集画面に表示される入力項目です。

ページ作成直後は添付ファイルがないので「添付ファイルは設定されていません」と表示されています。その下にあるボタンをクリックすると添付ファイルを指定するための入力エリアが表示されますので、入力する（アップロードする）添付ファイルを指定してください。

アップロードする添付ファイルを指定して、画面右上の「保存」ボタンをクリックすると、指定したファイルがアップロードされます。ファイルのアップロードが完了すると、入力パネル部分は、また閉じた状態に戻ります。

入力フィールドの右端にある「アップロードしたファイル名を使用」のチェックボックスをオンにしておくと、アップロードしたファイル名が公開サーバ上でのファイル名として使用されるようになります。このチェックボックスを使用する場合には、公開サーバ上でのファイル名が他の添付ファイルなどと衝突しないように注意してください。

データの横にあるアイコンをクリックすると、添付ファイルをダウンロードできます。 添付ファイルを削除する場合は、データの横にある消去ボタンをクリックしてください。

要素のタイプが XML リーダの場合、その要素に対して、ページ編集画面からは、下記のふたつのデータを指定してください。

URL

インターバル

テンプレートで要素に繰り返しが可能であるように定義されている要素の場合、要素名の左側に表示されている ボタンをクリックした時に表示されるメニューに「入力欄を挿入」と「入力欄を追加」のふたつの項目が表示されます。メニューでこれらの項目を選ぶことで、要素の挿入と追加を行うことができます。

繰り返し項目の順序を入れ替えたい場合、要素名の左側に表示されている ボタンをクリックした時に表示されるメニューに「入力欄を上に移動」という項目が表示されます。メニューでこの項目を選ぶと、要素は、そのひとつ上の要素と位置が入れ替わります。

繰り返し項目を削除する場合は、メニューから「入力欄を削除」を選びます。繰り返し項目を削除すると入力してあったデータは失われます。

どのタイプの要素でも、その入力エリアを開いて表示したり、または、閉じて表示したりすることができます。入力フィールドの開閉の機能が利用できるためには、テンプレート側でその要素に対して「入力エリアを閉じて表示することができる」のオプションが ON になっている必要があります。開閉できる設定になっている入力エリアには ボタンをクリックした時表示されるメニューに「入力欄を開閉」というメニュー項目が表示されます。メニュー上でこの項目を選択すると、入力欄を閉じたり開いたりすることができます。

入力欄を閉じると、表示は下記のようになります。

ページ編集画面上部にある URL アイコンをクリックすると、そのページに対応する公開サーバのファイルが参照できます。ページが未公開の場合は参照できません。

ページ編集画面上部のテンプレートアイコンをクリックすると、現在編集中のページが使用しているテンプレートの編集画面に移動できます。 デザイナー権限がないと移動できません。

ページを削除します。ページを構成する全リビジョンも削除されます。特定のリビジョンのみ削除したい場合には「リビジョン一覧画面」に表示されている赤色の「削除」ボタンでリビジョンを削除してください。

現在編集中のページ（リビジョン）を公開します。 過去に公開していて、既に公開終了になっているリビジョンを、リビジョン一覧画面で選択して編集画面を表示した状態でそこに表示されている「公開」ボタンをクリックすると、過去のリビジョンを再公開することができます。この方法を使って、過去のリビジョンをすぐに再公開することができます。

ページ編集画面の右上の「コピー」ボタンをクリックすると、現在編集中のページの内容がコピーされて、新しいページが作成されます。コピーされたページのタイトルは、末尾に「...のコピー」が追加されます。

ページ編集画面の右上にある「新規ページ」をクリックすると、現在編集中のページと同じテンプレートから新しいページを作成します。

現在編集中のリビジョンをコピーして新たなリビジョンを作成し、新しいリビジョンの編集を開始します。

ページを編集完了の状態にします。編集中のページは、そのページを編集していたユーザだけが編集を行えるようにロックされた状態になっていますが、編集完了状態にすることでロックを解除し、他のユーザがページの編集や公開ができるようになります。

画面右上の「保存」ボタンをクリックして編集結果を保存します。

ページ編集画面で CTRL-S または CMD-S キーを押すと「保存ボタン」をクリックした場合と同様に編集結果を保存することができます。OS X 系のマシンの場合は CMD-S キーで、また、Windows 系マシンの場合には CTRL-S で機能します。ブラウザによっては、動作しない場合があります。また、アイビームカーソルがあるフィールドによっては、動作しない場合があります。ショートカットが使用できない場合には「保存ボタン」で編集結果を保存してください。

ページの編集作業を行っている間は、そのページは「編集中」の状態が維持されています。この状態は、編集作業を行っているユーザが独占的にページを占有している状態で、システム管理ユーザを除く他のユーザはそのページを編集したり公開したりすることができません。 ページの編集作業がひととおり終わったら、ページの状態を「編集完了」にすることで他のユーザがページを編集することができるようになります。

ページを「編集完了」状態にするには、ページ編集画面右上にある「編集完了」ボタンをクリックします。

または、ページ一覧画面の「操作」欄に表示される青色の「編集完了」ボタンをクリックします。

上図の例では、ページ「新製品紹介セミナーを開催します」が「編集中」になっています。「操作」欄に表示されている青色の「編集完了ボタン」をクリックすると、ページは「編集完了」となります。 下図は、ページ「新製品紹介セミナーを開催します」が「編集完了」となった状態を示しています。「編集完了」のページは「状態」欄に青色のマークが表示されます。

ページを「編集完了」状態にする方法はもうひとつあります。それは、ページ編集画面の右上にある「編集完了」ボタンをクリックする方法です。ページ一覧画面の「編集完了」ボタンと同様にページを「編集完了」状態にすることができます。