この投稿は公式のWebflow Universityを元に作成しました。翻訳したテキストと画像は引用元のものを使用する場合があります。
引用元コレクションアイテムは、各コレクション内の個々のデータレコードです。コレクションアイテムは単一のブログ投稿、著者、製品などになります。各コレクションアイテムは、そのコレクションの構造を構成するコレクションフィールドのすべてまたは一部の値を持つことができます。これらの値は、デザイン要素や設定に動的にデータを提供するために接続できます。各コレクションアイテムは、自動的に生成されるDyanmic Collection Pageを持っている一方で、任意のページにおいてCollection Listsにも表示できます。
このレッスンで学ぶこと
コレクションアイテムの作成方法
コレクションを作成したら、サンプルコンテンツを追加してすぐにデザインを始めるか、アイテムを手動で作成したり、CSVファイルからインポートしたり、ZapierまたはWebhooksを使用してCMS APIを介してインポートすることを選択できます。
サンプルコンテンツの生成
コレクションにアイテムがない場合、サンプルコンテンツを生成するオプションがあります。サンプルコンテンツを生成することで、実際のコンテンツがなくても、サイト内ですぐにデザインと構築を始めることができます。
手動でアイテムを作成する
CMSパネルまたはEcommerceパネルを開いて、コレクションを選択し、+ New Itemボタンをクリックして、手動でアイテムを作成できます。このボタンはコレクションの名前に基づいて名前がついています(例:新しいブログ投稿、新しいレシピ、新しいチームメンバーなど)。
新しいアイテムの作成
新しいCMSアイテムを作成すると、次のオプションが選択できます:
注:公開を取り消すには、まずアイテムを公開する必要があります。
- この新しいアイテムを作成します。これは公開のためにステージングされ、次にサイト全体のPublish時に公開されます。
- アイテムをPublishします(次回のサイト全体の公開を待たずにすぐに公開されます)
- アイテムがライブサイトに掲載されるのを待たない下書きとして保存します。
- 投稿を将来の日付にスケジュールします(ホストされたCMS、ビジネス、およびEcommerceプランでのみ利用可能)
- 変更を破棄するためにキャンセルします。
注意: アイテムは最初に公開される必要があり、それから非公開にすることができるようになります。
アイテムのさまざまなフィールドを記入したら、アイテムを作成し、即座に公開、スケジュール、または下書きとして保存して後で編集を続けることができます(スケジュールされた公開はホストされたCMS、ビジネス、およびEcommerceプランでのみ利用可能です。非公開は以前に公開されたアイテムのみで利用可能です)
知っておくべきこと: 個々のアイテムを公開および更新すると、参照および複数参照フィールドで参照されているアイテムも公開されます。
コレクションへのコンテンツのインポート
すでにCSVファイルでコンテンツの構造が整備されている場合、それを簡単にコレクションにインポートし、既存のフィールドまたは新しいフィールドにマッピングできます。
コレクションアイテムの更新方法
デザイナーやエディターから、いつでもコレクションアイテムを更新できます。既存のアイテムを更新する際、変更内容を次回のサイト全体の公開でライブにするために変更を保存できます(そのステータスは「ステージングされた変更」となります)、アイテムをすぐに公開してコンテンツの変更をサイトに適用できます(そのステータスは「公開済み」となります)、またはアイテムを非公開にしてライブサイトから即座に削除できます(そのステータスは「下書き」となり、もはや「公開済み」のタイムスタンプを含みません)。また、下書きとして保存することや変更を破棄することもできます。
注意: 以前に公開されたアイテムを下書きとして保存する場合、アイテムのステータスは下書きに変更されますが、アイテムは次回のサイト全体の公開までライブサイトに公開されたままとなり、その時点でアイテムはライブサイトから削除されます。
アップデートを保存するか、即座にサイトに公開します。また、ライブサイトからアイテムを即座に非公開にしたり、アイテムを下書きとして保存することもできます。
下書きアイテムの編集方法
下書きアイテムは必要な回数だけ編集でき、公開の準備ができるまで下書きとして保存し続けることができます。準備ができたら、アイテムは公開のためにステージングされるか、即座にサイトに公開されます。また、アイテムの下書きステータスを保持したまま、ライブサイトからアイテムを即座に非公開にすることも選択できます。
下書きアイテムを即座に公開するか、次回のサイト全体の公開で公開のためにステージングすることができます。アイテムがライブに公開する準備ができるまで、常に下書きとして保存することができます。また、アイテムをライブサイトから即座に非公開にすることもでき、そのまま下書きステータスを維持します。
個別のアイテムを非公開にする方法
以前に公開されたアイテムを非公開にしたい場合、2つのオプションから選択できます:
- Unpublish the item
- Save the item as a draft
アイテムを非公開にする(Unpublish the item)
アイテムを非公開にすると、アイテムは即座にライブサイトから削除され、ステータスが下書きに変更されます(アイテムが既に下書きであり、かつライブサイトにまだ公開されている場合、下書きステータスは維持されます)。非公開にすると、元の公開日も削除されます。
注意: サイトのドメインに異なる公開日がある場合、またはサイトがバックアップから復元された場合、非公開にすることはブロックされます。さまざまなドメインの公開日を同期させる完全サイトの公開を実行した後、非公開にするアクセス権を回復できます。
アイテムを下書きとして保存(Save the item as a draft)
アイテムを下書きとして保存すると、アイテムのステータスが下書きに変更されますが、次回のサイト全体の公開までライブサイトに公開されたままとなります。元の公開日も引き続き表示されます。次回のサイト全体の公開時に、アイテムは非公開にされ、ライブサイトから削除され、元の公開日も削除されます。下書きのステータスは変わりません。
知っておくべきこと: 下書きアイテムは、公開ステージングを行うか(次回のサイト全体の公開時に公開される)、またはアイテムを即座にサイトに公開するかを選択するまで、ライブサイトに再公開されません。
公開制限
いくつかのケースでは、個々のアイテムを公開することがサイトを壊す可能性があります。これらの場合、個別のアイテムのアップデートを公開できないように制限しています。これらのケースには以下が含まれます:
- サイトがまだ公開されていない場合
- そのアイテムのコレクションの構造(または参照されるアイテム)が変更された場合
- 異なる時期に公開されている複数のドメインを持っている場合
- アイテムの参照が循環依存関係を作成している場合(例:ブログ投稿に著者がいて、著者にクライアントがいて、クライアントにブログ投稿がある場合)
これらの状況のいずれにも対処するには、サイト全体を(すべてのドメインに対して)公開して、すべてが同期していることを確認します。
個々のコレクションアイテムの編集方法
コレクションは生きているデータベースです。新しいアイテムをコレクションに追加すると、常に成長し続けます。既存のコレクションアイテムを変更したり、新しいアイテムを作成したりすることができます。これはいつでもデザイナーまたはエディターで行うことができます。
コレクションアイテムの管理方法
大規模なコンテンツデータベースを扱う場合、コレクションアイテムの管理は編集対象の選定に役立ちます。以下の方法で行うことができます:
- コレクションアイテムをページング
- コレクションフィールドの表示
- コレクションアイテムの検索
- コレクションアイテムのフィルタリング
- コレクションアイテムのソート
- コレクションアイテムの一括編集
コレクションアイテムをページング
デザイナーのCMSパネルからコレクションを開くと、最初の100個のコレクションアイテムが事前に読み込まれ、表示されます。コレクションに100個以上のアイテムがある場合、デザイナーの右下にある「Next」「Previous」のページネーションボタンを使用して、追加のアイテムをページ切り替えることができます。アイテムのページネーションがある場合でも、検索バーを使用して開いているコレクション内のアイテムを検索することができます。
コレクション・フィールドの表示
デフォルトで表示されているフィールドよりも多くのコレクションフィールドを表示したい場合は、コレクションを開き、デザイナーの右上隅にある「ピン」アイコンを選択して、コレクション内のフィールドを表示または非表示にします。
知ってると得**:** イメージ、マルチイメージ、ビデオ、およびリッチテキストフィールドを除くすべてのコレクションフィールドはピン留めできます。
コレクションアイテムの検索
コレクションを開き、検索バーに入力すると、編集したい項目をすばやく見つけることができます。検索すると、Nameフィールドの値が一致するアイテムが表示されます。
コレクションアイテムのフィルタリング
コレクションにアイテムを追加したら、「filter」ボタンを使用して表示されるアイテムを絞り込むことができます。次のフィルタオプションから選択できます:
- Status: すべて(デフォルト)、公開済み、下書き、予約済み、アーカイブ済み
- Published: すべて(デフォルト)、過去24時間、過去7日間、過去30日間
- Created: すべて(デフォルト)、過去24時間、過去7日間、過去30日間
- Modified: すべて(デフォルト)、過去24時間、過去7日間、過去30日間
知ってると得:複数のフィルタオプションを選択した場合、結果は「and」の組み合わせで表示されます。
コレクションにフィルタを適用するには:
- Collectionを開く
- トップアクションバーにある「filter」ボタンを押す
- コレクションアイテムビューに適用したいフィルタオプションの組み合わせを選択する
- フィルタの選択肢を保存するために「Apply filters」を押す
- フィルタオプションパネルを閉じて結果を表示するには、「x」を押すか、デザイナーの他の場所をタップします。
コレクションに適用されたフィルタの条件を満たすアイテムが含まれていない場合、コレクションには「フィルタオプションと一致する結果がありません(No results matched your filter options.)」と表示されます。
フィルタがコレクションに適用されているかどうかをすばやく確認するには、フィルタアイコン自体を確認してください。コレクションにフィルタオプションが適用されている場合、小さなチェックマークアイコンがフィルタの上に表示されます。
リセットを行い、コレクション内のすべてのアイテムを表示するには、フィルタをデフォルト状態に戻す必要があります:
- トップアクションバーにある「filter」ボタンを押す
- フィルタオプションパネルの上部にある「Reset」ボタンを押す
知ってると得: フィルタが適用されたコレクションを閉じると、フィルタは保持されず、コレクションを再度開いた際に再適用する必要があります。
コレクションアイテムの並べ替え
アイテムをコレクションに追加した後、コレクション内に存在するフィールドに応じてアイテムを並べ替えることもできます。異なるフィールドは異なるタイプの並べ替えをサポートしています:
- 値の比較による並べ替え
- 値の存在による並べ替え
- 並べ替え不可
また、各並べ替え可能なフィールドの並べ替えタイプは、フィールドのタイトルをクリックし、そのタイトルにカーソルを合わせて並べ替えタイプを表示することで確認できます。
値の比較による並べ替え
この並べ替えタイプは、各個々のアイテムの値を比較しています。この種の並べ替えに使用されるフィールドは次のとおりです:
- Plain text (sorts alphabetically)
- Number (sorts by ascending/descending values)
- Date (sorts by earliest/latest values)
- Switch (sorts by true/false values)
- プレーンテキスト(Plain text )- アルファベット順に並べ替え
- 数値(Number)- 昇順/降順の値による並べ替え
- 日付(Date)(最も早い/最も遅い値による並べ替え)
- スイッチ(Switch)(真偽値による並べ替え)
値の存在による並べ替え
この並べ替えタイプは、アイテムのフィールドに値が含まれているかどうか、または空であるかどうかに基づいています。値の存在によるフィールドの並べ替えが行われた後、値が「present」フィールドがアルファベット順に並べ替えられます。この種の並べ替えに使用されるフィールドは次のとおりです:
- Color
- File Reference
- Item Reference & Multi-Item Reference
- Link
- Option
- Phone
並べ替え不可(Not sortable)
この並べ替えタイプは、フィールドを並べ替えることができないことを意味します。並べ替え不可のフィールドには次のものが含まれます:
- ID
- Status
- Commerce Price
- Image & Multi-Image
- Video
- Rich Text
知ってると得:ID、ステータス、およびコマース価格フィールドは並べ替えることはできませんが、コレクションアイテムビューに固定して表示することはできます。
まとめてコレクションアイテムを編集
コレクションアイテムを表示して並べ替えたり絞り込んだりした後、複数のアイテムを編集できます:
- トップアクションバーのSelectボタンをクリックして、まとめて編集を有効にします。
- ビュー内のすべてのアイテムを選択するには、Nameフィールドの横にあるチェックボックスをオンにします。
知ってると得:この機能は、コレクションに100個以上のアイテムが含まれている場合でも機能し、ページネーションビューで表示されます。別のページのアイテムを選択するには、「next」を押して次のページに移動し、上記のステップ2を繰り返します。
一度アイテムを選択したら、現在の選択とアイテムの現在のステータスに応じてさまざまな一括アクションを実行できます(たとえば、アイテムが異なるステータスを持っている場合、利用可能なすべてのアクションを実行できないことがあります)。最初の一括アクションは次のとおりです:
- Export: • コレクションアイテムをCSVとしてエクスポートします(コレクションアイテムを選択的にエクスポートする方法について詳しくはこちら)
- Delete: • コレクションアイテムをデザイナーから完全に削除しますが、アイテムはライブサイトに残り、次回のサイトの公開時にライブサイトから削除されます。
「Update items」ボタンをクリックして、ドロップダウンメニューから次のアクションを選択できます:
- 公開準備中(Stage for publish): 現在のドラフトアイテムを次回のサイトの公開時に公開準備中として設定します。
- 公開(Publish): アイテムを即座にライブサイトに公開します。
- 下書きとして保存(Save as draft): コレクションアイテムがまだ公開準備ができていない場合、アイテムを下書きとして設定し、次回のサイトの公開時にライブアイテムをライブサイトから削除します。
- 非公開(Unpublish): アイテムをライブサイトから即座に削除し、ステータスを「Draft」に変更します(アイテムが既に下書きで、ライブサイトにまだ公開されている場合、そのままの下書き状態を維持します。
- アーカイブ(Archive): コレクションアイテムを次回のサイトの公開時にサイトから引き抜きますが、デザイナーやエディターからはアクセスできるようにします。
プロのヒント: 一括編集モードで作業している場合、SHIFT + クリック を使用してアイテムの範囲を選択できます。この機能は、コレクションに100以上のアイテムが含まれており、それらがページ付けビューで表示されている場合でも機能します。追加のページを移動し、引き続きSHIFT + クリック を使用して編集したい追加のアイテムを選択し続けることができます。
重要: サイトのドメインが異なる公開日を持つ場合、またはサイトがバックアップから復元された場合、非公開にすることはできません。さまざまなドメインの公開日を同期させる完全なサイトの公開を実行した後、非公開にする権限を取り戻すことができます。
コレクションアイテムのスケジュール設定方法
スケジュール公開を使用すると、コンテンツのリリースを事前に準備し、自動的にライブにプッシュできます。この機能は、ホステッドCMS、ビジネス、およびEcommerceプランでのみ利用可能です。