カスタムエレメント

カスタムのHTML属性やタグをサイトに追加するには、custom要素を使用します。

この投稿は公式のWebflow Universityを元に作成しました。翻訳したテキストと画像は引用元のものを使用する場合があります。

引用元

カスタム要素はプレースホルダ要素であり、任意の HTML カスタム属性、タグ、またはテキストを追加して、その要素をキャンバス上に「作成」することができます。これは、ネイティブの Webflow 要素として利用できない HTML 要素をキャンバスに追加する場合に便利です。

カスタム要素は、「追加」パネル>「詳細」セクションで利用できます。カスタム要素をキャンバスに追加したら、要素設定パネルでタグ、属性、テキストを追加して、好きなようにカスタマイズできます。また、スタイルパネルで他の要素と同じようにカスタム要素をスタイル設定することもできます。

カスタム・エレメントは、ナビゲーターでは "スラッシュ・ボックス "アイコンで表示されます。

プロのヒント:カスタム要素をコレクションリストまたはコンポーネントに追加できます。その後、カスタム要素をCMSフィールド、カスタム属性、タグ、テキストにバインドできます。
注意:カスタム要素は、Appsを使用して作成し、サイトに追加することもできます。

カスタム要素が無効な場合、サイトが正しく公開されないことがあります。HTML構造をチェックしてカスタム要素が有効であることを確認し、エラーがあれば修正して、サイトを再公開することをお勧めします。