Studioでよくある制作中のつまずき
Studioでサイト制作中につまずきがちなポイントとその解決方法をご紹介します。問題に対して、各チェック項目から該当しそうなものを確認し、「解決方法」をお試しください。
特定の要素やCMSアイテム、記事が表示されません
【CMS】アイテムの公開ステータスを「公開」にしていますか?
【CMS】コレクションの公開ステータスを「公開」にしていますか?
【CMS】動的ページは活用していますか?
【CMS】紐付けるCMSモデルは正しいですか?
出現時アニメーションの開始位置は正しいですか?
非表示設定になっていませんか?
重ね順は正しいですか?(他のボックスと干渉していませんか?)
表示条件が設定されていませんか?
正しいリンク先に遷移しません(異なるページ、404ページが表示される)
設定したリンクは正しいものになっていますか?
リンクを設定するボックスは正しいですか?
重ね順は正しいですか?(他のボックスと干渉していませんか?)
解決方法
解決方法
リンクやホバーアニメーションが機能しない問題のあるボックスに、別のボックスが重なっているかどうかをエディター上で確認してください。
必要に応じて、配置を見直したり、重ね順を調整してください。
部分的に重なるボックスによる問題
全体を覆うアニメーションボックスによる問題
関連記事
【CMS】動的ページは活用していますか?
リンクを設定しましたがクリックできません
重ね順は正しいですか?(他のボックスと干渉していませんか?)
解決方法
解決方法
リンクやホバーアニメーションが機能しない問題のあるボックスに、別のボックスが重なっているかどうかをエディター上で確認してください。
必要に応じて、配置を見直したり、重ね順を調整してください。
部分的に重なるボックスによる問題
全体を覆うアニメーションボックスによる問題
関連記事
テキストやコンテンツが被ってしまいます(はみ出てしまう、見切れてしまう、表示されない)
縦幅はautoになっていますか?
解決方法
解決方法
ボックスが中に入っているボックスの縦幅は、基本的にautoに設定します。autoを設定すると、中のボックスの高さに応じて外側のボックスの高さが自動調整されます。
関連記事
違うデバイスで見ると崩れます
レスポンシブ設定をしていますか?
解決方法
解決方法
サイト閲覧者が使用するデバイス(例: デスクトップPC、タブレット、スマートフォンなど)の画面サイズに応じて、表示が自動的に調整・最適化されるよう、画面サイズごとに要素のサイズやレイアウトを調整してください。
関連記事
縦幅はautoになっていますか?
%、flex、autoなど他の単位を試してみましたか?
並び方の変更を試してみましたか?
解決方法
解決方法
ボックスの上に表示される矢印のメニューから並べたい向きの矢印を選択することで、ボックスが矢印の指す方向に並びます。
関連記事
エディターとライブプレビュー、サイトの見え方が違います
ブラウザの倍率は同じですか?
同じ横幅で見ていますか?
解決しない場合
この記事で解決しない疑問がある場合は、エディタ右下の[?]からチャットサポートへお問い合わせください。
また、ユーザー同士でStudioの使い方について情報交換ができる「Studio Community」のQ&Aもぜひご活用ください。