賢威で記事本文の前にステマ規制対応のPR告知文を記載する方法

※当サイトにはプロモーションが含まれています。

ブログやサイトにアフィリエイトなどの広告をは載せている場合、

「この記事にはプロモーションが含まれています。」
「このサイトにはプロモーションが含まれています。」

などの【PR告知文】を表示することが、令和5年10月1日以降から必要となりました。

参考：消費者庁

その為、ワードプレス（WordPress）のテーマによっては、その【PR告知文】を設定する箇所がありますが、賢威では、2024年４月現在、その機能は提供されていません。

その為、テンプレートを少し修正して、記事本文の前に記載されるようにしてみました。

なお、この記事を作成している時点での、ワードプレスのテーマと環境は以下の通りです。

記事の前にステマ規制対応のPR告知文を掲載する方法

賢威で記事本文の前にステマ規制対応のPR告知文を記載する方法について説明します。

①親テーマにあるcontent-post.phpをダウンロードする

（WinSCPやFileZillaなどの）FTPソフトを使用して、ローカルホスト（自分のパソコン）に、親テーマにあるcontent-post.phpをダウンロードします。

なお、フォルダの構成は、概ね下記のようになっていると思います。

/home/（あなたが契約した名前）/www/（あなたが作成したフォルダ名）/wp-content/themes/keni80_wp_standard_all_202403231915/template-parts

②content-post.phpの内容を編集する

content-post.phpの46行目付近に記載されている

<?php the_content();

の上に、以下のコードを追加します。

<p class="nya-txt-ad">※この記事にはプロモーションが含まれています。</p>

実際のコードを見るとこんな感じになります。

③子テーマ内にtemplate-partsフォルダを作成する

FTPソフトを使用して、子テーマ内に「template-partsフォルダ」を作成します。

※作成するのは「子テーマ」の方です。また、ファイル名は半角です。

④修正したcontent-post.phpを子テーマにアップロードする

コードを追加した、content-post.phpを、先程作成した「template-partsフォルダ内」にアップロードします。

これで、記事本文の前に「この記事にはプロモーションが含まれています。」の文章が表示されているはずです。

もし、デザインが崩れるなどの不具合があった場合は、子テーマに作成した「template-partsフォルダ」ごと削除すれば元に戻ります。

何故なら、親テーマには一切変更を加えてないからです。

⑤CSSでPR告知文を調整する

最後に仕上げとして、CSSを使って、PR告知文を少し文字を小さくして中央揃えにしたいと思います。

/* 広告表示文 */
p.nya-txt-ad {
text-align: center;
font-size: 14px;
}

@media (max-width: 600px) {
p.nya-txt-ad {
font-size: 12px;
}
}

これを「追加CSS」に記述すれば、完成です。

補足：ワードプレスの「追加CSS」の編集箇所について

現在のワードプレステーマにCSSを追加したい場合、左メニューにある、

外観 > カスタマイズ

を選択します。

「追加CSS」を選択します。

追加したいCSSを記述します（コピペして貼り付けます）。

「公開」ボタンを押して保存すれば完了です。

※全角スペースが入るとレイアウトが崩れる事があります。余計な全角スペースが入らないように気を付けてください。

なお、ブラウザにキャッシュが残っていると、前のデザイン（CSS）が表示されたり、デザインが崩れて表示される事があります。

その際は、強制リロード（ハードリフレッシュ）をしてみてください。

各ブラウザごとの、強制リロードの方法は次の通りです。

強制リロードをすることで、ブラウザがキャッシュを無視し、最新のコンテンツを再読み込みします。

楽天市場の検索結果

1冊ですべて身につくWordPress入門講座 [ Mana ]

2,200円(税込)【送料込】

楽天ブックス

Mana SBクリエイティブイチサツデスベテミニツクワードプレスニュウモンコウザ マナ 発行年月：2022年03月24日 予約締切日：2022年01月26日 ページ数：344p サイズ：単行本 ISBN：9784815609405 Mana（MANA） 日本で2年間グラフィックデザイナーとして働いた後、カナダ・バンクーバーにあるWeb制作

HTMLサイトをWordPressにする本 [ 久保田 涼子 ]

2,640円(税込)【送料込】

楽天ブックス

久保田 涼子 西原 礼奈 ソシムエイチティーエムエルサイトヲワードプレスニスルホン クボタ リョウコ ニシハラ アヤナ 発行年月：2023年08月29日 予約締切日：2023年06月06日 ページ数：360p サイズ：単行本 ISBN：9784802614214 久保田涼子（クボタリョウコ） 「ワクワクするモノ・時間・場所を生み出す」をテ

今すぐ使えるかんたん　WordPress　やさしい入門［6.x対応版］ [ 桑名

1,760円(税込)【送料込】

楽天ブックス

桑名 由美 はつみ 技術評論社イマスグツカエルカンタンワードプレスヤサシイニュウモンロクテンエックスタイオウバン クワナ ユミ ハツミ 発行年月：2023年09月28日 予約締切日：2023年06月02日 ページ数：256p サイズ：単行本 ISBN：9784297136253 桑名由美（クワナユミ） 2023年8月、合同会社ワイズベスト

たった1日で基本が身に付く！　WordPress 超入門 ［改訂2版］ [ 佐々

1,980円(税込)【送料込】

楽天ブックス

佐々木 恵 リブロワークス 技術評論社タッタイチニチデキホンガミニツクワードプレスチョウニュウモンカイテイニハン ササキ メグミ リブロワークス 発行年月：2022年04月14日 予約締切日：2022年01月05日 ページ数：192p サイズ：単行本 ISBN：9784297126957 佐々木恵（ササキメグミ） 2002年より独学でWe

ビジネスサイトを作って学ぶ WordPressの教科書 Ver.6.x対応版 [

3,278円(税込)【送料込】

楽天ブックス

小川 欣一 穂苅 智哉 ソシムビジネスサイトヲツクッテマナブ ワードプレスノキョウカショ バージョンロクテンエックスタイオウバン オガワ ヨシカズ ホカリ トモヤ 発行年月：2023年05月01日 予約締切日：2023年01月12日 ページ数：436p サイズ：単行本 ISBN：9784802614030 1　開発環境を構築しよう／2　テ