Wix エディタ:テキストマスクを追加・カスタマイズする
読了時間:4分
テキストマスクは、訪問者の注意を引く短いテキストに最適なツールです。テキストの中に画像や動画、グラデーションを表示して、ページ上でテキストを目立たせることができます。
![ライブサイトのテキストマスク](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2023/11/03/0d860607-9020-456c-8957-3feea9d91130/fead554e-e689-4706-a768-a0db8a292745.gif)
この記事では、以下の項目について説明します:
テキストマスクを追加する
まずは、サイトにテキストマスクパーツを追加します。
役立つヒント:
モバイルで最高のサイトパフォーマンスを得るために、ページごとに追加するテキストマスクは最大 10個までにすることをおすすめします。
テキストマスクを追加する方法:
- エディタで該当するページを開きます。
- 「パーツを追加」
をクリックします。
- 「テキスト」をクリックします。
- 「テキストマスク」をクリックします。
- 好きなテキストマスクデザインをページにドラッグします。
ヒント:一部のデザインには背景動画が含まれています。デザインにマウスオーバーすると、実際の動作を確認できます。
![エディタの「追加」パネルと、サイトにテキストマスクを追加するオプションが表示されたスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/11/04/e398f318-09f3-47eb-81d1-b93b0d01b851/e8380270-aecb-48b8-beb6-7e49e7d0fb1e.jpg)
テキストマスクのテキストを変更する
テキストマスクを追加したら、カスタマイズを開始できます。まずは、テキストを変更しましょう。
テキストを変更する方法:
- エディタでテキストマスクをクリックします。
- 「テキストを編集」をクリックします。
- 「テキストを入力」下にテキストを入力します。
注意:テキストは自動的に保存されます。
![クリックするオプションを示したスクリーンショット](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/11/04/edaf678d-408f-4e34-91da-60be98e27a10/47b9c9fb-8374-4766-b1b2-c1a411539fd8.jpg)
テキストマスクのサイズを変更する
次に、テキストマスクパーツがページに完全に収まるようにサイズを変更します。
テキストマスクのサイズを変更する方法:
- エディタでパーツをクリックします。
- パーツの周りのハンドルをドラッグして、サイズを調整します。
![パーツ周辺のハンドルの動きを示した GIF。ハンドルが移動して、サイズが変化していることを示しています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/11/04/aed6b6dd-9706-4be3-823f-b4ffa5198f77/295e673a-b772-4edb-873d-5d99d897f4c9.gif)
テキストマスクをデザインする
最後に、デザインを変更して、テキストマスクにフレアを追加します。
テキストマスクをデザインする方法:
- エディタでテキストマスクをクリックします。
- 「デザイン」アイコン
をクリックします。
- テキストマスクのデザイン方法を選択します:
塗りつぶしをカスタマイズする
テキストを書式設定する
影を定義する