header-logo
はじめましょう!Wix でサイトやビジネスを構築する方法をご紹介します。テンプレートを使用してサイトをカスタマイズしたり、パートナーに依頼してウェブプレゼンスを確立しましょう。
サイトの作成Wix エディタの使い方とサイトコンテンツの管理方法について学びましょう。訪問者のプライバシーを保護し、サイトをよりアクセシブルにします。
アカウント・お支払いアカウント設定を確認し、定期購入とプレミアムプランを管理、請求内容を把握しましょう。
Wix モバイルアプリの使用Wix Owner アプリを使用してビジネスを効率的に運営し、訪問者と関わり、コミュニティを構築しましょう。
ドメインの接続ドメインの購入・接続・移管方法と、サイトデータを安全に保つ方法について理解しましょう。
ビジネスの管理支払いの受け付け、分析、訪問者とのつながりなど、ビジネスを構築し成長させるための適切なツールを見つけましょう。
サイトの宣伝検索エンジンでサイトを宣伝し、メルマガを送信し、有料広告を掲載する方法を学びましょう。
Wix Studio・パートナー・エンタープライズWix Studio、パートナー、エンタープライズアカウントを最大限に活用し、ビジネスを拡大しましょう。
ヘルプサイトのパフォーマンスや技術的な問題を解決するための情報を入手しましょう。製品ロードマップでは今後の機能について確認できます。
placeholder-preview-image
Wix Learnコースとチュートリアルでスキルを習得する。
Wix ブログウェブデザインやマーケティングなどのヒントを得る。
SEO ラーニングハブ検索エンジンからのトラフィックを増やす方法について学ぶ。
Website developmentフルスタックプラットフォームでカスタムサイトを構築する。
placeholder-preview-image
この記事では下記を説明します:
  • テキストマスクを追加する
  • テキストマスクのテキストを変更する
  • テキストマスクのサイズを変更する
  • テキストマスクをデザインする

Wix エディタ:テキストマスクを追加・カスタマイズする

この記事内
  • テキストマスクを追加する
  • テキストマスクのテキストを変更する
  • テキストマスクのサイズを変更する
  • テキストマスクをデザインする
テキストマスクは、訪問者の注意を引く短いテキストに最適なツールです。テキストの中に画像や動画、グラデーションを表示して、ページ上でテキストを目立たせることができます。
「Untold Stories」と書かれたテキストの下にある、テキストマスクの Gif

テキストマスクを追加する

まずは、サイトにテキストマスクパーツを追加します。
役立つヒント:
モバイルで最高のサイトパフォーマンスを得るために、ページごとに追加するテキストマスクは最大 10個までにすることをおすすめします。

テキストマスクを追加する方法:

  1. エディタで該当するページを開きます。
  2. 「パーツを追加」 をクリックします。
  3. 「テキスト」をクリックします。
  4. 「テキストマスク」をクリックします。
  5. 好きなテキストマスクデザインをページにドラッグします。
    ヒント:一部のデザインには背景動画が含まれています。デザインにマウスオーバーすると、実際の動作を確認できます。
エディタの「追加」パネルと、サイトにテキストマスクを追加するオプションが表示されたスクリーンショット。

テキストマスクのテキストを変更する

テキストマスクを追加したら、カスタマイズを開始できます。まずは、テキストを変更しましょう。

テキストを変更する方法:

  1. エディタでテキストマスクをクリックします。
  2. 「テキストを編集」をクリックします。
  3. 「テキストを追加」下にテキストを入力します。
    注意:テキストは自動的に保存されます。
テキストマスクがハイライトされ、テキストを変更するオプションが表示されたスクリーンショット。

テキストマスクのサイズを変更する

次に、テキストマスクパーツがページに完全に収まるようにサイズを変更します。

テキストマスクのサイズを変更する方法:

  1. エディタでパーツをクリックします。
  2. パーツの周りのハンドルをドラッグして、サイズを調整します。
パーツ周辺のハンドルの動きを示した GIF。ハンドルが移動して、サイズが変化していることを示しています。

テキストマスクをデザインする

最後に、デザインを変更して、テキストマスクにフレアを追加します。

テキストマスクをデザインする方法:

  1. エディタでテキストマスクをクリックします。
  2. 「デザイン」アイコン  をクリックします。
  3. テキストマスクのデザイン方法を選択します:

Helpmate

こんにちは、さん

さらにヘルプが必要ですか?
Unlock personalized helpLog in to get the most out of Helpmate.