STUDIOで使えるショートカットまとめ
STUDIOで使えるショートカットをまとめてみました。 STUDIOで使えるキーボードショートカットはボックスのコピーペーストのような基本的な操作や左右のパネル開閉操作ができます。 キーボードだけで…
2022 / 09 / 02
STUDIO
STUDIOの使い方
STUDIOでクリックして開くサイドメニューの作り方
STUDIOでクリックで開くサイドメニュー（ハンバーガーメニュ）を作るにはモーダルを使ってアイコンやテキストとリンクさせるだけでOK。 このページではモーダルの設定など具体的な方法を解説します。 S…
2022 / 09 / 01
STUDIOでアニメーションを作成する方法
STUDIOでフェードインやマウスオーバー時のアニメーションを作成するには、条件を適用した状態でスタイルを設定するだけでOK。 プレビューをすぐに確認できるので動きをチェックしながらサクサクアニメー…
2022 / 08 / 31
STUDIOで新しくページを作る方法
STUDIOで新しくページを作る方法と必ずやっておきたい設定についてまとめてみました。 ページ自体は簡単に追加できるのですが、新しいページは真っ白の状態でページの設定やコンテンツの配置などゼロからは…
2022 / 08 / 30
STUDIOで問い合わせページを作る方法
STUDIOで作ったホームページに問い合わせページを追加することでホームページから直接問い合わせを受け取ることができます。 問い合わせテンプレートを設置するかiframeでGoogleフォームの設置…
2022 / 08 / 29
STUDIOでブログ記事一覧をホームページに表示する方法
STUDIOのCMSで作成したブログ記事をホームページに表示するには、ブログとリンクさせたコンテンツを作成する必要があります。 ブログのタイトルや本文など個別にリンクさせたオリジナルデザインの記事一…
2022 / 08 / 26
STUDIOでおしゃれなWebサイトを作るためのデザインのやり方
STUDIOでおしゃれなホームページを作りたい人のための効率よくデザインする方法を解説。 ボックスでレイアウトを作れるようになったらあとはデザインのやり方を覚えれば誰でもおしゃれなWebサイトを作成…
2022 / 08 / 25
STUDIOで作ったWebサイトをレスポンシブ化する方法
STUDIOで作ったホームページをスマホやタブレットでも崩れないように表示する方法。 スマホでのアクセスが多いホームページではレスポンシブ化が必須なので必ずやっておきたいところです。 STUDIOを…
2022 / 08 / 24
STUDIOで思い通りのレイアウトを作れるボックスの基本
STUDIOを使ったレイアウトの作成はFigmaやXDのようなデザインツールと違ってちょっとコツが必要です。 コツと言っても「ボックス」の基本操作だけ覚えてしまえば画像もテキストも同じように扱えます…
2022 / 08 / 23
初心者のためのSTUDIOの使い方 超入門ガイド
STUDIOの基本的な機能の使い方からリアルな実装についてのTipsなどをまとめていきます。 このページの最後のリソースリンクにもまとめていますが、公式チャンネルでSTUDIOの使い方動画がアップさ…
2022 / 08 / 22