Custom elementについて

WebflowではCustom elementを使用して、サイトにカスタムHTML属性とタグを追加することができます。

Custom elementとは、任意の HTMLカスタム属性、タグ、またはテキストを追加できるプレースホルダー要素です。

‍

これにより、キャンバス上にその要素が「作成」されます。

これは、ネイティブの Webflow 要素として使用できない HTML 要素をキャンバスに追加する場合に役立ちます。

‍

Custom elementは 、Add パネル> Advanceセクションで使用できます。

キャンバスにカスタム要素を追加したら、Element settings panelに移動して、タグ、属性、テキストを追加し、自由にカスタマイズできます。

また、styleパネルを使用して、他の要素と同様にカスタム要素にスタイルを設定することもできます。

編集モードではカスタム要素を追加または編集できないことに注意してください。

カスタム要素は、ナビゲーターでは「斜線付きボックス」アイコンで表示されます。

‍

ヒント

コレクションリストまたはコンポーネントにカスタム要素を追加できます。

その後、カスタム要素を CMS フィールド、カスタム属性、タグ、テキストにバインドできます。

注記

アプリを使用してカスタム要素を作成し、サイトに追加することもできます。

カスタム要素が無効な場合、サイトが正しく公開されない可能性があります。

HTML 構造をチェックしてカスタム要素が有効であることを確認し、エラーを修正してからサイトを再公開することをお勧めします。

‍