スマートフォンやタブレットでのページ編集.

スマートフォンやタブレットから、誤字の修正やボタンの変更ができます。ビルダーはモバイルブラウザーで動作し、ダイアログもタッチ画面に合わせています。このページでは手早い編集と、見た目の違いを説明します。新しいレイアウトやテンプレートの作成には、デスクトップ画面の方が楽です。

動画ではスマートフォン幅で日付を修正し、保存しています。

始める前に

• アカウントはEdit with DXPR Builder権限でログインしています。
• ページにDXPRツールバーが表示されています。目アイコンに赤い取り消し線がある場合はPreviewです。アイコンをタップしてEditを選びます。

テキストの修正

1. スマートフォンやタブレットでページを開きます。
2. 変えたいテキストをタップします。
3. 修正内容を入力します。
4. テキストの外側をタップし、DXPRツールバーのSaveをタップします。

エレメントの設定変更

1. エレメントをタップしてコントロールバーを表示します。
2. コントロールバーの3点ドットであるMoreをタップします。
3. 項目はSettingsを選びます。
4. 設定を変えたら、ダイアログ下部のSaveをタップします。
5. DXPRツールバーのSaveをタップします。

表示内容

幅1024ピクセルまでのスマートフォン、タブレット、タッチ画面には、ビルダーのタッチ用レイアウトが適用されます。

• エレメントピッカー。 画面幅いっぱいに広がります。タブは下部のリストになり、検索ボックスとCloseボタンが横に付きます。
• 設定ダイアログ。 暗くなったページの上に開き、その場に留まります。閉じるアイコンも全画面ボタンもありません。下部のCancelかSaveを使います。
• テキストツールバー。 入りきらないツールはShow more itemsボタンの背後にあります。
• メニュー。 キーボードショートカットのヒントは非表示です。

作業別のデバイス

編集コントロールが表示されない場合

• タップしても何も起きない。 ページがPreviewです。DXPRツールバーの目アイコンをタップしてEditを選びます。
• 設定ダイアログに閉じるボタンがない。 タッチ画面では下部のボタンで閉じます。ダイアログ内を下までスクロールし、CancelかSaveをタップします。
• レイアウトがデスクトップと違って見える。 狭い画面ではカラムが積み重なります。スマートフォンの訪問者向けと同じです。横並びのレイアウトは広い画面で確認します。レスポンシブデザインもご覧ください。

次のステップ

• 訪問者目線でのページ確認：保存前にページを確認します。
• レスポンシブデザイン：画面サイズごとのレイアウトの合わせ方を調整します。
• ページの保存と公開：変更を保存して表示します。