Wix エディタ:ボックスを追加・設定する
読了時間:2分
ページにボックスを追加することで構造化されたプロフェッショナルなページを簡単にデザインすることができます。さまざまな形やスタイルのボックスを用意しております。
下記をご確認ください:
ボックスを追加する
ボックスを使用すると、構造化され、プロフェッショナルに見える美しいページをデザインすることができます。さまざまな形やスタイルのボックスを用意しているので、色々と試してみましょう!
ボックスを追加する方法:
- エディタ左側の「追加」
をクリックします。
- 「ボックス」をクリックします。
- 「コンテナボックス」をクリックします。
- ボックスパーツをページにドラッグします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2021/09/01/452ea5a1-15fd-45d9-a725-de67daf65e1b/37398f52-4045-449c-a624-6337f0244572.png)
ヒント:
コンテナボックスにはほとんど何でも追加して、コンテンツの1つのブロックでページの周りを移動することができます!コンテナボックスを使用して、テキストボックス、バナー、ヘッダー、ロゴなどを作成します。
ボックスデザインをカスタマイズする
利用可能なシェイプからボックスを選択します。次に、サイトに合わせてボックスをカスタマイズします。
ボックスデザインをカスタマイズする方法:
- 「デザインを変更」アイコン
をクリックします。
- プリセットデザインを選択するか、「デザインをカスタマイズ」をクリックします。
- 下記のオプションを使用し、ボックスをカスタマイズします:
- 不透明度・色:ボックスの色と不透明度を選択します。
- スライダーをドラッグして不透明度を変更します。
- カラーボックスをクリックし、色を変更します。
- カラーピッカーから色を選択します。
- X をクリックして、カラーピッカーを閉じます。
- 枠線:ボックスの枠線をデザインします。
- スライダーをドラッグして不透明度を変更します。
- カラーボックスをクリックし、色を変更します。
- スライダーをドラッグして枠線の太さを変更します。
- 角:ボックスの角を丸くします。
- 影:ボックスの影をデザインします。
- 間隔: ボックスの枠線の間隔をカスタマイズします。
- 不透明度・色:ボックスの色と不透明度を選択します。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2021/09/01/b67626b1-54a4-4153-8f87-f43eff907524/d9898a73-d833-4586-a715-7faf871339e0.png)
注意:
すべてのボックスデザインですべてのオプションが使用できるわけではありません。