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

Wix Studio エディタ:スタックについて

2分
「スタック」とは、異なる複数の要素を、縦横の順序に関係なく、フレックスボックスに収まっているように一つにまとめる操作を指します。要素をスタックすると、訪問者が小さな画面で表示した際に要素が重なり合ってしまったり、大きな画面で表示した際に不自然な隙間ができるのを防ぐことができます。

スタックする方向を選択する

要素は、縦に配置されている場合でも、横に配置されている場合でも、自由にスタックすることができます。縦方向にスタックするか、横方向にスタックするかは、要素の配置によって異なります。
いずれの場合も、スタックした要素は、ドロップダウンの「縦」または「横」をクリックしてその方向を切り替えることができます。これにより、縦方向にスタックした要素も、横方向にスタックした要素も、同じ順序のまま簡単に方向を変更することができます。
横方向にスタックした要素を、縦方向に変更する様子を示したスクリーンショット。

ドラッグアンドドロップで要素の間隔を調整する

スタックした要素の間隔は、ドラッグアンドドロップで簡単に調整することができます。
スタックした要素の間隔を、ドラッグアンドドロップで調整する様子を示したスクリーンショット。
マイナスのマージンを作成して、意図的に要素を重ねることもできます。
ドラッグアンドドロップでマイナスのマージンを作成して、意図的に要素を重ねる様子を示したスクリーンショット。

ニーズに合わせてスタックコンテナをデザインする

スタックコンテナの色はデフォルトでは透明ですが、要素設定パネルから必要に応じて背景色、枠線、影などをデザインすることができます。
要素設定パネルの「デザイン」セクションで、スタックコンテナのデザインをカスタマイズする様子を示したスクリーンショット。
横方向にスタックした要素を、縦方向に変更する様子を示したスクリーンショット。
スタックした要素の間隔を、ドラッグアンドドロップで調整する様子を示したスクリーンショット。
ドラッグアンドドロップでマイナスのマージンを作成して、意図的に要素を重ねる様子を示したスクリーンショット。
要素設定パネルの「デザイン」セクションで、スタックコンテナのデザインをカスタマイズする様子を示したスクリーンショット。