Wix エディタ:モバイル専用パーツを追加・カスタマイズする
読了時間:5分
モバイルエディタを使用して、モバイルサイト専用のパーツを追加できます。小さな画面用に完全に最適化されたテキスト、画像、ボタン、埋め込み、その他のパーツを追加します。
モバイル専用パーツはデスクトップサイトには表示されないため、レイアウトを調整し、複製して簡単に編集することができます。これにより、モバイルに適さないデスクトップパーツを置き換えたり、モバイル専用にまったく異なる外観を作成したりできます。
モバイルエディタにアクセスする方法
下記をご確認ください:
モバイル専用パーツを追加する
モバイル専用パーツを追加して、モバイル端末でサイト閲覧する訪問者に合わせてカスタマイズしましょう。モバイルエディタの「追加」パネルから、テキスト、画像、ボタンなどのパーツを直接追加します。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2022/07/13/f80c7391-167a-48ba-822a-78ee806f3d49/49ccb50c-f556-40b0-a179-d3e20c894961.jpg)
下記のオプションをクリックして、利用可能なパーツの種類をご確認ください:
テキスト
画像
ボタン
装飾パーツ
ボックス
ソーシャル
埋め込みコード
モバイルパーツとデスクトップパーツの見分け方:![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2022/07/13/56c07b0d-f65e-44ba-b666-a04df70dee50/e0444e70-b826-4180-ade0-78b88f7f5a7c.jpg)
モバイル専用パーツには、クリックするとモバイルアイコン
が表示されます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/7648ead5-a940-4b7a-a2b2-eb7f8edc6f2b/d34b0146-2e71-47f0-989d-04baf5327e76.png)
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2022/07/13/56c07b0d-f65e-44ba-b666-a04df70dee50/e0444e70-b826-4180-ade0-78b88f7f5a7c.jpg)
モバイル専用パーツをデザインする
色、枠線、影などのデザインオプションを使用して、パーツをカスタマイズできます。パーツをデザインすることで、モバイルサイトを真にユニークなものにし、訪問者にとって楽しく有益なものにすることができます。
パーツをデザインする方法:
- モバイル専用パーツをクリックします。
- 「デザインを変更」アイコン をクリックします。
- 利用可能なカスタマイズオプションを使用して、パーツをデザインします。
注意:
利用可能なデザインオプションは、パーツの種類によって異なります。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/02/04/6998990a-33b5-46d8-8e07-a41e233f98cf/b115e4d4-27d9-43c6-aecd-268f5492b086.png)
モバイル専用パーツのレイアウトを調整する
モバイルサイトに合わせてパーツのレイアウトを変更します。パーツを調整することで、サイトを綺麗に保ち、モバイル訪問者にスムーズな体験を提供できます。
パーツのレイアウトを変更する方法:
- モバイル専用パーツをクリックします。
- 「レイアウト」アイコン をクリックします。
- 利用可能なカスタマイズオプションを使用して、レイアウトを調整します。
注意:
利用可能なレイアウトオプションは、パーツの種類によって異なります。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/02/04/323e9bf0-c508-4baa-b9c1-3cc329c12f1c/8dfc7fd6-32a8-4b6b-83ba-0305b8ee2daf.png)
モバイル専用パーツを複製する
モバイルサイトにパーツをコピーして貼り付けることで、好きなだけ素早く、簡単に追加することができます。
モバイル専用パーツを複製する方法:
- パーツを右クリックします。
- 「コピー」をクリックします。
- ページ / ストリップを右クリックします。
- 「ペースト」をクリックします。
注意:
- デスクトップエディタからコピーし、モバイルエディタに貼り付けることができるのは、サポートされているモバイルパーツのみです。
- モバイル専用パーツはデスクトップエディタに貼り付けることはできません。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/02/04/07632ba7-acce-455b-8e9e-01431764534b/ad5bc2a2-4f19-4e1e-b5da-eb9806f69c2f.png)