料金プランを有効化して学習を始めましょう。
Custom element

カスタムエレメント

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

レッスン内容

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

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

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

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

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

関連レッスン

No items found.

コースのレッスン

No items found.

次のレッスン

サポート

チャットで講師に質問を聞きましょう

質問する

学習進捗

閲覧後に「完了」を押して、進捗を保存しましょう