Wix Blocks:ウィジェットの色をサイトスタイルに接続する
読了時間:3分
Wix Blocks はすべての Wix Studio ユーザー様にリリースされました。Wix Blocks にアクセスするには、Wix Studio に参加してください。
Wix Blocks でウィジェットを作成すると、さまざまな Wix サイトにインストールできます。すべてのサイトでウィジェットの色が美しく表示されるようにするには、ウィジェットをスタイルに接続してください。
ウィジェットの色をサイトのカラースタイルに接続する方法:
- Wix Blocks エディタでウィジェットを開いて編集します。「デザイン」モードで作業していることを確認してください。
- ウィジェットコンポーネント(コンテナやテキスト入力など)を選択します。
- 右側の「要素設定パネル」 の「デザイン」アイコン をクリックします。
- コンポーネントに関連する色オプションをクリックして、色をスタイルに接続します。たとえば、ボックスの場合は、「色・不透明度」、「枠線」、「角」または「テキスト」アイコンをクリックし、サイトのカラースタイルに接続します。
ボタンとパンくずメニュー:
ボタンとパンくずメニューの場合、カラーピッカーの見た目が少し異なり、リンクは表示されません。ただし、「カスタムカラー」を選択しない限り、これらの要素は同じように機能し、サイトスタイルにリンクされます。
- Wix Blocks は変更できないデフォルトのパレットを使用しています。これは Wix サイトの色を表します。各要素(塗りつぶしや枠線など)には、表示される 5つの既定の色から適切な色を選択することをおすすめします。より多くの色合いが必要な場合は、「スタイルパレットを開く」をクリックし、別の色合いを選択します。
重要:
スタイルパレットからではなく、カラーピッカーの「カスタムカラーの追加」セクションから色を選択した場合、色は固定されたままになり、サイトスタイルには接続されません。どのサイトでも同じままです。このオプションは、成功ボタンやエラーボタンを緑と赤にしたい場合など、特別な場合に使用することができます。
- 自分でテストします:コンポーネントを再度選択し、要素(塗りつぶし、枠線など)を確認し、選択した色に表示されるリンクアイコン を探します。
- 「プレビュー 」モードで「テストスタイル」をクリックして、異なるスタイルのさまざまなサイトでウィジェットがどのように表示されるかを確認します。これにより、すべてのコンポーネントが正しく接続されていることや、ウィジェットが異なるスタイルで美しく表示されることを確認することができます。