CSVファイルの準備

ファイルが「CSV」ファイル、別名「カンマ区切り値」ファイルとしてエクスポートされていることを確認してください。問題が発生した場合は、ファイルがUTF-8でエンコードされており、5MB未満であることを確認してください。それ以上のサイズの場合は、必要ないかもしれない列を削除してみてください。特定のフィールドに関する追加情報は、以下を参照してください。

ヒント: CSVからすべての列をインポートする必要はありません。次のステップでCMSコレクションに設定されたフィールドのみがインポートされます。

リッチテキストフィールド

フォーマットされたテキストコンテンツはHTMLとしてフォーマットされる必要があります。段落や見出し<p>,<h1>,<h2>などの多くのタグがサポートされています。フォーマット(<em>, <i>, <strong>)、リンク(<a>)、リスト(<ol>, <ul>, <li>)、画像(<img>)もサポートされています。URLからの画像は自動的に元のソースからダウンロードされ、Framerにインポートされます。

画像フィールド

CSVコンテンツ内の画像は画像のURLである必要があります。それらはダウンロードされ、Framerにインポートされます。相対パスはサポートされていません。

日付フィールド

推奨フォーマットはISO8601準拠で、例えば: 2023-12-17T14:42:00です。年-月-日という短縮値もサポートされています。例えば: 1982-12-01。長いフォーマットの文字列も機能するかもしれませんが、ブラウザによります。例えば: Tue May 12 2020 18:50:21 GMT-0500 (中央夏時間)。すべての時間データ（タイムゾーン情報を含む）は日付から削除されます。

カラー フィールド

CSSの16進数RGBコード、rgb、hlsまたはhlv式、または名前付き色としてフォーマットされた色。アルファ値を持つすべてのバリアントもサポートされています。例: #00ffee、rgb(0, 153, 255)、hsla(204, 100%, 50%, 0.5)、blue、darkgreen、rebeccapurple。

トグルフィールド

ブール値。Y、yes、TRUE、1は、トグルが「はい」と解釈されます。その他のすべての値は「いいえ」となります。

CMSコレクションの準備

インポートのためにCMSコレクションを準備するためのチェックリストです。

1. CSV内の各フィールド/列がCMSコレクション内の同じ名前のフィールドと一致していることを確認してください。

2. 各アイテムに対して一意のフィールドを含めてください。通常、「Slug」と呼ばれます。

3. データ型が一致していることを確認してください（例：データ内の日付フィールドにはCMSの日付フィールドを使用）

ヒント: FramerはあなたのSlugフィールドを使用して各アイテムを識別し、繰り返しインポートでそのアイテムを更新します。

CSVファイルのインポート

プロジェクトのCMSに移動し、ツールバーの「インポート」をクリックすることで、インポート機能を見つけることができます。そこから、インポートのためにCSVファイルを選択できます。また、CSVファイルをCMSコレクションインターフェースに直接ドラッグ＆ドロップすることもできます。

ヒント: インポートは元に戻す/やり直しアクションをサポートしています。インポートが気に入らない場合は、MacOSではCMD+Z、WindowsではCTRL + Zで変更を元に戻すことができます。やり直しはインポートを再実行するわけではなく、変更をコレクションに即座に適用します。

更新または再インポート

コンテンツを更新するには、同じコレクションに再度インポートできます。新しいインポート内のアイテムにSlugフィールドがあり、それがコレクション内のアイテムの1つと一致する場合、更新したり、再インポートをスキップしたりすることができます。