Hur man lägger till WordPress-relaterade inlägg utan pluggar

En av de stora fördelarna med att använda WordPress är plugins. WordPress plugins täcker nästan allt du kan tänka dig, från att expandera din blogg till ett CMS, för att lägga till fina funktioner och optimera din blogg för sökmotorer - möjligheterna är oändliga (och låt oss inte glömma alla olika teman där ute).

Men genom att använda för många plugins löper du risken att clogging upp din WordPress-blogg, och i värsta fall kan du bryta det. Det finns många instanser av plugins som inte är kompatibla med varandra, samt plugins som saktar ner din blogg.

Några av de mest populära WordPress-pluginkategorierna är baserade kring att lägga till “relaterade inlägg” till en blogg. Eftersom WordPress inte har något standard för det här krävs alla att använda någon form av plugin för att visa relaterade inlägg på deras webbplats.

Den här artikeln kommer att lära dig hur du lägger till relaterade inlägg med miniatyrbilder till din blogg utan några plugins, vilket gör allt enkelt, lätt och tillgängligt. Låt oss börja!

Men först, varför undvika plugins?

Det finns ett antal anledningar till varför du alltid ska försöka använda WordPress 'inbyggda kod och tjänster, snarare än ett plugin. Den största fördelen är att du inte behöver förlita dig på en tredje part (plugin-utvecklaren) för att din blogg ska fungera. Det finns många fall av populära plugins som överges av sina utvecklare och lämnar otaliga ägare som sitter fast med föråldrad och potentiellt utsatt programvara.

En annan anledning är att du inte löper risken att använda ett uppblåst plugin som kan sakta din webbplats till en mala eller ännu värre, innehålla ett skadligt kodstycke, även om det här är ovanligt om du får dina plugins från den officiella WordPress-katalogen.

Komma igång: relaterade inlägg med miniatyrbilder

Denna "relaterade inlägg" -funktion, som de flesta andra, är avsedd att placeras på din huvudartikelsida (single.php), men du kan använda den nästan var som helst, så länge du behåller den i WordPress-loop. För att få de relaterade inläggen använder vi postposterna som ges till enskilda artiklar.

miniatyrer

WordPress har nu ett inbyggt miniatyrsystem, som vi behöver här. För att aktivera det, lägg till den här koden i din functions.php-fil i din temapapp (i de flesta fall är den redan där).

 add_theme_support ("post-miniatyrer");

Du kan också ställa in bredden och höjden på miniatyrerna genom att lägga till en annan rad i koden:

 add_theme_support ("post-miniatyrer"); set_post_thumbnail_size (100, 50, true);

Viktig: När du lägger till bilder i inlägg, för att skapa en miniatyrbild måste du, på bildöverföringspanelen, välja “Använd som bild”. Detta skapar miniatyrbilden för inlägget.

Koden

  Relaterade inlägg
 ID); om ($ taggar) $ tag_ids = array (); foreach ($ tags som $ individual_tag) $ tag_ids [] = $ individual_tag-> term_id; $ args = array ('tag__in' => $ tag_ids, 'post__not_in' => array ($ post-> ID), 'posts_per_page' => 4, // Antal relaterade inlägg att visa. 'caller_get_posts' => 1) ; $ my_query = nytt wp_query ($ args); medan ($ my_query-> have_posts ()) $ my_query-> the_post (); ?>

Kodstycket the_post_thumbnail (array (150.100) anger storleken på miniatyrbilden som visas, i det här fallet 150px bredd, 100px höjd.

CSS

Vi har två divs klasser här, “.relaterade inlägg”, vilken är den totala div-behållaren, och “.relatedthumb” vilken är den enskilda miniatyrbilden och länken inom .relatedposts. Vi antar att bredden på inlägget är standard 640px. CSS:

 .relaterade poster bredd: 640px; marginal: 0 0 20px 0; flyta till vänster; fontstorlek: 12px; .relatedposts h3 font-size: 20px; marginal: 0 0 5px 0;  .relatedthumb margin: 0 1px 0 1px; flyta till vänster;  .relatedthumb img margin: 0 0 3px 0; padding: 0; .relatedthumb a color: # 333; text-dekoration: ingen; display: block; vaddering: 4px; bredd: 150px; .relatedthumb a: svävar bakgrundsfärg: #ddd; färg: # 000;

CSS ovan kommer att göra miniatyrerna i posten med 150px i bredd, vilket innebär att vi behöver 4 miniatyrbilder för att fylla postens 640px bredd (inklusive marginalen mellan dem). Du kan justera detta som du vill Om du vill ha 5 miniatyrbilder behöver du en .relaterad bredd på ca 125px.

Viktig: Var noga med att ställa in bredden på miniatyrerna som genererats i dina WordPress-mediainställningar för att matcha de som du angav i CSS. Dessutom måste den matcha den storlek som anges i php-koden: the_post_thumbnail (array (150.100).

Exempel

De relaterade inläggen ska visas ungefär så här, som används av spelbloggen DigitalBattle (som använder den exakta tekniken som beskrivs i denna artikel):

Liknande tekniker

Det här är inte det enda sättet att göra relaterade inlägg utan plugins. Det finns många tekniker och guider där ute som visar hur du lägger till relaterade inlägg utan plugins. Här är några av dem:

Relaterade inlägg med miniatyrbilder i WordPress utan plugin (TechWalz)
Så här: relaterade inlägg med miniatyrer i WordPress utan plugins (WPBeginner)
Hur man lägger till relaterade inlägg med miniatyrbild utan plugin (WPCode)

Slutsatser

Vi kan göra mycket med de inbyggda funktionerna som WordPress erbjuder, och i många fall behöver vi inte tillgripa plugin från tredje part för att få jobbet gjort. Nästa gång du behöver ett plugin för din WordPress-blogg, se om du kan uppnå samma funktion utan plugin. Gräva runt, sök på webben för ett alternativ. Du kommer bli förvånad över hur mycket som är möjligt med WordPress ur lådan.