WindowsでWPS ワークプレイスのワークベンチの編集を使う方法

エディターの開き方、デバイス表示の切り替え、レイアウトの設定など、6つの操作トピックでワークベンチの編集を利用できます。目次からトピックを選び、開始パスと手順に沿って操作してください。

操作ガイド一覧

操作ガイド

1. ワークベンチエディターを開く

開始パス: Enterprise admin console → Workbench Settings → Customize Workbench → Workbench Editor

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

成功条件

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

利用時のヒント

• よくある誤り: ワークベンチ一覧ページを開いただけの場合は、対象のワークベンチのエディターボタンをもう一度クリックしてください。
• 権限: 必要な企業管理者権限が必要です。

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

開始パス: Workbench Editor → Desktop / Mobile tabs

1. エディターを開いたら、既定のDesktop編集ビューを確認します。
2. モバイル表示を設定する場合は、Mobileタブをクリックします。
3. 必要に応じて2つの表示を切り替え、それぞれの表示結果を個別に確認してください。

成功条件

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

使用時のヒント

• よくある誤り: 片方のデバイス表示だけを編集して公開すると、もう一方の表示が未調整のままになることがあります。

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

開始パス: Workbench Editor → Layout → Webpage Layout

1. 左側のパネルでLayoutをクリックします。
2. Webpage Layoutエリアで、必要なレイアウトを選択します。
3. 必要に応じて、1カラム、2カラム、混合2カラム、3カラム、混合3カラムのレイアウトから選択します。
4. 編集エリアでレイアウトの変更内容を確認します。

完了条件

• 画面結果: 編集エリアに選択したカラム構成が表示されます。
• 次にできる操作: コンポーネントの位置や内容を続けて調整できます。

使用時のヒント

• よくある誤り: レイアウト変更後にコンポーネントの配置確認を忘れると、情報の配置バランスに影響する場合があります。

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

開始パス: Workbench Editor → Theme Settings

1. 左側のパネルでTheme Settingsをクリックします。
2. 背景スタイルを選択し、背景色または背景画像を設定します。
3. 背景色を設定する場合は、カラーブロックをクリックするか、カラーコードを入力します。
4. 背景画像を設定する場合は、組み込みテーマから画像を選択します。
5. 必要に応じて、Use custom background imageをオンにします。
6. テーマ一覧から適切な組み込みテーマを選択します。

完了条件

• 画面結果: ページの背景とテーマスタイルが更新されます。
• 次にできる操作: 全体の見た目を引き続きプレビューできます。

使用時のヒント

• よくある誤り: 背景とテーマスタイルが一致していないと、ページの視認性が低下することがあります。

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

開始パス: Workbench Editor → Component Settings

1. 編集エリアで現在のコンポーネント一覧を確認します。
2. 調整したいコンポーネントをクリックします。
3. ページの要件に応じて、コンポーネントの内容または設定を編集します。
4. デバイスごとに異なる内容が必要な場合は、編集前に対象のデバイス表示に切り替えます。

完了条件

• 画面結果: コンポーネントの内容が現在の編集状態に更新されます。
• 次にできる操作: 続けて保存、プレビュー、または公開を行えます。

使用時のヒント

• よくある誤り: 対象のデバイス表示に切り替える前にコンポーネントを編集すると、意図しない表示コンテキストが更新される可能性があります。

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

開始パス: Workbench Editor → Save / Preview / Publish

1. 編集中に、上部のSaveをクリックして現在の進捗を保存します。
2. 未保存の変更を破棄する場合は、Resetをクリックして最後に保存した状態に戻します。
3. Previewをクリックして、実際の表示結果を確認します。
4. ページの表示結果を確認したら、Publishをクリックして設定を反映します。

完了条件

• 画面結果: 保存後は最新の保存状態を利用でき、公開後は公開中のワークベンチに新しい設定が反映されます。
• 次にできる操作: ユーザーはワークベンチを更新して変更内容を確認できます。

使用時のヒント

• よくある誤り: 保存だけでは公開中のワークベンチは更新されません。
• 動作環境: プレビューと公開は、安定したネットワーク接続で行うとよりスムーズです。