Wix エディタ:モバイルサイトの折りたたみ可能テキストをカスタマイズする

読了時間:4分
サイトに折りたたみ可能テキストを追加したら、モバイル訪問者向けに外観やクリック時の動作を調整してみましょう。デスクトップから追加した場合でもモバイルエディタから追加した場合でも、モバイルサイトの折りたたみ可能テキストのデザインとレイアウトは、ともにカスタマイズすることができます。
この記事では、以下の項目について説明します:

折りたたみ可能テキストのレイアウトを調整する

レイアウトパネルを使用して、訪問者にテキスト全体をどのように表示させるかを設定します。間隔や配置を調整したり、プレビューに表示させるテキストの行数を選択したりすることもできます。

折りたたみ可能テキストのレイアウトをカスタマイズする方法:

  1. モバイルエディタで折りたたみ可能テキストボックスをクリックします。
  2. 「レイアウト」アイコン  をクリックします。
  3. 以下の設定からテキストのレイアウトを調整します:
    • サイト訪問者がテキストをさらに読み込む方法:訪問者にテキスト全体を表示させる方法を選択します:
      • 展開・折りたたみ:訪問者は展開ボタンをクリックして、ページの全文を表示できます。もう一度クリックすると、テキストが折りたたまれます。
      • リンクをクリック:訪問者はリンクをクリックして、該当するページの全文を表示できます。
      • すべてのテキストを表示:テキスト全体がサイトに表示され、折りたたまれることはありません。
    • 表示される行数:訪問者が展開ボタンまたはリンクボタンをクリックする前に表示させておくテキストの行数を選択します。
    • 整列ボタン:展開ボタンまたはリンクボタンのテキストの配置を、左揃え、中央揃え、右揃えから選択します。
    • テキストとボタンの間隔:テキスト部分から展開ボタンまたはリンクボタンまでの間隔を調整します。
モバイルエディタの折りたたみ可能テキストのレイアウトパネル。「レイアウト」アイコンがハイライトされています。

折りたたみ可能テキストのデザインをカスタマイズする

書式設定、フォント、色などのオプションを使用してテキスト本文を編集したり、展開ボタンやリンクボタンのデザインを変更して思い通りの見た目にすることができます。

折りたたみ可能テキストのデザインをカスタマイズする方法:

  1. テキストボックスをクリックします。
  2. 「デザインを変更」アイコン をクリックします。
  3. デザインをカスタマイズ」をクリックします。
  4. 何をデザインしたいですか?」ドロップダウンメニューをクリックし、該当するもの(「テキスト」または「ボタン」)をクリックします。
  5. 利用可能なオプションを使用して、折りたたみ可能テキストのテキストとボタンをデザインします:

お役に立ちましたか?

|