Wixのレイヤーを使った高効率サイト構築ガイド！レイヤーの表示方法〜効率的な使い方までをご紹介

こんにちは！ラジャのけんいちです。

本日は 「Wixのレイヤー」について徹底解説していきます。

レイヤーって何？と言う人から、レイヤーを知っているので、レイヤーをうまく使いこなしてより制作をサクサク進めてみてください。

Wixでは、PC版から、モバイル版に自動変換される時に、どうしても自動で縮小するのでパーツがどこにいったかわからなくなる時、PC版で多機能にするあまり、ボタンがどこにいったかわからなくなった、ボタンがクリックできなくなったなどのお困りごとを経験された方がいらっしゃるのではないでしょうか。

そんな悩みを簡単に解決できるので、是非最後までご覧ください。

Wixとは？

Wixのご紹介

Wix（ウィックス）とは、2006年にイスラエルで生まれ、2010年に日本語版がリリースされ、現在全世界で 2.3億人以上の登録ユーザーを有する人気ホームページ作成ツールです。

CMでこのキャッチフレーズを見たことがある方も多いのではないでしょうか。

「1.2秒に1人が Wixを使ってHPを作っています」

直感的にHPを作成・ドラッグ&ドロップにて変更が簡単にできる為、幅広いユーザーから支持を受けています。

レイヤーってなに？Wixレイヤーの確認方法

Wixはデザイン性が高いサイトであるため、どこに何のボタンがあるのか？と言うところがわからなくなってしまうところがあります。

そんな時に役に立つのが「レイヤー」です。レイヤーを使用することによって、どこになにがあるのか？というのがわかるようになります。

レイヤーとは？

レイヤーとは、Adobeシリーズを使ったことがある方は、聞き馴染みのある単語だと思いますが、

レイヤー＝レイヤーとは、「層・階層」などの意味を持ちます。 何かの構造や設計などが階層状になっているとき、それを構成する一つ一つの階層のことをレイヤーと言います。

Wixに置き換えると「重なり」を表すものとなります。ボタン等は、レイヤーの階層が下になってしまうとボタンが押せなくなるなど、ケアレスミスにも繋がるので、覚えておいて損はないです！

Wixレイヤーの確認方法

Wixのレイヤーは、エディタ画面の上にある「ツール」をクリックし、

「レイヤー」のチャックボックスをクリックすることによってレイヤーパネルが出てきます。

レイヤーは「ヘッダー」「ページ」「フッター」に分かれています。

レイヤーパネルの各カテゴリをクリックすることによって、大項目（ストリップなど）から、その中に格納されている、テキスト・ボタンなどがどこにあるのかを確認することが可能です。

レイヤーを賢く使う方法をご紹介

レイヤーは前述した通りヘッダーをはじめとする３パターンに分かれています。

レイヤー特にヘッダーにレイヤーを追加したときにグローバルメニューがクリックできなくなったり、したときによく使うのがレイヤーとなります。

ヘッダーのボタンが押せない時の対処法について

ボタンが押せない時は、レイヤーの階層がバラバラになっていることが予想されます。

その際に「レイヤー」を活用することによって、簡単に解消できる方法についてご紹介していきます。

「レイヤー」を開いた時のここで言うとストリップをドラッグ&ドロップにて上に移動することによって、グローバルメニューが最前列になることより、ボタンを問題なくクリックすることができるようになると思いますので、是非試してみてください。

グリッド線を超えたときに表示されるレイヤーの黄色の警告

Wixでは時々バグにより、パーツがどこにいったかわからなくなる時があります。

そんなときに役立つのがこの「レイヤー」の警告です。

レイヤーで黄色く表示されている箇所は、グリッド線外に出ている警告となります。

マルチデバイスで綺麗に表示されるための警告となりますので、警告が付いたら是非修正するようにしてみてください。

Promolayer（プロモレイヤー）について気になる方はこちら

promolayerはプレミアムプランに登録することによって追加することができる、

「株式会社ピークデジタル」が開発した、Wix専用アプリとなっています。

こちらの機能を詳しく知りたい方は、下記をクリック＞＞＞

まとめ

最後までご覧いただきありがとうございました。

本日は「Wixのレイヤー」についてご紹介していきました。

Wixは多機能であるがあまり、複雑になることがあります。

複雑になることを緩和するためにWixの基本機能では、分かりやすく表面化する機能があるので、それを知っているのか知らないのかでは制作に対する手間が大幅に関わってきます。

賢くこのような機能を使って、制作を楽に進めていきましょう。

弊社では制作面でのお困りごと・貴社のHPをプロの目線で現行サイトを分析して、アドバイスさせて頂く「無料相談会」を実施しております。

ご興味がある方は下記のボタンより、弊社「株式会社ラジャ」までお問い合わせください。

#Wixエディタ