カスタムコードの埋め込み - ビルディング - Carrd ドキュメント
Last updated on 6/26/2025@mrbirddev
カスタムコードの埋め込み
Pro Standard 以上が必要です
埋め込み要素を使用すると、カスタムHTML、CSS、さらにはJavaScriptコードをサイトのほぼどこにでも挿入できます(<head>
要素を含む)。まだウィジェット要素でサポートされていないサードパーティのウィジェットを追加する必要がある場合、またはCarrdが現在提供している以上のカスタム機能を組み込みたい場合は、次の手順で行います:
要素を追加をクリック
埋め込みをクリックして新しい埋め込み要素を作成します。
タイプをコードに設定します。
挿入したいカスタムコードをコードに設定します。これは通常サイトのHTMLに貼り付けるほぼすべてのもので、標準的なHTML、カスタムCSSルールを含む
<style>
タグ、さらにはJavaScriptコードを含む<script>
タグもここで受け入れられます。(オプション) ラベルを、この特定の埋め込みを識別するのに役立つものに設定します(例:マイウィジェットコード)。
埋め込みのスタイルを選択します:
- インラインは、埋め込みがサイト上に表示される場所に正確にコードを挿入します(他の要素と同様に)。
- 非表示は、次の3つの特定の場所にコードを挿入します:
- ヘッドはサイトの
<head>
要素用、 - ボディトップはサイトの開く
<body>
タグの直後用、または - ボディエンドはサイトの閉じる
</body>
タグの直前用。
これにより、埋め込みが通常の要素フローの外に公開されるため、より便利な場所に移動しても構いません(例えば、サイトの最後に)。
- 完了です! カスタムコードは公開されたサイトで表示されるはずです。埋め込み要素はビルダーでは実際には何も出力しないため、動作を確認するにはサイトを公開する必要があります。
Last updated on 6/26/2025@mrbirddev