Gillar du att automatiskt add to ett ”Sponsored Post”-prefix till titlar på blogginlägg i WordPress?
Om du publicerar sponsrat content på din site måste du upplysa om det på grund av många olika statliga regleringar världen över. Du kan göra detta genom att lägga till ordet ”Sponsrad” i rubriken på inlägget eller genom att lägga till en ansvarsfriskrivning i inläggets brödtext.
I den här artikeln visar vi hur du automatiskt add to ett ”Sponsored Post”-prefix till titlarna på dina post i WordPress.
Varför add Sponsored Post Prefix till dina posts?
När din WordPress blogg börjar locka mer trafik kanske du börjar fundera på hur du kan tjäna pengar på den. Du kan använda WordPress och bloggar för att tjäna pengar online genom att göra det du älskar.
Ett sätt att göra det är genom sponsring. Det är här ett företag betalar dig för att representera deras produkt, prata om den och främja den för dina läsare. Sponsringen kan vara för ett enskilt inlägg eller en pågående relation.
När du publicerar sponsrade posts är det viktigt att känna till lagarna i ditt area om offentliggörande.
I USA måste till exempel en bloggare som publicerar ett sponsrat post följa FTC:s Endorsement Guides. Detta inkluderar att avslöja när en post är sponsrad.
Ett sätt att göra det är att add to ett prefix till rubriken på varje sponsrat post.
I den här guiden visar vi dig hur du gör just det. Det är enklare än du kanske tror. Du kan göra det via block editor och sedan lägga till ett custom code snippet. Detta kan verka skrämmande för nybörjare, men vi kommer att gå igenom varje steg med hjälp av det gratis WPCode-tillägget.
Med detta sagt, låt oss ta en titt på hur du add to ett ”Sponsored Post” prefix till dina post rubriker i WordPress.
Så här addar du ett Sponsored Post Customize-fält till din post
Börja med att öppna ett av dina befintliga sponsrade posts eller skapa ett new. Panelen för custom fields är normalt placerad under content editor. Men om du aldrig har använt custom fields tidigare kommer den att vara dold.
Hur du visar metarutan för custom fields beror på om du använder block editor eller den klassiska editorn.
Om du använder block editor måste du clicka på menyn med tre punkter högst upp till höger på vyn och selecta ”Preferences” i menyn.
Detta kommer att visa en popup för alternativ där du måste gå till sektionen Paneler och sedan slå på knappen ”Custom fields”.
Därefter klickar du på knappen ”Enable & Reload” för att ladda om editor för post.
Om du fortfarande använder den gamla klassiska WordPress Editor måste du klicka på knappen ”Screen Options” högst upp till höger på din vy.
Detta öppnar en meny där du måste kontrollera boxen bredvid alternativen för Custom Fields.
The post editor kommer då att laddas om.
När du rullar under content editor kommer du att kunna se custom fields panel.
För att add new ett custom field skriver du bara ”sponsored” i textboxen Name.
I nästa fält ska du se till att värdet är ”true”.
Därefter måste du spara ditt inlägg och rulla ner till metarutan för anpassade fält. You will notice that the custom field meta-box is now showing a drop-down menu.
Nästa gång du skriver ett sponsrat inlägg behöver du bara selecta ”sponsored” i insticksprogrammet och enter ”true” i fältet Value.
Så här addar du prefixet Sponsored Post med ett code snippet
När du har lagt till det sponsrade customze-fältet i ditt post måste du lägga till koden som visar det sponsrade inläggets titelprefix.
För att göra det måste du add a code snippet to your website. Normalt görs detta genom ditt temas functions.php-fil.
Vi rekommenderar dock inte att du editerar ditt temas functions.php direkt eftersom minsta error kan förstöra din site. Dessutom, om du uppdaterar ditt WordPress-tema, kommer alla dina customizes att tas bort.
Istället rekommenderar vi WPCode, det enklaste och säkraste sättet att add to kod till din WordPress site utan att behöva editera ditt temas functions.php-fil.
För att komma igång måste du installera och aktivera det gratis pluginet WPCode. För Step-by-Step instruktioner, se vår guide om hur du installerar ett WordPress plugin.
När pluginet är aktiverat, head to Code Snippets ” +Add Snippet från din WordPress adminpanel. Sedan hoverar du över alternativet ”Add Your Custom Code (New Snippet)” och klickar på knappen ”Use snippet”.
Därefter kopierar du bara och klistrar in code snippet i kodrutan.
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;
}
Glöm inte att välja alternativet ”PHP Snippet” från rullgardinsmenyn Code Type på höger sida av vyn.
Klicka på ”Inaktiverad” toggle för att ändra den till ”Aktiv” och klicka sedan på knappen Save Snippet.
Nu kommer WordPress att börja displayed prefixet. Försök att besöka posten du redigerade tidigare, och du kommer att se ”Sponsored Post” prefixat till postens titel.
Med lite mer arbete kan du förbättra prefixets appearance.
Om du studerar code snippet, kommer du att märka att vi har omslutit den sponsrade posttexten runt en CSS-klass som vi kallade ’sponsored_text’. Du kan använda den här CSS-klassen för att markera texten i titeln på posten.
Här är en liten CSS som du kan add to your theme.
.sponsored_text {
background: #eeffee;
font-size:small;
text-transform: uppercase;
padding:5px;
}
Om du är add new till CSS, se då till att kontrollera vår guide om hur du enkelt lägger till customizer CSS på din WordPress site.
Koden gör bakgrunden till texten grön och versal och gör fonten liten. Den addar också till lite padding runt markeringen. Känn dig gratis att ändra CSS för att möta dina behov.
Hur man lägger till ett sponsrat post-suffix med ett code snippet
You kanske vill add to the words ’Sponsored Post’ to the end of your post’s title instead of the beginning. Du kan uppnå det genom att använda detta code snippet istället.
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;
}
När du studerar koden kommer du att notera att det bara finns två ändringar.
Vi lade till ett mellanslag med en enda bokstav före den sponsrade texten så att den inte skulle röra den faktiska titeln på inlägget, och sedan bytte vi order för att visa $title
först. Och så var det klart!
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du add to ett sponsrat inläggsprefix till rubriker i WordPress. Du kanske också gillar att lära dig rätt sätt att skapa ett nyhetsbrev via e-post eller se vår jämförelse av de bästa tjänsterna för e-postmarknadsföring.
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
Administratör
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.
Administratör
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?