Cocoonでダブルレクタングル広告を表示する

プロモーションを含みます。
プロモーションを含みます。

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>

広告リンクに置き換えたコードを “広告タグ” 内に貼り付け後、[保存] をクリックして完了です。

↓ダブルレクタングル広告の表示例

この記事を書いた人
TerraYuuki

ITインフラエンジニアのアウトプットブログ。仕事や資格勉強などを通じて得たIT技術やWindows Tips、ガジェットレビュー記事を主に書いています。

written by Terra Yuuki
PR
Cocoon設定
てこエンジニアブログ