CMS：色フィールドを追加・接続する

CMS（コンテンツ管理システム）コレクションに、「色」フィールドを追加して要素に接続し、サイト上の要素の色を管理します。「色」フィールドを使用すると、サイト全体で各要素の色を動的に変化させることができます。コレクションのアイテムごとに特定の色を指定し、接続されたテキスト要素、ボタン要素、セクションの背景色などに、その色を適用することができます。これにより、エディタから各要素の色を手動で変更することなく、ダッシュボードの CMS コレクションから、それらの色をまとめて更新することができます。

たとえば、ネットショップを運営している場合なら、「色」フィールドを使用することで、商品名のテキストの色や商品の背景色を、CMS コレクションのアイテムで指定した色でまとめて更新することができます。

この機能は、サイト共同管理者がエディタからではなく、ダッシュボードからサイト上の要素の色を管理できるようにしたいパートナーにとって特に便利です。

CMS コレクションに移動して「色」フィールドを追加し、各アイテムの色を指定します。各アイテムに複数の色を使用したい場合は、「色」フィールドを複数作成することができます。たとえば、テキストの色として使用する「色」フィールドを作成し、それとは別にセクションの背景色として使用する「色」フィールドを作成することができます。

コレクションに「色」フィールドを追加したら、テキスト要素を「色」フィールドに接続することができます。これにより、テキスト要素の色が、接続された「色」フィールドの色に基づいて変化するようになります。

ボタン要素を「色」フィールドに接続し、CMS コレクションから直接ボタン要素の色を管理できるようにします。ボタンの状態（通常時、ホバー時、無効など）を選択し、ボタンのテキストの色、アイコンの色、枠線の色、背景色などのさまざまな部分に、「色」フィールドを接続することができます。

セクションの背景色を、CMS コレクションの「色」フィールドに接続します。これにより、セクションの背景色が、接続された「色」フィールドの色に基づいて動的に変化するようになります。

「色」フィールドの使用に関するよくある質問と回答については、以下をクリックしてください。