Studio構築中につまづいた事と解決方法

ノーコードツールStudioでのサイト制作中につまいづいた部分と、解決方法をまとめました。

CMSでリンクを設定し、別ウィンドウで表示したいのに、別ウィンドウにするトグルが出てこない時

CMSのリンク設定で別ウィンドウで開くトグルが表示されない場合は、調整で選択しているCMS項目にURLが入力されているかを確認すると解決します。

URLが入力されたCMSコンテンツをデザイン側で選択すると、設定パネルに別ウィンドウのトグルが表示されます。ですが、URL未入力のCMSコンテンツを選択して調整していると、トグルそのものが出てこないため、設定できません。

同じ症状が出た時は、まずそのコンテンツのCMSフィールドに正しくURLが入っているかどうかを確認してみましょう。

プレビューでは確認できるのに公開した時に表示されない場合

Studio のCMSは、プレビューでは表示される画像が公開した時に非表示になる場合があります。
そんな時は該当のCMSが公開になっているか確認。（緑丸が公開されている状態）
下書きになっていると画像が表示されない。（青丸が下書きの状態）

公開しているのに、やっぱりサイトに反映されない場合

画像サイズが大きすぎるとサイトに反映出来ない場合があります。
その場合は画像を一旦、サーバーにおきstudioのCMSの管理画面に画像のURLを入力することで画像を表示することができます。手順は下記の通りです。

1. CMSで［テキスト］のプロパティ追加
2. （１）で生成されたボックスにURLを入力
3. デザインエディタでimgを追加
4. 画像の左ボックスにプロパティから先ほど追加したテキストを選択（名前を画像URLなどに変更しておくと分かりやすい）
5. 完了

Studio で例えばWebサイト全体の縦長のスクショ等、大きな画像は使うと画質が悪くなったり、小さく表示されたりなどうまくサイトに反映されないことあります。
その場合はサーバーを用意しそこにアップロードした画像のURLを指定してサイトに反映する方法がおすすめです。

以前はGoogleドライブ等のクラウドサービスにアップロードしたURLでうまく反映されていたようですが、2024年現在は反映出来ませんでした。
なので現在はサーバー契約する必要があります。

プレビューでは反映されるマージンが公開したサイトで反映されない時

パディングに変更すると反映される