15th
Framer Advent Calendar

要素やアイテムの追加(Insert)

ゆうご

ゆうご

Dec 15, 2024

目次

目次

目次

ページやセクション、ヘッダーなど、様々な要素を追加することができる

上部のツールバーより「Insert(インサート)」を選択すると、Framer側であらかじめ用意されたページやセクション、ナビゲーションなどのアイテムや要素を簡単に画面に追加できます。わざわざ自分で1から準備しなくてもテンプレートのように素早くデザイン制作を進めることができます。

ショートカットキーの「I」で開くことも可能です。


大きく3つのカテゴリーから要素を追加できる。

インサートはベーシック、CMS、エレメントの3つのカテゴリーが用意されています。


Basics(ベーシック)

ページ、セクション、ナビゲーション、メニューの4つの項目がある。

ページを選択すると、エディター画面に新規でページが追加される。LPやブログ、ポートフォリオなど種類がいくつかあるので、テンプレートのようにすぐスタイリングやコンテンツ制作に進める。


セクションは、その名の通り、ファーストビューや概要セクション、ブログ一覧、特徴などの各セクション向けにデザインが用意されている。グリッドやリストもあるので新しく作るよりも、こちらを使う方が早いかもしれない。


ナビゲーションとメニューは、ヘッダーのグローバルメニューのようなものでデザインもいくつかある。ライトモードとダークモード用でそれぞれ用意されている。


CMS

CMSは、ブログ記事やカテゴリー、著者なCMSで用意されたモデルやコレクションなどを追加できる。追加したCMS要素の中に、さらにCMS要素を追加するなども可能。


Elements(エレメント)

エレメントはどこでも使える基本的な要素とは異なり、必要な時があれば使うといったものがたくさん用意されている。例としては、iframe埋め込みやYouTube動画、Lottie、リアルタイムの時間、カウントダウン、アイコン、フォーム、カルーセルやスライドショーなどです。



Please post what you learned from this calendar on X with a hashtag!

What you learned from this calendar,

\ please post it on X with a hashtag! /

Back to calendar

Back to calendar

Let Potential Bloom

© Framer Japan Community 2025 All rights reserved

Event

Blog

Template

Component

Japanese Framer site

Pro Plan 25% discount code

English

Let Potential Bloom

© Framer Japan Community 2025 All rights reserved

Event

Blog

Template

Component

Japanese Framer site

Pro Plan 25% discount code

English

Let Potential Bloom

© Framer Japan Community 2025 All rights reserved

Event

Blog

Template

Component

Japanese Framer site

Pro Plan 25% discount code

English