注意：
Adobe Muse は、新しい機能が追加されなくなり、2020 年 3 月 26 日にサポートが中止される予定です。詳細な情報と支援については、Adobe Muse のサービス終了ページを参照してください。
サイト所有者のために Web サイトをデザインする場合、まず要望されることに、サイト所有者自身がサイトコンテンツを更新できるシステムの設定があります。デザイナーにとっても、自分のワークステーションから離れているときにサイトの修正が必要になれば、その場で変更できて大変便利です。
Muse には、In-Browser Editing と呼ばれる機能が搭載され、これにより、サイト所有者とデザイナーのチームメンバーが Business Catalyst の管理インターフェイスを使用してテキストコンテンツや画像コンテンツを変更できるようになりましした。ブラウザー内編集を行うユーザーが Adobe Muse をインストールする必要はありません。
ブラウザー内編集も簡単に使用できます。編集をブラウザー上で行うので、Web デザインの経験がまったくないユーザーでも変更が可能です。必要なものは、編集アクセス権だけです。
この記事では、招待されたサイトユーザーが Adobe Muse サイトを更新できるように、Adobe Muse サイトを設定してブラウザー内編集を有効にする方法を学びます。In-Browser Editing インターフェイスの使用手順の概略がわかりますので、他のユーザーの学習を補助するときにも役立ちます。最後に、In-Browser Editing インターフェイスを使用してライブサイトに変更を適用した後に、.muse ファイルをこの最新バージョンと同期する方法を説明します。
| コンテンツ | 編集可能？ | リンク先を表示 |
|---|---|---|
| 横書き文字 | はい | いいえ |
| 画像フレーム | はい | はい |
| 縦書き文字 | いいえ | いいえ |
| 画像 - 背景の塗り（長方形、画像フレーム、ウィジェット） | いいえ | いいえ |
| スライドショーのカウンター | いいえ | いいえ |
| フォーム送信ボタン | いいえ | いいえ |
| 動的メニューラベル（「手動」に設定されていないメニューウィジェット） | いいえ | いいえ |
| ラスタライズされるページアイテム（角丸、べベル付きエッジ、光彩（内側）、または回転が適用された、システムフォントを使用したテキストフレーム、および効果を適用済みの回転されたテキストフレーム）。 | いいえ | いいえ |
| ハイパーリンクされたテキスト | はい | はい |
| テキストラベル - アコーディオンウィジェット | はい | はい |
| テキストラベル - タブ付きパネルウィジェット | はい | はい |
| テキストラベル - 手動メニューウィジェット | はい | はい |
ボタン - スライドショーウィジェット
|
はい | はい |
| ボタン - コンポジションウィジェット | はい | はい |
スライドショーのサムネール画像 |
はい | はい |
| コンポジションのウィジェットの「トリガー」領域内にあるテキストと画像のフレーム | はい | はい |
ブラウザー内編集機能の設定プロセスは 2 段階です。まず、サイトプロパティで In-Browser Editing の設定を有効にして、サイトをアドビがホストするサーバーにパブリッシュします。次に、新規ユーザーをサイトに招待すると、そのユーザーが任意のブラウザーを使用して変更できるようになります。
先に述べたように、背景画像は In-Browser Editing では編集できません。非常に重要なのでサイト所有者が変更できないようにする画像がサイトに含まれている場合は、それらの画像が背景画像として追加されていることを確認した後に、In-Browser Editing を有効にして、編集アクセス権を付与してください。
注意：
In-Browser Editing を使用するには、トライアル Web サイトまたはライブ Web サイトが Adobe Business Catalyst ホスティングサーバー上でホスティングされている必要があります。
サイトに変更を加えるときは、ブラウザーウィンドウ内で作業していることを忘れないでください。現在のページから移動するか、ブラウザーウィンドウを閉じる前に、行った変更をパブリッシュすることが重要です。ただし、考えが変わって、変更を破棄する場合は別です。
以下の手順に従って、サイト上のテキストコンテンツを編集します。
In-Browser Editing を使用すると、サイト上の画像の一部を編集できますが、前面の画像として挿入されている場合に限ります。サイト上の画像が背景画像に設定されていると、編集できません。変更したい画像が編集できない場合は、サイトのデザイン担当者に連絡します。
-
画像を置換する場合、選択した画像の縦横比が元の画像の縦横比と異なっていると、合うようにクリッピングされます。そのため、既存の画像は、寸法が同じか、幅と高さの比が同じでサイズがより大きい画像とのみ置換することをお勧めします。
特定の画像の定期的な置換を計画しているのであれば、サイトの元々の作成者に、サイズは同じで違う種類の画像を複数アップロードするように依頼してください。そうすることで、サイトに既にある画像を選択できます。例えば、Web デザイナーに春夏秋冬用の同じサイズの 4 枚の画像をアップロードしてもらうなどが考えられます。時間がたてば、「サイトより」オプションを選択して、そのときの季節を反映する画像に入れ替えます。
ページ上のテキストフレーム内にペーストされている画像でも編集できます。
- テキストフレームを選択します。次に、テキストフレーム内の画像を選択します。
選択した画像の横に「画像を編集」ボタンが表示されます。
- 「画像を編集」をクリックします。既存のアセットのいずれかを選択するか、「写真をアップロード」をクリックして、コンピューターから新しい画像をアップロードします。
- すべての変更が完了したら、「パブリッシュ」をクリックして、変更をライブにします。
サイト上のコンテンツの一部が、サイトのデザイン時にマスターページに追加されていることがあります。マスターページに追加されたエレメントは、そのマスターページにリンクされている他のサイトページのすべてに表示されます。これは、あるページでエレメントを更新すると、そのコンテンツの他のインスタンスもすべて更新されるということです。
共有されているエレメントを編集のために選択すると、そのアイテムは共有画像編集ウィンドウに表示されます。
このウィンドウが表示された場合は、変更すると Web サイトの他のページも自動的に更新されることになりますので、ご注意ください。注意して先に進む、つまり「キャンセル」をクリックするのが最善です。新しいブラウザーウィンドウでライブサイトを閲覧し、各ページをレビューして、エレメントが表示されている場所を確認します。エレメントのすべての繰り返し部分を変更してよいことを確認したら、In-Browser Editing インターフェイスに戻って更新します。
ハイパーリンクの編集については、「ハイパーリンクの編集」を参照してください。
ご自身のアカウントに初めてログインすると、サイトのホームページの編集可能なバージョンが表示されます。ホームページの変更が完了したら、サイト内の他のリンクされているページも閲覧して編集できます。
- リンクがテキストフレーム外に表示されている場合も、そのままクリックするとサイト内のリンクされているページにジャンプします。外部リンク（現在の Web サイト内にはない Web ページ）は、編集インターフェイスには読み込まれません。In-Browser Editing では、他の Web サイトのページを編集できないからです。
- リンクがテキストフレーム内に表示されている場合は、そのリンクにカーソルを合わせるとボタンが表示されます。ボタンをクリックして、リンクされている Web ページにジャンプします。例えば、ホームボタンをクリックして、サイトのホームページに移動します。
- リンクがテキストフレーム全体に適用されている場合は、フレーム全体をクリックして、リンクまたはアンカータグを含んでいるボタンを表示します。
ブラウザー内編集では、レスポンシブレイアウトをサポートしています。つまり、各ブレークポイントでの変更と外観を直接プレビューできます。一方、サイトに代替レイアウトを使用している場合は、ドロップダウンを使用して各デバイスの変更をプレビューできます。
変更をプレビューするには：
In-Browser Editing が行われると、ローカル .muse ファイルに含まれるコンテンツがライブサイトと同じではなくなります。このセクションでは、In-Browser Editing で行われた変更を承認または拒否し、.muse ファイルを更新して現行のサイトデザインに一致させる方法を学びます。
ご自分が .muse ファイルを変更しているときに、他のユーザーもライブサイトを変更する可能性があるので、変更を同期して最新バージョンをパブリッシュしたら、サイトのコピーを保存することをお勧めします。
サイトのパブリッシュ直後に、ファイル／名前を付けて保存を選択して、.muse ファイルのコピーを保存します。必要に応じて、新規コピーを作成するときにファイル名に現在の日付を含めます。こうしておくと、特定の日にパブリッシュされた .muse ファイルを容易に見つけられます。
例えば、.muse ファイルの最新の実コピーを格納するフォルダーと、サイトデザインのパブリッシュ済みの繰り返し部分が含まれる他のアーカイブバージョンを複数作るなどです。フォルダーのリスト例は以下のようになります。
my-site.muse
my-site_2013-1-4.muse
my-site_2013-2-23.muse
my-site_2013-4-7.muse
こうすることで、容易に前のサイトデザインに戻せることに加えて、In-Browser Editing を使用して Web サイトの何が変更されたのかを Muse が正確に判別できます。サイトのバックアップバージョンを保存しておくと、現在の .muse ファイルとライブ Web サイトが同期を保っているかどうかも容易に確認できます。
Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。