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

Wix エディタ:エディタのグリッド線を活用する

4分
グリッド線はエディタ内の点線で、訪問者があらゆる画面サイズでコンテンツを閲覧できるようにしておくのに役立ちます。すべてのパーツをグリッド線の内側に配置することで、小さなデバイスでパーツが途切れるような問題が発生しないようにしておくことができます。
グリッド線はエディタ内にのみ表示されますが、必要に応じていつでも非表示にすることができます。
エディタ内のグリッド線のスクリーンショット
この記事では、グリッド線の詳細について説明します:

グリッド線の仕組み

ライブサイトのサイト訪問者にグリッド線は表示されません。これらはサイトのマッピングやデザインをするためのガイドとして用意されています。
異なるブラウザやデバイスで表示されるように、すべてのコンテンツを縦のグリッド線内に配置することが重要です。縦のグリッド線の外側に配置されたパーツは、タブレットや小さな画面で切り取られる場合があります。

全幅パーツ

ストリップギャラリーのようにグリッド線内に収まらないように見える全幅パーツであっても、これらのパーツはページ上に配置することができます。ただし、テキストやボタンなどの重要なコンテンツは、縦のグリッド線内に収まるように配置してください。
ヒント:
グリッド線内のページの幅は 980ピクセルに固定されています。なお、ページの高さはグリッド線ではなく、ページのコンテンツに依存します。

エディタのグリッド線を有効または無効にする

エディタのトップバーから直接グリッド線を有効または無効にすることができます。「ツール」ドロップダウンメニューでチェックボックスを選択または選択解除します。

エディタのグリッド線を有効または無効にする方法:

  1. エディタ上部にある「ツール をクリックします。
  2. グリッド線」チェックボックスを選択または選択解除します。
エディタ上部にある「ツール」のスクリーンショット

カラムのグリッド線

カラムには、エディタのグリッド線とは別のグリッド線があります。エディタのグリッド線と同様に、デバイスの縦横のグリッド線内にコンテンツを配置して、デバイスとブラウザで正しく表示されるようにしてください。
カラムのグリッド線はエディタのグリッド線を上書きします。つまり、パーツがカラムのグリッド線の内側にある限り、エディタの縦のグリッド線の外側にパーツを配置できます。

よくある質問

以下に、エディタのグリッド線に関してよく寄せられる質問を掲載しています。質問をクリックして回答をご覧ください:
エディタ内のグリッド線のスクリーンショット
エディタ上部にある「ツール」のスクリーンショット