---
url: 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/editing/mobile-editing'
title: 'スマートフォンやタブレットでのページ編集 | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T14:20:48+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  スマートフォンやタブレットから、誤字の修正やボタンの変更ができます。ビルダーはモバイルブラウザーで動作し、ダイアログもタッチ画面に合わせています。このページでは手早い編集と、見た目の違いを説明します。新しいレイアウトやテンプレートの作成には、デスクトップ画面の方が楽です。
  動画ではスマートフォン幅で日付を修正し、保存しています。
tags:
  - 'Edit a page'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T17:19:22+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: スマートフォンやタブレットでのページ編集
      description: |-
        スマートフォンやタブレットから、誤字の修正やボタンの変更ができます。ビルダーはモバイルブラウザーで動作し、ダイアログもタッチ画面に合わせています。このページでは手早い編集と、見た目の違いを説明します。新しいレイアウトやテンプレートの作成には、デスクトップ画面の方が楽です。
        動画ではスマートフォン幅で日付を修正し、保存しています。
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T14:20:48+0000'
      dateModified: '2026-10-24T17:19:22+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/editing/mobile-editing'
      articleSection: ページを編集
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/editing/mobile-editing'
      description: |-
        スマートフォンやタブレットから、誤字の修正やボタンの変更ができます。ビルダーはモバイルブラウザーで動作し、ダイアログもタッチ画面に合わせています。このページでは手早い編集と、見た目の違いを説明します。新しいレイアウトやテンプレートの作成には、デスクトップ画面の方が楽です。
        動画ではスマートフォン幅で日付を修正し、保存しています。
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: ホーム
            item: 'https://dxpr.com/ja'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: ja
---
[ヘルプセンター](/ja/node/75)/[ドキュメント](/ja/hc/documentation) /[DXPR Builderを学ぶ](/ja/hc/documentation/learn-dxpr-builder) /[ページを作る](/ja/hc/documentation/learn-dxpr-builder/build) /[ページを編集](/ja/hc/documentation/learn-dxpr-builder/editing) # スマートフォンやタブレットでのページ編集.

 DXPR Builderを学ぶページを作るページを編集

   ## このガイドの内容

 関連ガイド

- [訪問者目線でのページ確認](/ja/hc/documentation/learn-dxpr-builder/editing/preview-mode)
- [レイアウトをスマートフォンに対応させる](/ja/hc/documentation/learn-dxpr-builder/design/responsive-design)
- [ページの保存と公開](/ja/hc/documentation/learn-dxpr-builder/editing/save-and-publish)

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

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

  ## 始める前に

- アカウントは**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**をタップします。
- **レイアウトがデスクトップと違って見える。** 狭い画面ではカラムが積み重なります。スマートフォンの訪問者向けと同じです。横並びのレイアウトは広い画面で確認します。[レスポンシブデザイン](/ja/hc/documentation/learn-dxpr-builder/design/responsive-design)もご覧ください。

## 次のステップ

- [訪問者目線でのページ確認](/ja/hc/documentation/learn-dxpr-builder/editing/preview-mode)：保存前にページを確認します。
- [レスポンシブデザイン](/ja/hc/documentation/learn-dxpr-builder/design/responsive-design)：画面サイズごとのレイアウトの合わせ方を調整します。
- [ページの保存と公開](/ja/hc/documentation/learn-dxpr-builder/editing/save-and-publish)：変更を保存して表示します。