Wix Blocks:ウィジェットのテキストスタイルをサイトのタイポグラフィスタイルに接続する

読了時間:2分
Wix Blocks はすべての Wix Studio ユーザー様にリリースされました。Wix Blocks にアクセスするには、Wix Studio に参加してください。
ウィジェットをデザインするときは、ウィジェットがインストールされているすべてのサイトで美しく表示されるようにしたいと考えるでしょう。そのためには、ウィジェットのテキストをスタイルに接続することが非常に重要となります。見出し 1 や段落 2 などのスタイル付きテキストは、プロパティを定義するスタイルに接続されています。

テキスト要素をサイトのタイポグラフィスタイルに接続する:

  1. ウィジェット上のテキスト要素を選択します。
  2. 要素のアクションバーで「テキストを編集」をクリックします。
  3. 希望するスタイル(見出し 1、段落 2 など)を選択します。これにより、ウィジェットのテキストが Wix サイトのスタイルの特定のスタイルに接続されます。

特定のタイポグラフィプロパティをオーバーライドする

各タイポグラフィプロパティ(フォントフタイプ、サイズ、太字など)をオーバーライドできます。このオーバーライドには、スタイル名の横にアスタリスクが表示されます。オーバーライドされたプロパティを除き、テキストはサイトスタイルに接続されたままになります。すべてのプロパティをオーバーライドした場合にのみ、テキストとスタイルの接続が解除されます。
オーバーライドのアスタリスクが付いたフォント
現在、Wix Blocks のすべてのテキスト要素はサイズがオーバーライドされて表示されるため、何も変更していない場合でもアスタリスクが表示されます。「変更をリセット」をクリックして、このオーバーライドを元に戻します。
「変更をリセット」ボタン

テキストがスタイルに接続されているかどうかをテストする

プレビュー 」モードで「テストスタイル」をクリックして、異なるスタイルのさまざまなサイトでウィジェットがどのように表示されるかを確認します。これにより、すべての要素が正しく接続されていることや、ウィジェットが異なるスタイルで美しく表示されることを確認することができます。
プレビューモードでスタイルをテストする
Wix Blocks に関する詳しい情報をご希望の場合:

お役に立ちましたか?

|