Wix エディタ:モバイルサイトにテキストを追加・カスタマイズする
読了時間:7分
テキストはウェブサイトで最も重要な部分です。サイトのデザインやレイアウトに合わせて、モバイルで適切に表示できるようにカスタマイズしましょう。
モバイルサイトに表示されるテキストは 2種類あります:
- デスクトップエディタから引き継がれたテキスト。
- モバイルエディタの「追加」パネルから追加したモバイル専用テキスト。このテキストはデスクトップ PC では表示されません。
テキストの種類ごとの違いは何ですか?
この記事では、テキストのカスタマイズについて説明します:
モバイルエディタでは両方のタイプのテキストをカスタマイズできます。デスクトップから引き継がれたテキストのカスタマイズには制限があり、テキストサイズ、色、配置の調整、横向きから縦向きへの切り替えができます。モバイルエディタから直接テキストを追加することで、フォントの変更、テキストの再書式設定、エフェクトや HTML タグの追加など自由にカスタマイズできます。
モバイル専用のテキストパーツかどうかの確認の仕方![モバイル専用テキスト](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/01/04/f1a791b1-88e4-4892-8efa-97150c2b8b68/0783d549-909f-4b50-aeea-2db450067a04.png)
モバイルエディタでは、モバイル専用のパーツをクリックするとモバイルアイコン
が表示されます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/7648ead5-a940-4b7a-a2b2-eb7f8edc6f2b/d34b0146-2e71-47f0-989d-04baf5327e76.png)
![モバイル専用テキスト](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/01/04/f1a791b1-88e4-4892-8efa-97150c2b8b68/0783d549-909f-4b50-aeea-2db450067a04.png)
デスクトップ版のテキストをカスタマイズする
デスクトップエディタから追加したテキストパーツは、自動的にモバイルエディタに引き継がれます。このテキストはモバイルに対応したサイズに変更されていますが、サイズを変更することは可能です。テキストの色と配置をデスクトップ版とは異なるように編集することもできます。
![カスタマイズオプションを表示したモバイルテキスト設定パネルのスクリーンショット。テキストパーツとモバイルテキスト設定アイコンが選択されています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/01/04/812067c1-938c-4e7f-90ae-294b1d0e1b1e/89833d68-4ab6-4277-a803-e1842348e8b8.png)
デスクトップから引き継がれたテキストをカスタマイズする方法:
- モバイルエディタでテキストパーツをクリックします。
- 以下の操作を実行して、テキストをカスタマイズします:
テキストサイズを調整する
テキストの色と配置を変更する
縦書きテキストを有効にする
ボタンテキストのサイズを変更する
これらのテキストパーツを非表示にする場合:
テキスト置き換えツールを使用して、デスクトップのテキストパーツを非表示にし、モバイル専用のテキストに置き換えることができます。または、テキストを置き換えずに非表示にするには、パーツを右クリックし、「非表示にする」を選択します。
モバイル専用テキストをカスタマイズする
モバイルエディタの「追加」パネルから直接テキストを追加します。さまざまなテキストタイプから選択してサイトに追加し、自由にカスタマイズすることができます。テキストの色、フォント、配置、および書式を調整し、クールな影効果や HTML タグを追加します。
![カスタマイズオプションを表示したテキスト設定パネルのスクリーンショット。テキストパーツが選択され、テキストがハイライトされています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/01/04/c38c7bb3-6b1d-4739-b089-d949a574eade/770bf325-99ac-4544-ac9d-111c61353dfd.png)
モバイル専用テキストを追加・カスタマイズする方法:
- モバイルエディタ左側で「モバイルに追加」
をクリックします。
- 「テキスト」をクリックします。
- テキストパーツをページにドラッグします。
- 「テキストを編集」をクリックします。
- テキストの次の項目をカスタマイズします:
フォントとスタイル
書式と色
エフェクト
文字と行の間隔
縦書きテキスト
SEO とアクセシビリティ
お役に立ちましたか?
|