カテゴリー：WordPressで投稿タイトルにスポンサー記事の接頭辞を追加する方法

WordPressのブログ投稿タイトルに「Sponsored Post」という接頭辞を自動的に付けたいですか？

あなたのサイトにスポンサード・コンテンツを投稿する場合、世界各国の様々な政府の規制により、そのことを開示する必要があります。投稿のタイトルに’Sponsored’という単語を追加するか、投稿本文に免責事項を追加することでこれを行うことができます。

この投稿では、WordPressで投稿タイトルの前に「Sponsored Post」を自動的に追加する方法を紹介します。

なぜ投稿にプレフィックスを付けるのか？

WordPressブログのトラフィックが増え始めたら、収益化の方法を考え始めるかもしれません。WordPressとブログを使って、好きなことをしてオンラインでお金を稼ぐことができます。

その方法のひとつがスポンサーシップだ。これは、企業があなたにお金を払い、その製品を代表し、それについて話し、読者に宣伝してもらうというものです。スポンサーシップは個別投稿の場合もあれば、継続的な関係の場合もある。

スポンサー投稿を公開する場合、あなたのエリアの情報公開に関する法律について知っておくことが非常に重要です。

例えば、米国では、スポンサー付きの投稿を公開するブロガーは、FTCのエンドースメント・ガイドを遵守しなければならない。これには、投稿がスポンサー付きである場合は常に開示することが含まれます。

その1つの方法は、すべてのスポンサー投稿のタイトルに接頭辞をつけることだ。

このガイドでは、まさにその方法をご紹介します。あなたが思っているよりも簡単です。ブロックエディターを使って、カスタムコードスニペットを追加するのです。初心者の方には敷居が高く感じるかもしれませんが、無料のWPCodeプラグインを使ってすべてのステップを説明します。

ということで、WordPressで投稿タイトルの前に「Sponsored Post」を追加する方法を見てみましょう。

投稿にスポンサードポストのカスタムフィールドを追加する方法

まず、既存のスポンサー投稿を開くか、新規投稿を作成します。カスタムフィールドパネルは通常、コンテンツエディターの下にあります。ただし、カスタムフィールドを使用したことがない場合は非表示になります。

カスタムフィールドメタボックスの表示方法は、ブロックエディターとクラシックエディターのどちらを使用しているかによって異なります。

ブロックエディターを使用する場合は、画面右上の三点メニューをクリックし、メニューから「環境設定」を選択する必要がある。

するとPreferencesポップアップが表示されるので、Panelセクションに移動し、’Custom fields’スイッチをオンにします。

その後、’Enable & Reload’ボタンをクリックして投稿エディターを再読み込みします。

まだ古いWordPressクラシックエディターを使用している場合は、画面の右上にある「表示オプション」ボタンをクリックする必要があります。

カスタムフィールドオプションの横にあるボックスをチェックする必要があります。

投稿エディターがリロードされます。

コンテンツエディターの下にスクロールすると、カスタムフィールドパネルが表示されます。

新規カスタムフィールドを追加するには、名前テキストボックスに「sponsored」と入力するだけです。

次のフィールドで、Valueが’true’であることを確認する。

次の投稿を保存し、カスタムフィールドメタボックスまでスクロールダウンする必要があります。カスタムフィールドメタボックスにドロップダウンメニューが表示されていることに気づくでしょう。

次のスポンサー投稿を書くときに必要なのは、ドロップダウン・メニューから「sponsored」を選択し、値の欄に「true」と入力することだけだ。

コードスニペットでスポンサードポストの接頭辞を追加する方法

投稿にスポンサードカスタムフィールドを追加した後、スポンサード投稿タイトルのプレフィックスを表示するコードを追加する必要があります。

そのためには、サイトにコード・スニペットを追加する必要があります。通常、これはテーマのfunctions.phpファイルで行います。

しかし、テーマのfunctions.phpを直接編集することはお勧めしません。わずかなエラーでサイトが壊れてしまう可能性があるからです。さらに、WordPressテーマを更新すると、カスタマイザーはすべて削除されます。

WPCodeは、テーマのfunctions.phpファイルを編集することなく、WordPressサイトにコードを追加する最も簡単で安全な方法です。

開始するには、無料のWPCodeプラグインをインストールし、有効化する必要があります。ステップバイステップの手順については、WordPressプラグインのインストール方法をご覧ください。

プラグインを有効化したら、WordPress管理ダッシュボードからCode Snippets“ +Add Snippetに向かいます。次に、「カスタムコードを追加（新規スニペット）」オプションにマウスオーバーし、「スニペットを使用」ボタンをクリックします。

その後、コード・ボックスにコード・スニペットをコピー＆ペーストするだけです。

add_filter( 'the_title', 'wpb_sponsored' );
function wpb_sponsored( $title ) {
   global $post;
   $sponsored_text = '<span class="sponsored_text"> Sponsored Post</span> ';
   $sponsored = get_post_meta($post->ID, 'sponsored', true);
   if( $sponsored == 'true' && in_the_loop() ){
       return $sponsored_text.$title;
   }
   return $title;
}

画面右側のコードタイプのドロップダウンリストから「PHPスニペット」オプションを選択するのを忘れないでください。

Inactive’トグルをクリックして’Active’に変更し、Save Snippetボタンをクリックします。

これでWordPressがプレフィックスを表示し始めます。先ほど編集した投稿にアクセスしてみると、投稿タイトルの前に「Sponsored Post」が表示されます。

もう少し手を加えれば、プレフィックスの外観を改善することができる。

コード・スニペットを見ると、スポンサー投稿のテキストを「sponsored_text」と名付けたCSSクラスで囲んでいることに気づくだろう。このCSSクラスを使って、投稿タイトルのテキストをハイライトすることができます。

以下は、あなたのテーマに追加できるちょっとしたCSSです。

.sponsored_text {
background: #eeffee;
font-size:small;
text-transform: uppercase;
padding:5px;
}

CSSに慣れていない方は、WordPressサイトにカスタムCSSを簡単に追加する方法のガイドをぜひご覧ください。

このコードでは、テキストの背景を緑色で大文字にし、フォントサイズを小さくしている。また、ハイライトの周りに少しパディングを追加しています。CSSはご自由に変更してください。

コードスニペットでスポンサー投稿の接尾辞を追加する方法

投稿タイトルの最初ではなく最後に「Sponsored Post」という文字を追加したいかもしれません。その場合は、このコード・スニペットを使ってください。

add_filter( 'the_title', 'wpb_sponsored' );
function wpb_sponsored( $title ) {
   global $post;
   $sponsored_text = '<span class="sponsored_text"> Sponsored Post</span> ';
   $sponsored = get_post_meta($post->ID, 'sponsored', true);
   if( $sponsored == 'true' && in_the_loop() ){
       return $title.$sponsored_text;
   }
   return $title;
}

このコードを見ると、たった2つの変更点があることに気づくだろう。

実際の投稿タイトルに触れないように、スポンサーテキストの前に個別スペースを追加し、$titleを最初に表示するように順番を入れ替えました。以上です！

この投稿が、WordPressで投稿タイトルにスポンサードポストの接頭辞を追加する方法を学ぶのにお役に立てば幸いです。また、メールマガジンの正しい作成方法や、最適なメールマーケティングサービスの比較もご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.