WordPress テーマ「Cocoon」で、ダブルレクタングル (横並び) 広告を表示する設定方法をご紹介します。(※ 非 AdSense 広告の場合)
管理メニューから [外観] → [ウィジェット] をクリック。
[広告] を選択し、任意の場所にウィジェットを追加します。
以下のコードをメモ帳などにコピーし、「aaa」と「bbb」の箇所を、広告リンクに置き換えます。
<div class="wp-block-cocoon-blocks-column-2 column-wrap column-2 column-2-2-1-1 layout-box"><!-- wp:cocoon-blocks/column-left -->
<div class="wp-block-cocoon-blocks-column-left column-left"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">aaa</p>
<!-- /wp:paragraph --></div>
<!-- /wp:cocoon-blocks/column-left -->
<!-- wp:cocoon-blocks/column-right -->
<div class="wp-block-cocoon-blocks-column-right column-right"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">bbb</p>
<!-- /wp:paragraph --></div>
<!-- /wp:cocoon-blocks/column-right --></div>
広告リンクに置き換えたコードを “広告タグ” 内に貼り付け後、[保存] をクリックして完了です。
↓ダブルレクタングル広告の表示例