macOS でワークベンチの編集を使用する方法

ワークベンチの編集は、エディターを開く、デバイス表示を切り替える、レイアウトを設定する、テーマと背景を設定する、ページコンポーネントを管理する、保存・プレビュー・公開するといった 6 つの操作トピックで利用できます。6 項目すべてが会員登録不要で、会員限定の項目は 0 件です。

操作ガイド一覧

操作ガイド

1. Workbench Editor を開く

アクセスパス: Enterprise Admin Console → Workbench Settings → Custom Workbench → Workbench Editor

1. 左側のナビゲーションペインで 管理コンソール をクリックします。
2. 左側のメニューで Workbench Settings をクリックします。
3. Custom Workbench タブを開きます。
4. 編集するワークベンチを見つけて、Workbench Editor をクリックします。

完了条件

• 画面結果: ワークベンチ編集ページが開きます。
• 次にできる操作: レイアウト、テーマ設定、またはコンポーネント設定の項目を確認できます。

使用時のヒント

• 権限: 適切な企業管理者権限が必要です。
• ネットワーク: 管理ページが正しく読み込まれない場合は、ネットワーク接続とアカウントの状態を確認してください。

2. デバイス表示を切り替える

アクセスパス: Workbench Editor → Desktop / Mobile tabs

1. ワークベンチエディターを開いたら、既定の Desktop 編集表示を確認します。
2. モバイル表示を設定するには、Mobile タブをクリックします。
3. 現在選択されているデバイス表示に合わせてページ内容を調整します。

成功の条件

• 画面結果: 編集エリアが選択したデバイス表示に切り替わります。
• 次にできる操作: デスクトップまたはモバイル向けに、レイアウト、テーマ、コンポーネント設定を続けて行えます。

使用時のヒント

• 使用のヒント: デスクトップとモバイルは個別に設定できるため、変更前に現在の表示を確認してください。

3. ページレイアウトを設定する

アクセスパス: Workbench Editor → Layout → Web Layout

1. 左側のパネルで Layout をクリックします。
2. Web Layout エリアで、必要なレイアウトを選択します。
3. ページの内容に応じて、1カラム、2カラム、混合2カラム、3カラム、または混合3カラムのレイアウトを選択します。
4. 編集エリアでレイアウトの表示効果をリアルタイムで確認します。

成功の条件

• 画面結果: 編集エリアに選択したレイアウト構成が表示されます。
• 次にできる操作: 新しいレイアウトで、テーマやコンポーネント内容の調整を続けられます。

使用時のヒント

• よくある問題: レイアウトを変更した後は、新しい列構成に適合しているかを確認するため、コンポーネントの配置を再度見直してください。

4. テーマと背景を設定する

アクセスパス: Workbench Editor → Theme Settings

1. 左側のパネルで Theme Settings をクリックします。
2. Web レイアウトの背景エリアで、背景色または背景画像を選択します。
3. 背景色を使用する場合は、カラーブロックをクリックするか、カラーコードを入力します。
4. テーマ一覧から組み込みテーマを選択します。
5. 必要に応じて Use Custom Background Image をオンにし、画像をアップロードします。

成功の条件

• 画面結果: ページの背景とテーマスタイルが更新されます。
• 次にできる操作: ページ全体のスタイルをプレビューするか、そのままコンポーネント編集を続けられます。

使用時のヒント

• 画像要件: カスタム背景画像は jpg、png、jpeg 形式に対応しており、最大サイズは 3 MB です。
• 使用のヒント: ライトモードとダークモードは、表示シーンに応じて個別に設定できます。

5. ページコンポーネントを管理する

アクセスパス: Workbench Editor → Component Settings

1. ワークベンチの編集画面で、現在のページのコンポーネント一覧を確認します。
2. 調整したいコンポーネントをクリックして、編集または設定の状態に入ります。
3. 現在のデバイス表示に応じて、デスクトップまたはモバイルのコンポーネント内容を管理します。

成功の条件

• 画面結果: 選択したコンポーネントの内容が更新または設定されます。
• 次にできる操作: 他のコンポーネントの編集を続けるか、保存とプレビューに進めます。

使用時のヒント

• 使用のヒント: デバイス表示を切り替えた後は、各表示でコンポーネントの内容が完全に表示されているか確認してください。

6. 保存、プレビュー、公開

アクセスパス: Workbench Editor → Save / Preview / Publish

1. 編集中に、上部の Save をクリックすると現在の進行状況を保存できます。
2. 未保存の変更を破棄するには、Reset をクリックします。
3. 編集後、実際の表示効果を確認するには Preview をクリックします。
4. ページ表示に問題がなければ、Publish をクリックして設定を適用します。

成功の条件

• 画面結果: ページに保存時刻の情報、または公開後の実際の表示結果が表示されます。
• 次にできる操作: 他のユーザーはワークベンチを更新して、最新のページを確認できます。

使用時のヒント

• よくある問題: 保存では編集の進行状況のみが保存されます。変更を実際のワークベンチに反映するには、公開が必要です。
• 使用のヒント: 未確認の内容がそのまま反映されないよう、公開前にプレビューしてください。