ユニバーサルエディターへのアクセスと操作 navigating
ユニバーサルエディターへのアクセスと操作の基本について説明します。
はじめに introduction
ユニバーサルエディターを使用すると、あらゆる実装、あらゆるコンテンツ、あらゆる側面を編集できるため、優れたエクスペリエンスを提供し、コンテンツベロシティを向上させ、最新のデベロッパーエクスペリエンスを提供できます。
これを行うために、ユニバーサルエディターはコンテンツ作成者に、最小限のトレーニングで簡単にコンテンツの編集を開始できる直感的な UI を提供します。このドキュメントでは、ユニバーサルエディターの操作方法について説明します。
- ユニバーサルエディターを使用したオーサリングについて詳しくは、ドキュメント ユニバーサルエディターを使用したコンテンツのオーサリングを参照してください。
- ユニバーサルエディターの詳細については、「 ユニバーサルエディターの概要」を参照してください。
アプリを準備する prepare-app
ユニバーサルエディターを使用してアプリのコンテンツを作成するには、エディターをサポートするために、デベロッパーがアプリを実装する必要があります。
ユニバーサルエディターへのアクセス accessing
アプリをユニバーサルエディターと連携するように実装すると、ユニバーサルエディターでは、AEM as a Cloud Service 内からアクセスすることも、AEM にアクセスせずに直接アクセスすることもできます。
AEM as a Cloud Service 内でのアクセス accessing-aem
- AEM as a Cloud Service オーサリングインスタンスにログインします。
- Sites コンソールを使用して、ユニバーサルエディターで使用するために作成された、編集対象のページに移動します。
- ページを編集します。
- ユニバーサルエディターが開き、選択したページを編集します。
直接アクセス accessing-directly
-
ユニバーサルエディターにログインします。ログインして ユニバーサルエディターへのアクセス権を持つには、Adobe IDが必要です。
-
ログインしたら、編集するページの URL を ロケーションバーに入力して、テキストコンテンツやメディアコンテンツなどのコンテンツの編集を開始できるようにします。
UI について ui
UI は以下の主なエリアに分かれています。
Experience Cloud ヘッダー experience-cloud-header
Experience Cloud ヘッダーは、常に画面の上部に表示されます。Experience Cloud 内の位置を示し、他の Experience Cloud アプリへの移動に役立つアンカーです。
Experience Manager experience-manager
ヘッダーの左側にあるAdobe Experience Cloud リンクをクリックしてExperience Managerソリューションのルートに移動し、Cloud Manager、Cloud Acceleration Manager、ソフトウェア配布 などのツールにアクセスます。
組織 organization
現在ログインしている組織が表示されます。Adobe ID が複数の組織に関連付けられている場合、別の組織に切り替えるには、選択します。
ソリューション solutions
ソリューション切り替えボタンをタップまたはクリックすると、他の Experience Cloud ソリューションに素早くジャンプすることができます。
ヘルプ help
ヘルプアイコンを使用すると、学習リソースやサポートリソースに素早くアクセスできます。
通知 notifications
このアイコンには、現在割り当てられている未完了の通知の数を示すバッジが付きます。
ユーザープロパティ user-properties
ユーザー設定にアクセスするには、ユーザーを表すアイコンを選択します。ユーザー画像が設定されていない場合、アイコンがランダムに割り当てられます。
ユニバーサルエディターのツールバー universal-editor-toolbar
ユニバーサルエディターツールバーは、常に画面の上部(Experience Cloudヘッダー のすぐ下に表示さます。 このツールを使用すると、別のページに素早くアクセスして編集し、現在のページを公開できます。
「ホーム」ボタン home-button
「ホーム」ボタンをクリックすると、ユニバーサルエディターの開始ページに戻ります。
開始ページで、ユニバーサルエディターで編集するサイトの URL を入力できます。
ロケーションバー location-bar
ロケーションバーに、編集中のページのアドレスが表示されます。別のページを編集するには、選択してアドレスを入力します。
l
(文字 l)を使用して、アドレスバーを開きます。認証ヘッダーの設定 authentication-settings
認証目的でカスタム認証ヘッダーを設定する必要がある場合は、「ローカル開発ヘッダー設定」アイコンを選択します。
エミュレーターの設定 emulator
エミュレーションアイコンを選択して、ユニバーサルエディターによるページのレンダリング方法を定義します。
エミュレーションアイコンをタップまたはクリックすると、オプションが表示されます。
デフォルトでは、エディターはデスクトップレイアウトで開き、高さと幅はブラウザーで自動的に定義されます。
また、ユニバーサルエディター内でモバイルデバイスをエミュレートすることもできます。
- 向きを定義する
- 幅と高さを定義する
- 向きを変更する
プレビューモード preview-mode
プレビューモードでは、ページは、公開されたサービスで表示されるとおりに、エディターでレンダリングされます。これにより、コンテンツ作成者は、リンクをクリックするなどしてコンテンツ内を移動できます。
p
を使用してプレビューモードを切り替えます。アプリのプレビューを開く open-app-preview
「アプリのプレビューを開く」アイコンを選択すると、現在編集中のページをエディターなしで独自のブラウザーで開いて、内容をプレビューできます。
o
(文字 o)を使用して、アプリのプレビューを開きます。公開 publish
「公開」ボタンを選択すると、コンテンツへの変更がライブで公開され、読者が使用できるようにになります。
省略記号 ellipsis
省略記号ボタンを使用すると、その他の標準オプションにアクセスできます。
例えば、ページを非公開にする機能(つまり、「公開」ボタンのアクションを元に戻す)には、省略記号ボタンからアクセスできます。
その他のボタン additional-toolbar-buttons
ユニバーサルエディターには、カスタマイズ可能で拡張性の高いオーサリングエクスペリエンスが用意されています。ツールバーにその他のボタンを表示する場合は、ユニバーサルエディターが拡張されています。
- 拡張機能の設定について詳しくは、 ユニバーサルエディターのカスタマイズと拡張を参照してください。
- 個々の拡張機能の仕組みについて詳しくは、Extension Managerドキュメントを参照してください。
エディター editor
エディターはウィンドウのほとんどを占め、そこにロケーションバーで指定したページがレンダリングされます。
エディターが プレビューモードの場合、コンテンツはナビゲート可能で、リンクをたどることができますが、コンテンツを編集することはできません。
プロパティパネル properties-rail
プロパティパネルは、エディターの右側に常に表示されます。モードに応じて、コンテンツ内で選択されたコンポーネントの詳細またはページコンテンツの階層を表示できます。
プロパティモード properties-mode
プロパティモードでは、パネルには、エディターで現在選択されているコンポーネントのプロパティが表示されます。これは、ページが読み込まれたときのプロパティパネルのデフォルトのモードです。
選択するコンポーネントのタイプに応じて、プロパティパネルに詳細を表示して変更できます。
表示や編集が可能な詳細が含まれていないコンポーネントもあります。
d
を使用してプロパティモードに切り替えます。コンテンツツリーモード content-tree-mode
コンテンツツリーモードでは、パネルにページコンテンツの階層が表示されます。
コンテンツツリー内の項目を選択する場合、エディターはそのコンテンツまでスクロールして選択します。
f
を使用してコンテンツツリーモードに切り替えます。CF エディターで開く edit
編集時に、選択したコンポーネントのオプションがプロパティパネルに表示され、選択したコンポーネントを編集できます。選択したコンポーネントがコンテンツフラグメントの場合は、「CF エディターで開く」ボタンを選択することもできます。
「CF エディターで開く」ボタンをタップまたはクリックすると、コンテンツフラグメントエディターが新しいタブで開きます。これにより、コンテンツフラグメントエディターを最大限に活用して、関連するコンテンツフラグメントを編集できます。
ワークフローのニーズに応じて、コンテンツフラグメントをユニバーサルエディターで編集することも、コンテンツフラグメントエディターで直接編集することもできます。
e
を使用します。追加 add
コンテンツツリーまたはエディターでコンテナコンポーネントを選択した場合は、プロパティパネルに「追加」オプションが表示されます。
追加ボタンをタップまたはクリックすると、 選択したコンテナに追加できるコンポーネントのドロップダウンメニューが開きます。
a
を使用して、選択したコンテナコンポーネントにコンポーネントを追加します。複製 duplicate
コンテンツツリーまたはエディターでコンテナコンポーネント内のコンポーネントを選択すると、プロパティパネルに「複製」オプションが表示されます。
「複製」ボタンをタップまたはクリック 選択したコンポーネントを複製します。
削除 delete
コンテンツツリーまたはエディターでコンテナコンポーネント内のコンポーネントを選択すると、プロパティパネルに「削除」オプションが表示されます。
「削除」ボタンをタップまたはクリック コンポーネントを削除。
Shift+Backspace
を使用して、選択したコンポーネントをコンテナから削除します。その他のボタン additional-properties-rail-buttons
ユニバーサルエディターには、カスタマイズ可能で拡張性の高いオーサリングエクスペリエンスが用意されています。プロパティパネルにその他のボタンを表示する場合は、ユニバーサルエディターが拡張されています。
- 拡張機能の設定について詳しくは、 ユニバーサルエディターのカスタマイズと拡張を参照してください。
- 個々の拡張機能の仕組みについて詳しくは、Extension Managerドキュメントを参照してください。
次の手順 next-steps
ユニバーサルエディターへのアクセスと操作の方法がわかったので、次は それを使用してコンテンツを作成する準備が整いました。