Wix Blocks：スタイルについて

Wix サイトをデザインする際に、一貫性のあるデザインを維持したい場合は、サイトのコンポーネントを「スタイル」に接続することをおすすめします。「カラースタイル」には、調和する色の組み合わせが含まれ、「タイポグラフィスタイル」はサイトのテキストの外観を定義します（Editor X でのスタイルの使用方法はこちら、Wix エディタでのスタイルの使用方法はこちら）。

ウィジェットやアプリを作成する際、それらをスタイルに接続することが不可欠になります。ウィジェットやアプリはどこに設置されるかわかりません。無制限の Wix サイトにインストールすることも可能です。サイトの白い背景で目立つようにデザインされた、黒い背景のウィジェットがあるとします。ウィジェットの色がサイトのカラースタイルに接続されていない場合、背景が黒のサイトではウィジェットを見つけるのが困難になります。あるいは、すべてのボタンをピンクに設定し、背景がピンクのウェブサイトにインポートした場合、誰もボタンを見つけることができなくなります。これはフォントにも言えることで、ウィジェットのフォントがサイトのフォントと大きく異なる場合があります。

Wix Blocks を使用すると、ウィジェットの色とテキストを任意のサイトスタイルに接続し、ウィジェットをサイトのデザインに適応させることができます。「プレビュー」モードの「テストスタイル」オプションでは、さまざまなスタイルでウィジェットがどのように表示されるかをテストすることができます。

これはシンプルなウィジェットの例です。スタイルに接続されている場合とそうでない場合の動作をご覧ください。

ウィジェットのコンポーネントがサイトのスタイルに接続されていない場合、次のように表示されます：

ウィジェットコンポーネントがスタイルに正しく接続されている場合、ウィジェットはサイトのデザインに溶け込み、次のように表示されます：