SÄ hÀr lÀgger du till sponsrat inlÀggsprefix till inlÀggstitel pÄ WordPress

SÄ hÀr lÀgger du till sponsrat inlÀggsprefix till inlÀggstitel pÄ WordPress

Ofta ser du att bloggare publicerar sponsrade inlĂ€gg pĂ„ sin blogg. Nyligen frĂ„gade en av vĂ„ra anvĂ€ndare om det var möjligt att automatiskt lĂ€gga till ett “sponsrat” prefix i inlĂ€ggstitlar. I den hĂ€r artikeln visar vi dig hur du lĂ€gger till sponsrat inlĂ€ggsprefix till inlĂ€ggstitel i WordPress.

LÀgga till sponsrat postprefix med anpassade fÀlt

Anpassade fÀlt lÄter dig lÀgga till metainformation i dina inlÀgg. I den hÀr artikeln kommer vi att anvÀnda anpassade fÀlt för att lÀgga till sponsrat metafÀlt i ett inlÀgg.

Först mÄste du skapa ett nytt inlÀgg eller redigera ett befintligt inlÀgg. I postredigeraren blÀddrar du ner till metaboxen för de anpassade fÀlten. Om du inte kan se metafÀltet för anpassade fÀlt i ditt redigeringsomrÄde, mÄste du klicka pÄ knappen lÀngst upp till höger pÄ skÀrmen. Detta öppnar en meny dÀr du mÄste markera rutan bredvid anpassade fÀltalternativ.

Göra metafÀlt för anpassade fÀlt synliga i WordPress-postredigeraren

Rulla nu ner till metafÀltet för anpassade fÀlt och lÀgg till sponsrat i det anpassade fÀltet och sant i fÀltet.

LÀgga till sponsrat anpassat fÀlt i metafÀltet för anpassade fÀlt

DÀrefter mÄste du spara ditt inlÀgg och blÀddra ner till metafÀltet för anpassade fÀlt. Du kommer att mÀrka att anpassad fÀltmetafÀlt nu visar en rullgardinsmeny. NÀsta gÄng du behöver stÀlla in ett sponsrat inlÀgg Àr allt du behöver göra att vÀlja sponsrad frÄn rullgardinsmenyn och ange sant i vÀrdefÀltet.

NÀr du har lagt till det sponsrade anpassade fÀltet i ditt inlÀgg mÄste du kopiera och klistra in det hÀr kodavsnittet i ditt temas funktioner.php-fil eller ett webbplatsspecifikt plugin.


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;
}

Det Àr allt. Försök att besöka inlÀgget du redigerade tidigare sÄ kommer du att se sponsrat inlÀgg: prefix med inlÀggstitel.

Om du studerar kodavsnittet kommer du att mÀrka att vi har lagt in sponsrad inlÀggstext runt en CSS-klass. Med hjÀlp av denna CSS-klass kan du markera texten i inlÀggets titel. HÀr Àr en liten CSS som du kan lÀgga till i ditt temas eller underordnade temas stilark.


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

Ändra gĂ€rna CSS för att möta dina behov.

LÀgga till sponsrat inlÀggssuffix till inlÀggstitel pÄ WordPress

Om du vill visa den sponsrade inlÀggstexten efter inlÀggstiteln kan du uppnÄ detta genom att anvÀnda detta kodavsnitt:


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;
}


Om du studerar koden har vi bara gjort tvÄ Àndringar. Vi har lagt till ett enda bokstavsutrymme före den sponsrade texten, och sedan har vi bytt ordning för att visa $ titel först.

Det Àr allt, vi hoppas att den hÀr artikeln hjÀlpte dig att lÀgga till ett sponsrat inlÀggsprefix / suffix till inlÀggstiteln pÄ WordPress.

Om du gillade den hÀr artikeln, prenumerera sedan pÄ vÄr YouTube-kanal för WordPress-sjÀlvstudier. Du kan ocksÄ hitta oss pÄ Twitter och Google+.