メインコンテンツにスキップ

HTMLコードセクションを編集する

カスタムHTML、CSS、JavaScriptを追加して、サードパーティのウィジェット、フォーム、高度なカスタマイズをウェブサイトに埋め込みます。

対応者:Brian
今日アップデートされました

HTMLコードセクションを編集する

カスタムHTML、CSS、JavaScriptを追加して、サードパーティのウィジェット、フォーム、高度なカスタマイズをウェブサイトに埋め込みます。

HTMLコードセクションでは、ウェディングサイトにカスタムHTMLコードを追加できます。カスタム要素やサードパーティのウィジェットを埋め込みたい上級ユーザー向けの機能です。

HTMLコードセクションでできること

カスタムHTMLを埋め込む — WedSitesに組み込まれていない機能を追加します。

サードパーティのウィジェットを追加する — 写真ギャラリー、地図、SNSフィードなど。

カスタムスタイリングやスクリプトを含める — 高度なカスタマイズに。

外部サービスを統合する — HTMLの埋め込みコードを提供するものと。

HTMLコードセクションを追加する

  1. メインナビゲーションの ウェブサイト に移動します

  2. セクションを追加 をクリックします

  3. リストから HTMLコード を選択します

  4. 欄にHTMLコードを貼り付けます

  5. 変更を保存 をクリックします

編集できる項目

HTMLコード: カスタムのHTML、CSS、JavaScriptをここに貼り付けます。貼り付けたものは、そのままページに挿入されます。

HTMLコードセクションを使うタイミング

写真ギャラリーを埋め込む: GoogleフォトやFlickrなどのサービスを使っていて、埋め込みコードが提供されている場合。

カスタムフォームを追加する: WedSitesに組み込まれていない問い合わせフォームなどを使いたい場合。

SNSフィード: Instagramフィード、Twitterタイムライン、その他のSNSウィジェットを埋め込みます。

サードパーティツール: 埋め込みコードが提供されているものはHTMLコードセクションに入れられます。

重要な注意事項

これは高度な機能です。 HTMLに慣れていない場合は、HTMLコードセクションの使用を避けるか、サポートを求めることをおすすめします。

十分にテストしましょう。 カスタムコードは、正しく書かれていないとサイトのレイアウトを壊すことがあります。公開前に変更をプレビューしてください。

カスタムコードはサポートできません。 カスタムコードに問題が発生した場合、サポートの対応範囲外となります。

シンプルに保ちましょう。 コードが複雑になるほど、問題が発生する可能性が高まります。

安全のヒント

信頼できる情報源のコードのみを使いましょう。 中身を理解せずにネット上で見つけたコードを貼り付けないでください。

まずプレビューしましょう。 サイトを公開する前に、見た目をご確認ください。

バックアップの手段を用意しましょう。 問題が発生した場合にHTMLコードセクションを削除する方法を把握しておきましょう。

複数のデバイスでテストしましょう。 カスタムコードがスマートフォン、タブレット、コンピュータで動作することをご確認ください。

よくある用途

Googleフォーム: 情報収集用のカスタムフォームを埋め込みます。

写真ギャラリー: FlickrまたはGoogleフォトの埋め込みを追加します。

SNSフィード: Instagramの写真やツイートを表示します。

カスタム地図: カスタムマーカー付きのGoogleマップを埋め込みます。

動画プレーヤー: 特定の機能を持つ動画プレーヤーを追加します。

既存のコードを編集する

  1. メインナビゲーションの ウェブサイト に移動します

  2. HTMLコードセクションをクリックします

  3. HTMLコードを更新します

  4. 変更を保存 をクリックします

編集時はご注意ください。タイプミス1つで壊れることがあります。

HTMLコードセクションを削除する

カスタムコードが動作しない、または不要になった場合は、セクションを削除してください。セクションの削除に関する記事をご覧ください。

HTMLコードセクションは強力ですが、慎重にご利用ください。使い方に自信がない場合は、組み込みのセクションタイプをお使いいただくことをおすすめします。

こちらの回答で解決しましたか?