STUDIO

STUDIO2021年5月20日

STUDIOの便利な機能5選

Photo by Toa Heftiba [https://unsplash.com/@heftiba?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit] / Unsplash [https://unsplash.com/?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit] 最近はSTUDIOでサイトを作っており、作成時に便利だった機能を5つまとめました。 ① PCとモバイルで表示を変える ② カルーセルを設定する ③ hover時に表示を変化させる ④ 何度も使う要素はSymbolで共通化 ⑤ レスポンシブのブレイクポイントを変更する ① PCとモバイルで表示を変える上の画像を選択し、左上の目のアイコンでタブレットとモバイルのチェックボックスを外します。次に下の画像を選択し、「基準」のチェックボックスを外します。実際の動き② カルーセルを設定するダッシュボード>CMS からモデルを追加します。「記事タイプ」を選択して新

STUDIO2021年2月4日

NoCodeでサイト構築できる「STUDIO」でヘッダーのサブメニューを実装する

Photo by Aleksander Vlad [https://unsplash.com/@aleksowlade?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit] / Unsplash [https://unsplash.com/?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit] 地方のエンジニアの少ない中小企業で副業を行っていて、現場のメンバーでもメンテナンスできるようなNoCodeのサイト制作が求められ、最近よくSTUDIOを使っています。 STUDIO:https://studio.design/ja こんなメニューを作成します↓ 全体の構成はこのような感じです↓ ベースとなるヘッダーを用意するサブメニューの要素を追加する今回はABOUTを選択し、2回グループ化します。「commandキー+G」をすると、グループ化できます。2回もグループ化するなんて謎かもしれませんが、この後にいn hoverという機能を利用するた