様々な組み合わせが可能なエディタ
データの入力形式に応じて、さまざまなエディタを使い分けることができます。
テキストフィールド
自由入力の1行テキストです。タイトル等に適しています。
詳細設定が可能な項目:
- 必須項目設定
- 説明文
- 重複許可(ユニーク)設定
- 特定パターンのみ入力許可
- 文字数制限設定
リッチエディタ
自由入力の複数行テキストです。ツールボタンを使うことで、文字の装飾や画像・表などの挿入ができます。
詳細設定が可能な項目:
- 必須項目設定
- 説明文
- ツールバーの編集
- 色のプリセット
- カスタムclass
画像フィールド
画像用のフィールドです。APIからは画像URL / width / heightが返却されます。
詳細設定が可能な項目:
- 必須項目設定
- 説明文
- 画像のサイズ制限(width / height)
複数画像フィールド
複数画像用のフィールドです。APIからは画像URL / width / heightが配列で返却されます。
詳細設定が可能な項目:
- 必須項目設定
- 説明文
- 画像のサイズ制限
- レイアウト(スクロール / 2カラム / 3カラム / 4カラム)
日時フィールド
Date型のフィールドです。カレンダーから日時を選択することができます。
詳細設定が可能な項目:
- 必須項目設定
- 説明文
- 日付指定のみ or 日時指定あり
真偽値フィールド
Boolean型のフィールドです。スイッチでオン/オフを切り替えることができます。
詳細設定が可能な項目:
- 必須項目設定
- 説明文
- 初期値(false / true)
セレクトフィールド
事前に定義したリストの中から値を選択するフィールドです。設定により複数選択も可能です。
詳細設定が可能な項目:
- 必須項目設定
- 説明文
- 選択肢(追加 / 削除 / 並び替え)
- 複数選択(初期値)
カスタムフィールド
既存のフィールドを組み合わせて、グループを作ることができるフィールドです。
1カラムまたは2カラムでのレイアウト設定も可能です。
詳細設定が可能な項目:
- 必須項目設定
- 説明文
- カスタムフィールド
- 一覧画面に表示する項目(値が設定されたフィールドの件数、またはテキストフィールドの項目から選択可能)
繰り返しフィールド
作成済みのカスタムフィールドを複数登録しておき、ブロックエディタのように自由に積み上げていくことができるフィールドです。
詳細設定が可能な項目:
- 必須項目設定
- 説明文
- 繰り返しフィールド、並び順
- 繰り返しフィールド数の制限(最小値 / 最大値)
拡張フィールド
iframeの仕組みを利用して、外部にホスティングした自作のフィールドを埋め込むことができる機能です。自社データや外部データの読み込み・選択が可能になります。
詳細設定が可能な項目:
- 必須項目設定
- 説明文
- 拡張フィールドURL
関連情報
例えばこんな使い方・活用方法
microCMSの基本的な使い方から業務効率を高める活用術まで、初心者から上級者まで役立つ情報を紹介しています。

vue-awesome-swiper × microCMSでNuxtにスライドショーを実装する

microCMSを使ってマークダウンで入力するブログを作る

Nuxt.jsとmicroCMSで採用ページを作成してみよう!

microCMSで目次を作成する

microCMS のコンテンツを Stripe に同期する

Google Analyticsを使って人気記事を取得しmicroCMSに連携する

拡張フィールド(iframe連携)でGoogle Mapsと連携し、「地図フィールド」を実現する

microCMSとZapierでお問い合わせ機能を実装する

カスタム通知を使ってコンテンツ更新をTwitterに投稿する

microCMSのカスタムフィールドを使ってランディングページを作ろう

カスタムフィールドを使用してブログにCVエリアを追加しよう

Serverless Functions + microCMSで全文検索APIを作成する

Aspida + microcms-js-sdkを使った型安全なAPI開発

microCMSを使ったお手軽フィーチャーフラグ運用

Alpine.js + Tailwind CSS + microCMSでカルーセルバナーを作成する
microCMSのエディタを徹底解説

microCMSの各種フィールドについて実際のUIと共に解説しています。また、応用編として次の2つのフィールドについて詳しく紹介しています。
- 繰り返しフィールド
作成済みのカスタムフィールドを複数登録しておき、ブロックエディタのように自由に積み上げていくことができるフィールド。 - 拡張フィールド
iframeの仕組みを利用して、外部にホスティングした自作のフィールドを埋め込むことができるフィールド。