Kā pievienot WordPress saistītās ziņas bez spraudņiem

Viena no lielākajām WordPress izmantošanas priekšrocībām ir spraudņi. WordPress spraudņi aptver gandrīz visu, ko varat iedomāties, sākot no emuāra paplašināšanas uz CMS, pievienojot izsmalcinātas funkcijas un optimizējot savu emuāru meklētājprogrammām - iespējas ir bezgalīgas (un neaizmirsīsim visas dažādās tēmas).

Bet, izmantojot pārāk daudz spraudņu, pastāv risks, ka jūsu WordPress emuārs tiks aizsprostots, un vissliktākajā gadījumā jūs to varat „salauzt”. Ir daudzi gadījumi, kad spraudņi nav saderīgi viens ar otru, kā arī spraudņi, kas palēnina jūsu emuāru.

Dažas no populārākajām WordPress spraudņa kategorijām ir balstītas uz pievienošanu “saistītās amata vietas” uz emuāru. Tā kā WordPress tam nav nekāda standarta, ikvienam ir jāizmanto sava veida spraudnis, lai parādītu saistītās ziņas savā vietnē.

Šis raksts iemācīs jums, kā pievienot emuārus ar saistītajām ziņām ar sīktēliem bez jebkādiem spraudņiem, turot visu vienkāršu, vieglu un pieejamu. Sāksim!

Bet vispirms, kāpēc izvairīties no spraudņiem?

Ir vairāki iemesli, kāpēc jums vienmēr vajadzētu mēģināt izmantot WordPress “iebūvēto kodu un pakalpojumus, nevis spraudni. Galvenais ieguvums ir tas, ka jums nav jāpaļaujas uz trešo personu (spraudņa izstrādātāju), lai jūsu emuārs darbotos. Ir daudzi gadījumi, kad viņu izstrādātāji pamet populāros spraudņus, atstājot neskaitāmus vietņu īpašniekus ar novecojušu un potenciāli neaizsargātu programmatūru.

Vēl viens iemesls ir tas, ka jūs nedrīkstat izmantot uzpūstu spraudni, kas var palēnināt jūsu vietni uz sasmalcināt vai pat sliktāk, saturot ļaunprātīgu kodu, lai gan tas ir reti, ja jūs saņemsiet spraudņus no oficiālās WordPress direktorijas.

Darba sākšana: saistītās ziņas ar sīktēliem

Šī "saistīto ziņu" funkcija, tāpat kā lielākā daļa citu, ir paredzēta izvietošanai jūsu galvenajā rakstu lapā (single.php), bet to var izmantot gandrīz jebkurā vietā, kamēr jūs to turat WordPress cilpā. Lai iegūtu saistītās ziņas, mēs izmantosim pasta tagus, kas tiek piešķirti atsevišķiem rakstiem.

Sīktēli

Tagad WordPress piedāvā iebūvētu sīktēlu sistēmu, kas mums būs nepieciešama šeit. Lai to iespējotu, pievienojiet šo kodu savai mapei jūsu files.php failam (vairumā gadījumu tas jau ir pieejams).

 add_theme_support (“pēc sīktēli”); 

Varat arī iestatīt sīktēlu platumu un augstumu, pievienojot kodu citai rindai:

 add_theme_support (“pēc sīktēli”); set_post_thumbnail_size (100, 50, true); 

Svarīgs: Pievienojot attēlus ziņām, lai izveidotu sīktēlu, attēla augšupielādes panelī ir jāizvēlas “Izmantojiet kā attēla attēlu”. Tas izveidos ziņojuma sīktēlu.

Kods

 
 
Saistītās ziņas
 ID); ja ($ tags) $ tag_ids = masīvs (); foreach ($ tags kā $ individual_tag) $ tag_ids [] = $ individual_tag-> term_id; $ args = array ('tag__in' => $ tag_ids, 'post__not_in' => masīvs ($ post-> ID), 'posts_per_page' => 4, // Saistīto ziņu skaits. 'caller_get_posts' => 1) ; $ my_query = jauns wp_query ($ args); kamēr ($ my_query-> have_posts ()) $ my_query-> the_post (); ?> 
 
   
  
 

Kods the_post_thumbnail (masīvs (150 100)) nosaka sīktēla lielumu, kas tiks parādīts, šajā gadījumā, 150px platums, 100px augstums.

CSS

Šeit ir divas divs klases, “.saistītie punkti”, kas ir kopējais div konteiners, un. \ t “.saistība” kas ir atsevišķs sīktēls un saite. Pieņemsim, ka amata platums ir standarta 640px. CSS:

 .saistītās vietas platums: 640px; starpība: 0 0 20px 0; peldēt: pa kreisi; font-size: 12px; .relatedposts h3 font-size: 20px; starpība: 0 0 5px 0;  .relatedthumb starpība: 0 1px 0 1px; peldēt: pa kreisi; . relatedthumb img margin: 0 0 3px 0; polsterējums: 0; .relatedthumb a krāsa: # 333; teksta apdare: nav; displejs: bloks; polsterējums: 4px; platums: 150px; .relatedthumb a: hover fona krāsa: #ddd; krāsa: # 000; 

Iepriekš minētais CSS padarīs pasta sīktēlus ar 150 pikseļu platumu, kas nozīmē, ka mums būs nepieciešami 4 sīktēli, lai aizpildītu pasta 640 pikseļu platumu (ieskaitot starpību starp tiem). Jūs varat to pielāgot pēc vēlēšanās; ja vēlaties 5 sīktēlus, jums būs nepieciešams aptuveni 125px .relatedthumb platums.

Svarīgs: Noteikti iestatiet WordPress multivides iestatījumos ģenerēto sīktēlu platumu, lai tie atbilstu tiem, kurus iestatījāt CSS. Turklāt tam jāatbilst php kodā norādītajam lielumam: the_post_thumbnail (masīvs (150 100)).

Piemērs

Saistītajām ziņām vajadzētu būt tādām, kādas izmanto spēļu emuārs DigitalBattle (kas izmanto precīzu šajā rakstā aprakstīto tehniku):

Līdzīgas metodes

Tas nav vienīgais veids, kā izdarīt saistītās ziņas bez spraudņiem - tur ir daudz metožu un rokasgrāmatu, kas parāda, kā pievienot saistītas ziņas bez spraudņiem, šeit ir daži no tiem:

]
• Saistītās ziņas w / sīktēli WordPress bez spraudņa (TechWalz)
• Kā: saistītās ziņas ar sīktēliem programmā WordPress bez spraudņiem (WPBeginner)
• Kā pievienot saistītās ziņas ar sīktēlu bez spraudņa (WPCode)

Secinājumi

Mēs varam daudz darīt ar iebūvētajām funkcijām, ko piedāvā WordPress, un daudzos gadījumos mums nav jārīkojas ar trešo pušu spraudņiem, lai veiktu darbu. Nākamreiz, kad jums ir nepieciešams spraudnis jūsu WordPress emuāram, skatiet, vai jūs varat sasniegt to pašu funkciju bez spraudņa. Aplūkojiet apkārt, meklējiet tīmeklī alternatīvu. Jūs būsiet pārsteigti, cik daudz ir iespējams ar WordPress no kastes.