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.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
kenn says
how can i created sponsored products not post. i want my sellers to be able to create sponsored products
WPBeginner Support says
You would want to check with the support for your ecommerce plugin for if it has a sponsored product option
管理者
vo thang says
I’ve done it,that’s Ok.But,Title post is appear in home page without sponsored text.
How can I make it appear in Home page ?
Thank you so much.
Angela Scott says
Is there a way to add an image in place of the text, please?
Soibibo says
Hi, I’m new to WordPress and talking about pasting codes to function.php file almost made me loose my site. please where exactly can I post this code on the function.php folder? I have zero knowledge of codes.
WPBeginner Support says
Please take a look at our guide on pasting snippets from web into WordPress.
管理者
Ranish Malhan says
Hi,
I have created a custom meta feild for my custom post type which is a check box.
So can u please tell how to display posts by checking whether that checkbox is checked or not?
WPBeginner Staff says
Yes.
VIAINA says
Hi, does “sponsored post” is also shown in the RSS feed?
Thanks.
clreed87 says
Thanks for the great tip! Will filtering on the_title() also be reflected in the RSS feeds for sponsored posts or just on the blog posts on the site?
Caroline says
Great article. Works like a charm. But I cannot seem to make the custom field be saved so I can pick it from the dropdown box for a next post.
Any idea what I’m doing wrong?