ヘルプセンター
ヘルプセンター
スタート
Tilda の仕組み
新しいページを作成する
ページをコピーする
ページを転送する
ページの並べ替え
ドメインとHTTPS
ドメイン名の購入方法
ドメイン名の設定方法
DNSの管理方法Tilda
レジストラ側でのDNS設定方法
カスタムドメインのエラー
HTTPSの設定方法
ドメインの所有権を確認する方法
カスタムドメインメールの設定方法
サイト設定
サイト設定
無料tilda.ws サブドメイン
ドメイン名の接続
HTTPSの設定
ヘッダーとフッター
ウェブサイトのフォントを設定する
ウェブサイトの配色とデザイン
ホームページ
ページフォルダー
AI
バイブ・ブロック
AIを活用したウェブサイトコンテンツの作成
ページ編集
ページ編集
ナビゲーション・メニューの追加
アンカーと内部リンク
ページ アクション
ページ出版
URLと他のページへのリンク
HTMLコードを埋め込む
フォーム
カバーを投げる
モバイルデバイスでの視聴
SEO
ポップアップ
オンライン出版用の画像を準備する
多言語ウェブサイトの作成
フィードバック・ウィジェットを追加する
ソーシャルメディアとメッセンジャーでのページプレビュー
ブログの作り方
コメント欄の追加
目標達成率の提出方法
検索バーの追加方法
ノン・ブレイキング・スペース&ソフト・ハイフン
このページをPDFとして保存
ページテンプレートの作成方法
マイクロデータマークアップの追加方法
ツールチップ
投稿一覧またはインデックスページ
クリック可能な電話番号とメールアドレス
固定の入力形式を設定する方法
スクロールや読み込み時のマイクロアニメーションの作成方法
オンラインストアと支払い
オンラインストアと決済処理
オンラインストア カスタマーアカウント
見込み客
オンラインストアに商品を追加する
製品バリエーションの追加
在庫切れのお知らせ
商品をお気に入りに追加する
オンラインストアのカテゴリとサブカテゴリの作成
ダイナミック・ディスカウントの設定方法
プロモコード(割引)を作成する
ショッピングカートの設定
商品の直接販売
支払いシステムの割り当て
ストライプの設定
ペイパルの設定
ベリフォンのセットアップ
単一製品の販売
配送オプション
注文通知の送信
製品カタログのアイテムをインポートおよびエクスポートする方法
フォーム
データ収集フォーム
データ取得フォームの設定
電子メール
グーグル シート
メールチンプ
グーグルフォーム
センドグリッド
センディンブルー
セルジー
コンモ
パイプドライブ
Zoho CRM
トレロ
テレグラム
スラック
ザピア
メーラーライト
ノーティオン
セールスフォース
ハブスポット
ウェブフック
フォームのミスを避ける
マンデードットコム
アナリティクス
ウェブサイト統計の追跡
オンラインストア統計へのアクセス方法
目標達成率の提出
グーグル・アナリティクス
グーグルタグマネージャー
Facebookピクセル
SEO
オンライン・プロモーション
Zero Block
カスタムブロックの作成
レスポンシブデザイン
Zero Block内のカスタムモジュラーグリッド
キーボードショートカット一覧
アニメーション
ステップ・バイ・ステップ・アニメーション
アニメーションのトリガー
Figmaからのインポート
ベクターエディター
メールキャンペーンビルダー
電子メールの作成、編集、送信
プランと請求
プラン
自動購読更新のキャンセル
価格と支払い
入金確認
Tilda ビジネス・プランへのアップグレード
特別プラン
開発者向け
コード輸出
Tilda API
HTMLコードを埋め込む
ウェブフック
WordPressプラグイン
ヘルプセンター
→
ニュースとフィード
→
高度なフィードのガイド
高度なフィード(CMSフィード)ガイド
Zero Blockでカスタムフィードを作成・設定し、フィールドを管理し、投稿をタイル形式で表示する方法
高度なフィードの作成
もっと見る
フィールドの追加と削除
もっと見る
フィールドの編集
もっと見る
フィールドの復元
もっと見る
Zero Blockでの投稿ページテンプレートの作成
もっと見る
Zero Blockでの投稿タイルの作成
もっと見る
投稿のタイルを編集する
もっと見る
要素をフィードフィールドにリンクする
もっと見る
投稿タイルへの要素の追加
もっと見る
「メディア」フィールドの追加
もっと見る
フィールドの追加
もっと見る
投稿の表示設定
もっと見る
投稿タイルの表示に関する追加設定
もっと見る
要素の表示条件
もっと見る
情報フィードをカスタムフィードに移行する
もっと見る
フィード間の投稿の移動
もっと見る
CMSフィードを使用すると、コンテンツの構造を柔軟にカスタマイズできます。既製のフィールドセットを利用したり、用途に応じて独自のフィールドセットを作成したりできます。
このガイドでは、CMSフィードの作成と設定方法、フィールドの管理方法、およびZero Blockを使用してページ上に投稿をタイル形式で表示する方法について解説しています。
CMSフィードの作成
まず、サイト設定で「CMSフィード」を接続します。次に、「フィード」を開き、「新しいフィードを作成」をクリックします。
Enter the Feed title, select the Feed structure. Choose Blank to configure fields from scratch, or use a ready-made field set, such as Blog, FAQ, or another option that best fits your task.
Click Create, and the Feed dashboard will open.
カスタム(CMS)フィードで設定されたフィールドはすべて編集可能です。不要なフィールドを削除したり、新しいフィールドを追加したり、順序を変更したりすることができます。
フィードを作成したら、それを開いてください。デフォルトでは、選択した構造に合わせて投稿のサンプルが作成されます。それらを確認してから削除することができます。
フィールドの追加と削除
フィールドの設定を開始するには、「フィード設定」→「フィールド」を開いてください。
[フィールド] タブには、現在のフィードの構造が表示されます。フィールドを追加するには、[フィールドの追加] をクリックします。既存のフィールドを編集するには、リストからそのフィールドを選択します。フィールドを削除するには、ゴミ箱アイコンをクリックします。
また、フィールドを一時的に無効にしたり、複製したり、リスト内で移動したりすることもできます。
「タイトル」フィールドは必須です。このフィールドを
非表示にしたり、削除したり、無効にしたり、複製したり、移動したりすることはできません。このフィールドは、常に投稿カードの最初のフィールドとなります。
すべてのカスタムフィールドを削除したり、「空白フィード」を作成したりすると、投稿カードにはシステムフィールドのみが表示されます。具体的には、タイトル、投稿のURL、公開設定、投稿を含むカスタムページへのリンク、投稿一覧での順序番号、およびメタタグフィールドです。
フィールドの編集
フィールドを追加する際は、そのタイプ(プライマリ、セカンダリ、または装飾用)を選択してください。
プライマリフィールドは
、投稿コンテンツを作成するために
使用されます
。これには、1行入力フィールド、複数行テキストフィールド、書式付きテキスト、ブロックテキストエディタ、画像、ギャラリー、動画、メディアなどが含まれます。
セカンダリフィールドは
、プロジェクト固有の機能に応じて追加できます。これには、日付、ウェブサイト、数値フィールド、色、ドロップダウンリスト(セレクトボックス)、回答オプション付きリスト、チェックボックス、HTMLなどが含まれます。
装飾フィールドは
、フィールドセットの書式設定や構成に役立ちます。これには、区切り線、空白、テキストコメントなどが含まれます。
また、各フィールドごとに追加の条件やパラメータを設定することもできます。これらを表示するには、「追加」をクリックしてください。
「画像」、「ギャラリー」、「メディア」のデフォルト値など、必要なすべての項目を入力してください。投稿一覧のオプションにある「必須」および「表示」の項目には特に注意してください。
「必須」オプションが有効になっている場合、このフィールドに入力するまで投稿を保存することはできません。この条件は、投稿の作成時と編集時の両方に適用されます。
フィールドにデフォルト値が設定されている場合、手動で変更するまではその値が使用されます。
「投稿一覧にフィールドを表示」オプションが有効になっている場合、そのフィールドとその値が投稿一覧に表示されます。
フィールドの復元
削除されたフィールドは、復元することも、完全に削除することもできます。これを行うには、[設定] の [フィールド] タブにある [削除されたフィールド] をクリックしてください。
削除されたフィールドの一覧が表示されます。各フィールドについて、削除日と、「復元」および「削除」の2つの操作が表示されます。
復元後、そのフィールドは以前に保存されていた値とともに、投稿カードに再び表示されます。
削除されたフィールドは30日間保存され、その後完全に削除されます。この期間が満了する前にフィールドを完全に削除するには、「削除」をクリックしてください。
削除されたフィールドにデータが含まれていた場合、投稿カードに削除されたフィールドに関するツールチップが表示されます。「表示」をクリックすると、そのフィールドとそこに保存されていた値を確認できます。
削除されたフィールドの値は編集・保存できます。ただし、公開されたページには表示されず、投稿カードを閉じると再び非表示になります。投稿カードやページに再び表示させるには、「フィード設定」の「フィールド」タブで、該当するフィールドを復元してください。
Zero Blockでの投稿ページテンプレートの作成
Zero Block を使えば、フィード投稿用にカスタムデザインのページを作成できます。これを行うには、新しいページを作成し、フィード設定でそのページを投稿ページテンプレートとして指定します。その後、Zero Block 追加し、フィードの各フィールドの表示方法を設定し始めます。
Zero Blockにフィードフィールドを表示するには、「新しい要素を追加」アイコンをクリックし、ドロップダウンメニューから特定の投稿フィールドを選択するか、すべてのフィールドを一度に追加します。
Zero Block で投稿ページテンプレートを作成しZero Block 正しく設定する方法について、詳しくはこちらをご覧ください。
Zero Blockでの投稿タイルの作成
標準ブロックを使用してカスタムフィードの投稿を表示することも、Zero Block独自デザインの投稿タイルを作成することもできます。
新しいページを作成するか、既存のページを開き、Zero Block を追加してください。
「ブロックエディタ」をクリックし、サンプル要素を削除してください。
左上隅にあるプラスアイコンをクリックします。要素リストで「フィード」にカーソルを合わせます。ドロップダウンメニューから、先ほど作成したカスタムフィードを選択します。
選択したフィードの投稿タイルレイアウトが「Zero Block」に表示されます。これはシステムグループとレイヤーで構成されています。タイルレイアウトでは、デフォルトで「自動レイアウト」が有効になっています。
フィードタイルの編集
要素をフィードフィールドにリンクする
タイルレイアウト内のシステムレイヤーやグループは、フィード変数にリンクされているため、レイヤーパネル上で別の色で強調表示されます。
タイル内の任意の要素を選択してください。右側の設定パネルに、その要素にリンクされたフィールドが表示される「コンテンツ」フィールドが表示されます。
たとえば、投稿タイトルを選択した場合、「コンテンツ」フィールドには対応するフィールドが表示されます。
接続を変更するには、フィールド名をクリックしてください。次のオプションを含むメニューが表示されます:
リンクなし — 要素とフィールドのリンクを解除します。
投稿フィールド — 選択したフィード用に作成されたフィールド。
システムフィールド — すべての投稿に対して自動的に作成されるフィールド。
フィードの項目 — フィード名と説明。
「リンクなし」
を選択すると、その要素はフィードからのデータ受信を停止し、通常のZero Block になります。その内容は、もはや動的に更新されなくなります。
投稿タイルへの要素の追加
タイルレイアウトに別のフィールドを追加するには、プラスアイコンをクリックし、テキストなどの必要な要素を選択します。
その要素がアートボードとレイヤーパネルに表示されます。これをフィードフィールドにリンクさせるには、そのレイヤーを「Post」グループに移動してください。
「Post」は
、ポストカードのシステムグループです。ここに新しい要素を追加したり、既存の要素を削除したりすることができます。
「Posts」は
、タイルレイアウト全体のシステムグループです。ここには、繰り返し表示されるポストカードが含まれています。
要素を「Post」グループ内に配置すると、右側の設定パネルに「フィードへのリンク」アイコンが表示されます。このアイコンをクリックして、フィードフィールドを選択してください。
ドロップダウンメニューから、「公開日」など、必要なフィールドを選択してください。
要素は、選択したフィールドに自動的にリンクされます。フィールド名は「コンテンツ」設定に表示されます。また、設定パネルにはその他の書式設定オプションが表示される場合もあります。たとえば、公開日については、表示形式を選択することができます。
投稿タイルグループにテキストや画像要素を追加すると、それらをフィードやカテゴリのフィールド(タイトル、説明、画像)にリンクさせることができます。
レイヤーパネルの要素の色も変わります。これは、その要素がフィードフィールドにリンクされており、動的にコンテンツを受け取っていることを意味します。
「投稿」グループ内のどの要素のデザインもカスタマイズできます。
「Zero Block」では、フィードフィールドと関連付けられていない標準要素を追加することもできます。
「フィード」フィールドにリンクされた要素は、「投稿」グループにのみ追加できます。標準の要素は、「投稿」グループの上に配置できます。「投稿」グループの直内に要素を配置すると、エラーメッセージが表示されます。
「メディア」フィールドの追加
フィードで「メディア」フィールドをプレビューとして使用する場合は、投稿カードにそれに対応する要素を追加する必要があります。
Zero Block で、画像、動画、ギャラリーの要素を追加します。
追加した要素を「Post」グループの直下に配置してください。
各要素を「フィード」フィールドにリンクさせます。これを行うには、フィールド接続アイコンをクリックし、ドロップダウンメニューから「メディア」を選択します。この操作は、「画像」、「ギャラリー」、「動画」の3つの要素すべてに対して行う必要があります。
変更を保存し、エディタを再読み込みして、すべての要素に接続が反映されるようにしてください。
これで、各投稿に、その投稿に追加されたメディアの種類が表示されるようになります。
投稿のプレビューとして動画のみを使用する場合は、3つの要素すべてを追加する必要はありません。「Video」要素を追加し、それを「Media」フィールドにリンクさせれば十分です。
二次フィールドの追加
フィードには、さまざまなタイプのセカンダリフィールドを追加できます。具体的には、ウェブサイト、ドロップダウンリスト、色、数値フィールド、回答選択肢付きリスト、チェックボックス、HTML、日付などです。
日付フィールド。
カスタム投稿日付
を表示するには
、フィードに「日付」フィールドを追加して値を設定します。その後、Zero Block 「投稿」グループにテキスト要素を追加し、このフィールドにリンクさせます。
リンクフィールド。
投稿から他のページへリンクさせたい場合は、フィードに「ウェブサイト」フィールドを追加してください。
デフォルトでは、各投稿には自動的に投稿ページへのリンクが設定されます。追加の「ウェブサイト」フィールドを使用すれば、別のURLを指定することができます。
「Webサイト」フィールドをフィードにリンクするには、ボタンなど、URLフィールドを持つ要素を追加します。接続アイコンをクリックし、ドロップダウンメニューからカスタムリンクを選択します。
このリンクは、タイルレイアウトのすべてのフィード投稿に追加されます。投稿は、リンクされた要素がクリックされた場合にのみ開きます。
カスタム「ウェブサイト」フィールドを連携させるために、URL を含む別の要素を作成する必要はありません。「投稿」グループを選択し、URL フィールドの連携先を「システム投稿リンク」から「フィードリンク」に変更するだけで済みます。
1枚のポストカードに設定できるリンクは1つだけです。リンク先は、URLフィールド内の個別の要素、またはポストグループ全体に設定できます。1枚のポストカードに2つのリンクを設定することはできません。
色。
ポストカードに「色」フィールドを追加し、色の選択がZero Block (タグのスタイル設定など)で使用することができます。
以下の例では、ポストタイルレイアウトに「ボタン」要素が追加されています。「テキスト」フィールドは「タグフィード」フィールドにリンクされており、背景色には同名のフィードフィールドの値が使用されています。
その他の追加フィールド。
Zero Blockでは、投稿タイルやページテンプレートに、ドロップダウンリスト(セレクトボックス)、数値フィールド、回答選択肢付きリスト、HTMLといったその他の追加フィールドを表示することもできます
。
これらの値は、タグや投稿カード内のその他の追加情報など、必要に応じて利用できます。
投稿の表示設定
投稿タイルのレイアウトをクリックすると、右側の設定パネルにそのコントロールが表示されます。これらのコントロールは「フィード」セクションにまとめられています。
選択したフィードの管理画面に直接切り替えるには、「フィード設定」セクションにある「管理」をクリックしてください。
ソース。
別のフィードの投稿を表示するには、「ソース」ドロップダウンメニューからそのフィードを選択してください。
ソースを変更した後も、以前にフィールドにリンクされていた要素はアートボード上に残ります。新しいフィードに該当するフィールドがない場合、リンクされた要素は空の状態として表示されます。
リンクを解除するには、エラーが発生している要素を選択し、「リンクを解除」をクリックしてください。
並べ替え。
投稿の表示順
を設定するには
、右側のパネルにある「並べ替え」フィールドを見つけ、ドロップダウンメニューから必要なオプションを選択してください。
「デフォルトの順序を逆にする」が選択されている場合、投稿はリストの最後から順に表示されます。
このフィールドを変更しない場合、投稿は「フィード」ダッシュボードと同じデフォルトの順序で表示されます。たとえば、「フィード」ダッシュボードでデフォルトの順序が使用されており、3番目の投稿をリストの先頭に移動させた場合、タイルエディタでも順序が変更されます。
移動された投稿は、リストの一番上になります。
フィルター。
投稿をフィルタリングするには、「フィルター」メニューを開き、タイルレイアウトにどの投稿を表示するかを指定する条件を設定します。
ページネーション。
ページネーションを追加するには、「Pagination」ドロップダウンメニューを開き、以下のいずれかのオプションを選択してください:
「さらに読み込む」ボタン
無限スクロール
重要:
ページネーション
を
正しく
表示するには
、ブロック内のアートボードの高さを「自動」に設定する必要があります。これにより、投稿が切り取られるのを防ぐことができます。これを行うには、「グリッドコンテナ」の高さを「自動」に設定してください。
ボタンオプションを選択すると、そのボタンがレイヤーパネルに自動的に表示されます。
標準の「Button」要素と同様に、設定パネルを使ってボタンのスタイルを設定できます。
「無限スクロール」が選択されている場合、このボタンは表示されません。ページをスクロールすると、新しい投稿が自動的に読み込まれます。
制限。
タイルレイアウトに表示される投稿の数設定できます。これを行うには、レイヤーパネルでタイルレイアウト全体を選択し、右側の設定パネルの「制限」フィールドに希望の数を入力してください。
その他の投稿タイルの表示設定
投稿タイルの追加設定を開くには、レイヤーパネルで「フィード」レイヤーを選択し、設定内の「空の状態」、「X件の投稿をスキップ」、「カテゴリ」をクリックします。
フィードにまだ投稿がない場合、空の状態が表示されます。ドロップダウンメニューからいずれかのオプションを選択して設定できます:
デフォルト — ページには、投稿がないことを示す標準的なメッセージが表示されます。
空 — フィードはページに表示されません。
カスタム —Zero Block 内にグループが作成されZero Block さまざまな要素を使ってカスタマイズすることができます。
カテゴリ。
フィードにカテゴリがある
場合
、タイルレイアウトでそれらを表示するかどうかを選択できます。
カテゴリを追加すると、レイヤーパネルに新しい「カテゴリ」グループが自動的に表示されます。各フィールドは、フィード内の該当するカテゴリのフィールドとリンクされます。カテゴリを追加した後、そのデザインをカスタマイズすることができます。
X件の投稿をスキップします。
タイルレイアウトでは、最初の投稿からではなく、リスト内の任意の投稿から投稿を表示
させることができます。
たとえば、1件の投稿をスキップするように設定すると、タイルレイアウトでは2件目の投稿から表示されます。
要素の表示条件
要素の表示条件を設定できます。投稿タイル内の任意の要素をクリックし、設定画面で「表示設定」を探してください。デフォルトでは、要素は「表示」に設定されています。
要素を非表示にするには、「表示設定」のドロップダウンメニューをクリックし、「非表示」を選択してください。
表示条件を設定するには、「条件を追加」をクリックします。
要素を表示または非表示にする条件を選択してください。以下のオプションが利用可能です:
「set」—このフィールドには任意の値が含まれています。
設定されていません—このフィールドには値が入っていません。
等しい—フィールドの値が指定された値と完全に一致する。
等しくない—フィールドの値が指定された値と一致しません。
主な条件に加え、日付フィールドでは「前」と「後」が、数値フィールドでは「未満」と「以上」がサポートされています。
「等しい」または「等しくない」が選択されている場合は、照合する値をフィールドに入力してください。
別の条件を追加するには、プラスアイコンをクリックしてください。
条件の設定が完了すると、タイルレイアウトには、指定された条件に一致する要素のみが表示されます。
CSV を使用したフィードの転送
CSVのインポートおよびエクスポート機能を使用すると、情報フィードからカスタムフィードへ投稿を移行できるほか、カスタムフィード間で投稿を移行することもできます。
これを行うには、フィードエディタの「その他」にある3つのドットをクリックし、「投稿をCSVとしてエクスポート」をクリックします。
カテゴリを選択するか、すべての投稿を選択し、区切り文字を指定して、「エクスポート」をクリックしてください。
次に、投稿の値が正しく引き継がれるよう、新しいカスタムフィードにすべてのコンテンツフィールドを作成します。その後、フィードの投稿が含まれたCSVファイルをインポートします。
プレビューを確認して、すべてが正しいことを確認してから、「インポート」をクリックしてください。
マッピングウィンドウで、ファイルのフィールドとフィードのフィールドを対応付けます。転送する必要のないフィールドがある場合は、そのフィールドに対して「無視」を選択してください。
ファイルのフィードフィールドは自動的に作成されません。すべてのフィールドの対応付けが完了したら、「データの書き込みを開始」をクリックしてください。
フィード間の投稿の移動
また、「転送」機能を使って、フィード間で投稿を転送することもできます。これを行うには、フィード内の投稿を選択し、「転送」ボタンをクリックしてください。
「宛先フィード」フィールドを選択し、転送するフィールドを対応付けます。
投稿をCMSフィードに転送する前に、そのフィードには用意されていないフィールドを、あらかじめ追加で作成しておく必要がある場合があります。
あるフィードから別のフィードへ投稿をコピーしたい場合は、「投稿をコピー」チェックボックスを選択し、「転送」をクリックしてください。
セクションに戻る
製造元
Tilda