Technique– category –

Studioのページ内リンクと切り取り設定を使い、タブをクリックしてコンテンツを切り替える作り方を解説。ボックスの配置、IDの付け方、リンク設定を順番に紹介します。

Studioのボックスとホバー設定でプルダウンメニューを作る手順を解説。ヘッダーの配置から絶対位置、メニューの表示・非表示まで、操作の流れを画像付きで紹介します。

Studioのサイトに店舗や施設のGoogleマップを表示する方法を解説。Googleマップで埋め込みコードを取得し、Studioのiframeボックスに貼り付ける手順を紹介します。

Studioで画像やコンテンツを切り替えるカルーセルの設定方法を解説。自動再生の使い方に加え、表示スペースの活用や読み込み速度など、設置前に考えたい注意点も紹介します。

StudioのCMSとカルーセルを使い、画像が横へ流れ続ける表現を作る方法を解説。画像リストの準備、サイズと余白、イージング、自動再生の時間設定を順に紹介します。

Splineで作った3DデザインをStudioに表示する方法を解説。Splineの特徴、オブジェクトの準備、公開リンクの取得、iframeへの埋め込みまでの流れを紹介します。

Studioのギャップ機能で、並べたボックスの間隔をまとめて調整する方法を解説。要素間に余白を作る考え方と、レイアウトを整える際の使い方を紹介します。

RSSリンクを取得してStudioにブログ記事を表示する方法を解説。デザインエディタでの設定とレイアウト調整に加え、WordPressの記事を連携するときのポイントも紹介します。

Studioのはみ出し・切り取り・スクロール設定の違いを解説。ボックスからはみ出す内容の見せ方と、スクロールを活用したレイアウトの応用例を紹介します。

Studioのコンポーネント機能で共通パーツを管理する方法を解説。作成・配置の手順、プロパティによる調整、解除の方法と、ヘッダーなどでの活用シーンを紹介します。