ページごとにheadやbodyタグ直前にコードを埋め込む方法

Cocoonカスタマイズ集
この記事は約1分で読めます。
記事内に広告が含まれています。

はじめに

Cocoonでは、特定のカスタムフィールドを使用することで、</head>タグや</body>タグ直前にコードを埋め込むことができます。

この記事では、この方法について説明します。

カスタムフィールド
名前説明
head_custom</head>タグ直前にコードを出力する。
footer_custom</body>タグ直前にコードを出力する。

実装手順

Gutenbergエディターで以下の手順で設定します。

  1. 新規追加をクリックします。
  2. 表1に示すカスタムフィールド名を入力します。
  3. 出力するコードを入力します。
  4. カスタムフィールドを追加をクリックします。

さいごに

今回紹介した方法を使えば、ページごとに</head>や</body>タグ直前にコードを簡単に埋め込むことができます。
カスタムCSSやJavaScriptを適切な位置に挿入したい場合に活用してください

タイトルとURLをコピーしました