Tips– category –

Studioで作ったサイトのSEO対策を解説。タイトルと説明文、見出しタグ、ファビコン、OGP画像、サイトマップの設定と、それぞれが検索やSNSで果たす役割を整理します。

Studioのアニメーション機能を初めて使う方へ、ホバーと出現時の基本設定を解説。要素に動きを付ける操作と設定項目を確認し、Webサイトの演出に活用する手順を紹介します。

鯛のないたい焼き屋「OYOGE」のファーストビューを参考に、Studioでレイヤーとアニメーションを組み合わせる手順を解説。本体と飾りの配置、動き、固定位置の設定を紹介します。

StudioでWebサイト制作を受注してから納品するまでの流れを解説。ヒアリング、アカウント準備、独自ドメイン、制作、プラン契約、公開時に確認するポイントを紹介します。

マージンとパディングの違いを、ボックスの内側・外側の余白から解説。背景色の表示範囲も確認しながら、Studioでレイアウトを調整するときの使い分けを紹介します。

Webサイト制作で使うChrome拡張機能として、WhatFont、ColorZilla、Responsive Viewer、Wappalyzerを紹介。フォントや色の調査、画面サイズの確認に役立つ使い方を解説します。

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

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

Chromeの検証ツールでフォント、文字サイズ、余白を調べ、Studioのサイト模写に活用する方法を解説。検証画面の開き方からマージン・パディングの確認まで紹介します。

StudioでPC・タブレット・スマホに対応するレスポンシブデザインを作るコツを解説。基準となるレイアウトの作り方と、画面幅が変わっても崩れにくい設定の考え方を紹介します。