Så här addar du prefixet Sponsored Post till rubriken i WordPress

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.