header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image

Wixel:デザインのレイヤーを管理する

4分
Wixel のレイヤーパネルを使用すると、デザイン内のすべてのパーツを管理できます。パーツがどのようにスタックされているかを確認できるので、レイヤーを並べ替えたり、ロックしたり、削除したりすることが簡単に実行できるようになります。
Wixel の「レイヤー」パネルのスクリーンショット。

レイヤーパネルを使用する

  1. Wixel でプロジェクトにアクセスします。
  2. 右上の「レイヤー」アイコン  をクリックします。
  3. 実行する内容を選択します:
    • レイヤーを並べ替え:パネル内でパーツをドラッグアンドドロップして、スタック順序を変更します。
    • レイヤーをロック:パーツ横の「」アイコンをクリックして、同じレイヤーに維持します。
    • その他のアクション:フレームの横で「その他のアクション」アイコン undefined をクリックし、その他のオプションにアクセスします:
      • Duplicate frame(フレームを複製):選択されたフレームのコピーを作成します。
      • Delete frame(フレームを削除):フレームとそのコンテンツを完全に削除します。
      • Rename frame(フレーム名を変更):フレームを整理しやすいようにカスタム名を付けます。
      • Move backward/ forward(背面へ移動 / 前面へ移動):スタック内でのフレームの位置を調整します。
Wixel の「レイヤー」パネルのオプションが表示されているスクリーンショット。

パーツをグループ化する

パーツをグループ化すると、デザインを整理し、複数のパーツを一度に移動、サイズ変更、編集することができます。テキスト、画像、シェイプなど、多様なパーツの組み合わせをグループ化できます。選択したパーツは単一のグループになり、「Layers(レイヤー)」パネルでグループとして表示されます。
Wixel でグループ化されたパーツのスクリーンショット。

パーツをグループ化する方法:

  1. Wixel でプロジェクトにアクセスします。
  2. Shift」キーを押しながら該当するパーツを選択します。
  3. 上部の「Group Elements(パーツをグループ化)」をクリックします。
    ヒント:キーボードで「Ctrl + G / Cmd + G」を押してパーツをグループ化することもできます。
Wixel でパーツをグループ化しているスクリーンショット。

パーツのグループ化を解除する

いつでもパーツのグループ化を解除し、パーツを個別に管理することができます。これにより、プロジェクトからパーツが削除されることはなく、パーツが含まれていたグループから切り離されます。

パーツのグループ化を解除する方法:

  1. Wixel でプロジェクトにアクセスします。
  2. 該当するグループを選択し、「Ungroup Elements(要素のグループ解除)」をクリックします。
    ヒント:キーボードの「Ctrl + Shift + G(PC の場合)」または「Cmd + Shift + G(Mac の場合)」を押して、すばやくグループを解除することもできます。
Wixel で、パーツのグループ化を解除している様子を示したスクリーンショット。

よくある質問

Wixel でのレイヤーに関する詳細は、以下の質問をクリックしてください。