Wix エディタ:装飾用シェイプをカスタマイズする
読了時間:3分
サイズ、色、枠線など、サイトの外観に合わせて装飾的なシェイプをカスタマイズします。必要に応じて、シェイプにリンクを追加して、クリック可能なボタンに変換することもできます。
気が変わったら、いつでも別のシェイプに変更できます。
この記事では、下記の項目について説明します:
シェイプのデザインをカスタマイズする
デザインオプションを使用して、装飾用シェイプの色、枠線、影をカスタマイズします。
シェイプをカスタマイズする方法:
- エディタでシェイプをクリックします。
- 「デザインを変更」アイコン
をクリックします。
- オプションを使用してシェイプをカスタマイズします:
- 塗りつぶし色:シェイプの色と不透明度を選択します。
- 枠線:「枠線を付ける」トグルを有効にして、枠線の色、不透明度、太さをカスタマイズします。
- 影:「影を付ける」トグルを有効にして、影をカスタマイズします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/11/16/555a1418-0c5d-4f15-af63-ebe59a800c5f/a21cd335-8c3a-48ea-a19e-6bbc1ae94cb6.png)
シェイプのサイズを変更する
必要に応じてシェイプの大きさを調整します。シェイプのサイズを変更する際は、ストレッチさせるか、元のシェイプと同じ縦横比を維持することができます。
シェイプのサイズを変更する方法:
- エディタでシェイプをクリックします。
- シェイプの端にあるサイズ変更ハンドルの 1つをクリックして、希望のサイズにドラッグします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/11/16/3812bcf1-7512-4a20-8d32-d3477bdaf8f3/aa3a6d52-c18e-4549-94ab-2f60253cd9ef.png)
シェイプをストレッチさせたくない場合:
シェイプを同じ比率で維持するには、「設定」アイコン
をクリックし、「縦横比を維持」トグルを有効にします。
![](https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/05/9f521775-046c-4e5d-8b9c-80bf6346ae35.png)
別のシェイプに切り替える
異なるシェイプを試して、何度でも変更することができます。
別のシェイプに切り替える方法:
- エディタでシェイプをクリックします。
- 「シェイプを変更」をクリックします。
- 左側のカテゴリーを使用してシェイプライブラリを参照し、新しいシェイプを選択します。
- 「ページに追加」をクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/11/16/75f17e3a-8caf-4273-ada7-3a02247f77fd/0882b802-105c-4d58-9f48-3243cd602932.png)
シェイプをボタンとして使用する
シェイプにリンクを追加すると、サイト訪問者がクリックしたときにリンク先に移動します。「連絡先」シェイプを連絡先ページにリンクしたり、「ハンバーガー」シェイプをフードメニューページにリンクしたりするなど、さまざまな方法で使用できます。
シェイプをボタンに変換する方法:
- エディタでシェイプをクリックします。
- 「リンクを追加」アイコン
をクリックします。
- リンクの詳細を入力します。
- 「完了」をクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/11/16/48a116e0-74d0-4894-bdbe-36bafc44d486/d2377098-9a28-4193-95b3-fc68998b45ae.png)
お役に立ちましたか?
|