Lignende oppføringer i WordPress-artikkelen. Plugins for å vise lignende innlegg i WordPress
Hilsen, kjære dere! De færreste vet at jeg blant annet også studerer nettprogrammering. Denne artikkelen åpner en ny seksjon på nettstedet vårt dedikert til kode. Nei, dette er ikke leksjoner om noe programmeringsspråk, men rett og slett nyttige kodebiter som kan være nyttige for deg hvis du har din egen nettside. For eksempel, i dag skal vi snakke om vise lignende innlegg til WordPress-motor . Hvorfor dette emnet? Fordi jeg selv nylig møtte dette "problemet" og ønsker å hjelpe andre.
Noen ganger skjer det i designtemaet WordPress mulighet visning av lignende innlegg er allerede til stede som standard, og alt er vakkert designet. Men oftest er denne muligheten ikke gitt.
Og vi vet alle godt at " lignende innlegg"på slutten av artikkelen eller på sidefeltet har en veldig positiv effekt på atferdsfaktorer(innvendig SEO-optimalisering). Og det første du tenker på er å installere en plugin som vil vise disse svært like innleggene.
Men det er alltid en slags "MEN..."!
For det første er ethvert plugin en ekstra belastning på nettstedet, og som et resultat bremser det litt. Derfor prøver erfarne webmastere å erstatte noen plugins med ren kode når det er mulig.
For det andre kan du bruke en dag på å søke etter en passende plugin og sette den opp, men til slutt får du ikke ønsket resultat. Ja, jeg prøvde også flere av disse pluginene, og en av dem hang til og med på siden min i nesten seks måneder. Men han så ikke veldig bra ut, for å si det mildt (vi vil ikke nevne navn).
Hvis du har selv den minste kunnskap om WordPress-motoren og styling (CSS), så den beste løsningen vil legge inn koden direkte i malen på nettstedet. La oss komme i gang!
Etter et kort søk fant jeg en slik ferdig kode på Internett, jeg var glad, men gleden min varte ikke lenge, og nå vil du forstå hvorfor.
Her er selve koden (klikk):
- if ($tags) ( $tag_ids = array(); foreach($tags as $individual_tag) $tag_ids = $individual_tag->term_id; $args=array("tag__in" => $tag_ids, "orderby"=>rand, "caller_get_posts"=>1, "post__not_in" => array($post->ID), "showposts"=>5 = new wp_query($args if($my_query->have_posts()); ekko"
- "; while ($my_query->have_posts()) ( $my_query->the_post(); ?>!}"> " rel="bokmerke" title="
For de som forstår koden i det minste litt, er det tydelig hva som brukes her php språk, noen standard WordPress-funksjoner og det hele er elegant pakket inn HTML markeringer Vi limer den inn på riktig sted (for mange er det single.php-filen i temaroten). Og hva får vi som resultat? Her er hva:
Hvordan «Relaterte innlegg» ser ut uten miniatyrbilder
Ja, denne koden viste oss lignende innlegg, men den viste dem i en vanlig liste og uten miniatyrbilder. Kanskje dette alternativet vil passe noen, men ikke meg. Dette må vi snarest gjøre noe med.
Først må du kvitte deg med listen. For å gjøre dette, erstatte taggene " ul" (unummerert liste) til tagger " div" (enkelt blokkelement) på to steder ( ! ) og legg til en meningsfull identifikator til den (slik at den enkelt kan styles senere). Da fjerner vi ganske enkelt taggene til listeelementene " li"(bare legg igjen innholdet deres).
Inne i "div" står du nå igjen med en bar lenke med posttittelen som tekst. For enkelhets skyld pakket jeg tittelen inn i en annen tag. Og nå er det viktigste å legge til et miniatyrbilde til innleggene. For dette er det standard WordPress-funksjon— the_post_thumbnail() , som returnerer oss et miniatyrbilde av innlegget i " taggen img».
Nå ser koden vår litt annerledes ut. Våre relaterte innlegg vises allerede med miniatyrbilder, og som du kan se, klarte vi å oppnå dette uten hjelp fra tredjeparts plugins. Men jeg anbefaler ikke å la alt være slik. Det ser fortsatt stygt ut. Enorme bilder som spenner over hele siden. Også i forferdelig kvalitet. Og under dem er signaturer i blått (vanlige lenker). Du kan lime inn denne koden og se alt med egne øyne. Men sett den inn i alle fall, fordi vi ikke kommer inn i denne koden lenger.
Litt endret, sammenlign (klikk):
ID);
if ($tags) (
$tag_ids = array();
foreach($tags som $individual_tag) $tag_ids = $individual_tag->term_id;
$args=array(
'tag__in' => $tag_ids,
‘orderby’=>rand,
'caller_get_posts'=>1,
‘post__not_in’ => array($post->ID),
‘showposts’=>5
);
$my_query = new wp_query($args);
if($my_query->have_posts()) (
ekko ' ’;
}
wp_reset_query();
}
?>
La oss gå videre til punkt tre eller hvilken har vi allerede? Her skal jeg vise deg hvordan jeg formaterte mine lignende innlegg, men du vil kanskje gjøre det annerledes. Stilkoden som jeg vil gi nedenfor, må settes inn i stilfilen på nettstedet ditt (fortrinnsvis på slutten for enkelhets skyld). Det er plassert i roten av nettstedets tema og kalles style.css (men det kan også være i en annen mappe, for eksempel "css" eller "styles"). Her er selve koden:
Stilkode (CSS):
#lignende_innlegg(
margin: 30px 0;
}
#similar_posts h4(
marg-bunn: 15px;
}
#similar_posts_wrapper(
display: flex;
flex-wrap: nowrap;
rettferdiggjøre-innhold: mellomrom-mellom;
}
#similar_posts_wrapper a(
flex-basis: 19%;
tekst-align: center;
tekst-dekorasjon: ingen;
farge: arve;
kantradius: 5px;
overgang: bakgrunnsfarge 0,3s;
}
#similar_posts_wrapper a img(
polstring: 3px;
kantradius: 5px;
}
#similar_posts_wrapper a:hover(
bakgrunnsfarge: lyseblå;
}
@medieskjerm og (maks. bredde: 767px)(
#similar_posts_wrapper(
flex-wrap: vikle;
rettferdiggjøre-innhold: plass-rundt;
}
#similar_posts_wrapper a(
flex-basis: 160px;
margin: 25px;
}
}
Stiliserte "relaterte innlegg." Føler du forskjellen?
Som et resultat fikk vi vakre "lignende innlegg" med miniatyrbilder, som også er tilpasningsdyktige og med en knapt merkbar jevn overgang til svevetilstanden (med musen over). Jeg håper alt ordnet seg for deg også.
I stedet for resultatet:
Ikke glem at den første koden må settes inn i filer med filtypen .php. Hvis du vil sette inn lignende oppføringer i sidefeltet, se etter filen " sidebar.php" Men du vil ikke bare kunne sette inn denne koden i en sidefelt-widget.
Gratulerer, du er nå på nettstedet ditt lignende innlegg med miniatyrbilder, som du installerte selv uten å bruke plugins. Og de ser mest sannsynlig ut akkurat som du hadde planlagt. Og hvis ikke, så skriv i kommentarfeltet hva du ikke kan gjøre, jeg skal hjelpe på alle måter jeg kan.
PS: Til å begynne med kan det hende at denne artikkelen ikke har lignende oppføringer, fordi vi nettopp har åpnet denne delen, og det er faktisk ingen andre artikler på nettstedet med de samme kodene. Og koden styres av kodene du skriver for artiklene dine, så ikke glem å fylle dem ut, dette er viktig!
Leste du helt til slutt?
Var denne artikkelen nyttig?
Egentlig ikke
Hva likte du egentlig ikke? Var artikkelen ufullstendig eller falsk?
Skriv i kommentarer og vi lover å forbedre oss!
God ettermiddag, kjære lesere!
I dag vil vi lage lignende innlegg for et WordPress-nettsted uten plugin. Dette vil være en fortsettelse av forrige artikkel.
I det siste innlegget viste jeg hvordan man lager lignende innlegg ved hjelp av . Den implementerer denne funksjonaliteten ganske bra, og jeg anbefaler å bruke den. Men den kan erstattes med veldig enkel kode som også kan gjøre jobben ganske bra.
Jeg skriver nettopp denne artikkelen da jeg sjekket denne koden på bloggen min. Alt fungerer utmerket. Blokken ser helt lik ut.
Som du kan se, ligner alt på plugin. Og alt er gjort ganske enkelt. Du trenger bare å plassere en del av koden på stedet der blokken med lignende oppføringer vises.
Jeg vet imidlertid ikke med sikkerhet om bilder vil vises hvis miniatyrbilder for innleggene ikke er spesifisert. Jeg har alle miniatyrbildene satt, så jeg kunne ikke teste det på noen artikkel. Derfor vil det mest sannsynlig være nødvendig å tilordne miniatyrbilder til hver artikkel. Og hvis det er mange av dem, må du lide litt. Du trenger også malen din for å støtte miniatyrbilder, for hvis denne funksjonaliteten ikke er til stede, vil du ikke kunne tilordne dem til innlegg.
Først gir jeg en videoopplæring hvor jeg viste hvordan man gjør alt, og så er det en tekstartikkel med alle kodene og forklaringene.
W er faktisk en del av selve koden.
< div class = "related_posts" > < div class = "related-zagolovok" >Husk å sjekke ut lignende innlegg< / div > $categories = get_the_category ($post -> ID) ; if ($kategorier) ( $category_ids = array () ; foreach ($kategorier som $individual_category ) $category_ids = $individual_category -> term_id ; $args = array ( "category__in" => $category_ids , "post__not_in" => array ($post -> ID ), "showposts" => 4 , "ordreby" => rand, "caller_get_posts" => 1 ); $my_query = ny wp_query ($args) ; if ($my_query -> have_posts()) ( ekko" "
;
"
;
while ($my_query -> have_posts () ) ( $my_query -> the_post () ; < div class = "obz" > < a href = " " title = " !}" > < div id = "related_posts_box" > < / div > < / a > < / div > ekko" wp_reset_query(); < / div > |
For å sette opp lignende oppføringer, er vi interessert i 3 linjer i denne koden:
- Linje 9 - er ansvarlig for postvisningsmodus. Nå skal den vise lignende innlegg fra samme kategori. Det vil si at hvis et innlegg er i en bestemt kategori, vil bare innlegg fra den samme kategorien vises i blokken. Dette skaper sammenkobling innenfor hver kategori;
Hvis vi ønsker å endre denne parameteren, kan vi vise innlegg etter tagger. Hvis du angir dem for artikler, vil koden vise innlegg med lignende tagger. For å gjøre dette, må du erstatte hele den niende linjen med 'tag__in' => $tag_ids,.
- Linje 11 - antall viste poster i blokken. Som jeg allerede sa i forrige artikkel om lignende innlegg-plugin, er det optimale antallet innlegg med tanke på nytteverdi for lenking opptil 5 innlegg. Jeg la fortsatt igjen 4 innlegg for utgang;
- Linje 12 - tilfeldig utgang av poster, det vil si hver gang siden oppdateres i en bestemt artikkel, vil en ny liste over lignende poster bli generert. I denne koden foretrakk jeg å la denne parameteren stå, og hvis du nå prøver å oppdatere siden, vil du se at en helt annen liste med innlegg vil dukke opp. og dette vil skje med hver oppdatering. Denne typen tilfeldig (tilfeldig kobling) hjelper mye.
Hvis du vil at listen skal være fikset hele tiden, må du fjerne den 12. linjen helt. Men jeg likte ikke dette alternativet, siden en liste over de siste 4 innleggene i kategorien vil vises hele tiden, og den vil ikke endre seg, uansett hvilket innlegg de er i. Jeg var ikke veldig fornøyd med dette. Kanskje din blir annerledes. Du prøver det.
For å vise lignende innlegg uten en plugin, må du lime inn denne koden i temaets single.php-fil der innholdsutgangen slutter. Jeg har en artikkel om hvordan du bestemmer dette stedet. Der beskrev han alt i detalj og ga en videoleksjon. Det vil hjelpe deg å finne ut hvor du må plassere slike koder.
Den endelige versjonen i filen min ser slik ut.
Etter dette skal lignende innlegg allerede vises. Men for å fullføre prosedyren, må de være ordentlig forberedt. Jeg skisserte ikke hvert innlegg i denne blokken med en slags ramme. Vi streber etter enkelhet. Jeg gir deg stilene mine, som må plasseres i stilfilen til malen style.css.
Related_posts ( float: left; margin: 15px 0; width: 100%; ) #related_posts_box ( min-height: 205px; float: left; margin: 2px; utfylling: 6px 3px 0px 0px; width: 166px; A; ) #related_posts_box:hover ( tekst-dekorasjon: understrek !viktig) .related-zagolovok ( margin-top: 5px; margin-bottom: 9px; polstring: 15px 0 0 0; farge: #34495e; font-family: arial; font -størrelse: 24px; linjehøyde: 130% skrifttype: kursiv: 1px solid #ddd;)
relaterte_innlegg( flyte: venstre; margin: 15px 0; bredde: 100 %; ) #related_posts_box ( min-høyde: 205px; flyte: venstre; margin: 2px; polstring: 6px 3px 0px 0px; bredde: 166px; farge : #004A95 ; ) #related_posts_box:hover ( tekst-dekor : understrek !viktig ) Relatert tittel ( marg-top: 5px; marg-bunn: 9px; polstring: 15px 0 0 0; farge : #34495e ; font-familie: arial; skriftstørrelse: 24px; linjehøyde: 130 %; font-weight: fet; skriftstil: kursiv; tekst-align: center; border-top : 1px solid #ddd ; ) |
Hei venner! I dag skal jeg vise deg hvordan du trekker deg lignende innlegg med bilder på WordPress etter artikler og i sidefeltet ved hjelp av Relaterte innlegg Thumbnails plugin. Selvfølgelig er det mange måter å løse et slikt problem på. For eksempel å sende ut en blokk uten en plugin ved å bruke kode eller bruke 2leep-tjenesten. Men jeg skal fortelle deg om hva jeg brukte selv. Og vi vil også snakke om hvorvidt det er verdt å bruke visning av lignende innlegg med miniatyrbilder i det hele tatt. Og spesielt ved å bruke plugin-en ovenfor.
For det første er det verdt å forstå hvorfor vi trenger "Relaterte innlegg"-blokken i det hele tatt, uansett med eller uten bilder:
- For det første skaper det interne koblinger på nettstedet, noe som er bra for SEO.
- For det andre tiltrekker det lesernes oppmerksomhet og øker sidevisningene, noe som forbedrer atferdsfaktorer.
Hvis du allerede har en plugin installert for å vise relaterte innlegg i tekstform, er det fortsatt verdt å installere miniatyrbilder av relaterte innlegg? Her er det selvsagt vanskelig å svare entydig.
Fordelen med en blokk med miniatyrbilder er at vakre bilder tiltrekker seg mer oppmerksomhet. Dette betyr at det er en mulighet for at deres klikkfrekvens vil være høyere enn for tekstmotparten. Men alt må testes. For eksempel mener Alexander Bobrin (asbseo.ru) at selv en tekstblokk i dette skjemaet ikke er nødvendig.
Det er sunn fornuft i dette. Faktum er at koblinger med ankere vanligvis genereres der fra titlene på artikler, og ikke fra tittelen. Og, som du vet, skriver vi artikkeltitler for besøkende, og de er ikke alltid relevante for nøkkelspørsmålet. Så det viser seg at slike lenker ikke er tematiske, noe som ikke er bra.
Derfor er det opp til deg å bestemme om du skal installere en slik blokk eller ikke. Men det er absolutt verdt et forsøk.
Nå skal jeg dele min erfaring. Lenge viste jeg lignende innlegg med bilder på denne bloggen, men så la jeg bare tekstutgang. Til dette bruker jeg Yet Another Related Posts Plugin. Jeg tror det fortsatt gjør noe godt. Dessuten har jeg alltid nøkkelord i titlene mine.
Hvorfor ga jeg opp miniatyrer? Etter å ha analysert statistikken la jeg ikke merke til noen vesentlige endringer eller økning i sidevisninger. Men jeg må si at jeg ikke foretok en detaljert analyse. Du kan for eksempel se gjennom Webvisor i Yandex.Metrica for å finne ut nøyaktig hvor flest klikk er gjort. Tydeligvis spiller bloggens tema og kvaliteten på selve miniatyrbildene også en stor rolle. For eksempel på nettsteder om biler vil dette være mer enn passende. Forresten, på mine andre WordPress-blogger bruker jeg fortsatt lignende lenker med miniatyrbilder. Det ser slik ut:
Det er ytterligere to grunner til at jeg nektet å bruke plugin-en Related Posts Thumbnails:
- Hvis du åpner samme side flere ganger, vil lenkene til lignende artikler endres. Det er ikke kjent hvordan søkemotorer skal kunne indeksere dem riktig og om slike tilfeldige (dynamiske) lenker er nødvendig på bloggen.
- Hvis miniatyrbilder vises samtidig etter artikler og i sidefeltet, kan de dupliseres på samme side.
Det er verdt å merke seg at en betydelig forbedring av atferdsfaktorer på nettstedet kan oppveie disse ulempene. Derfor gjentar jeg nok en gang: vi må teste. La oss gå fra teori til praksis.
Dette pluginet legger til relaterte miniatyrbilder til innlegg etter innlegg og i sidefeltet. Som standard brukes miniatyrbildet av det første bildet i artikkelen.
Gå til bloggens administrasjonspanel "Innstillinger" - "Miniatyrbilder av relaterte innlegg". Innstillingssiden åpnes. I prinsippet er alt klart her, men jeg skal forklare noe.
Generelle visningsegenskaper. Her velger vi om vi skal vise bilder automatisk eller ved hjelp av kode. I det andre tilfellet kan en blokk med miniatyrbilder settes inn der det er mest hensiktsmessig. De resterende innstillingene kan stå som i figuren nedenfor. Bare endre "Topptekst" etter eget skjønn.
Kilde til miniatyrbilder. Hvis du ikke bruker miniatyrbilder i alle innlegg, merk av i boksen.
Stilalternativer. Vi velger hvordan vi skal vise poster, som en blokk eller en liste. Du kan tilpasse utseendet til blokken uten å ty til CSS. Lek med " Høyde på tekstblokk
«Slik at lange innleggstitler vises normalt. Tilkoblingsinnstillinger.
Dette punktet er viktig for SEO. Jeg mener det er bedre å bruke ett av de tre første alternativene slik at teksten til lenkene er så relevant som mulig for artikkelen de er plassert i. Etter alle endringer, klikk på "“.
Lagre endringer
| 1 2 3 | |
Som standard er miniatyrbilder venstrejustert, noe som ikke alltid ser bra ut. Dette kan fikses ved å rykke inn relatert-posts-thumbnails.php-filen i plugin-editoren. Det er bedre å legge utgangskoden i en div-blokk, slik plugin-forfatteren anbefaler: Til vise bilder med lignende innlegg i sidefeltet
, må du gå til administrasjonspanelet på adressen "Utseende" - "Widgets". Finn widgeten til venstre med navnet på plugin-en og dra den til sidefeltet.
En detaljert beskrivelse og alle innstillinger av pluginet finner du på bloggen til utvikleren, den russiske jenta Maria Shaldybina, på denne lenken. Selv om bloggen er på engelsk, håper jeg du forstår den.
Som jeg allerede nevnte i begynnelsen av artikkelen, kan lignende WordPress-innlegg med bilder vises ved hjelp av 2leep-tjenesten. Forresten, denne tjenesten kan fortsatt brukes til å motta gratis trafikk til nettstedet. I dette tilfellet vil widgets med miniatyrbilder installert på andre nettsteder inneholde lenker til bloggen din. Det vil si at besøkende på andre blogger, ved å klikke på bildet under artikkelen, vil gå til siden din. Du kan lese mer om dette på bloggen jonyit.ru. Den beskriver installasjonen og konfigurasjonen av slike widgets.
Generelt, velg de alternativene som kan øke antall sidevisninger og tiden besøkende bruker på nettstedet. Forbedre atferdsfaktorene på bloggene dine. Du kan snakke om resultatene i kommentarene. Det er alt, vi sees der!
Venner, hei alle sammen. I dag skal vi snakke om hvordan du lager en liste over relaterte artikler i WordPress uten en plugin. Lignende materialer forbedrer atferdsfaktorer. De er vanligvis plassert på slutten av artikkelen slik at den besøkende kan lese andre artikler om emnet.
Derfor, hvis du interesserer en besøkende, vil han bli på nettstedet ditt lenger, og lignende artikler vil hjelpe ham å bedre forstå løsningen på problemet hans.
Inntil nylig brukte jeg WordPress Related Posts-plugin for dette på bloggen min. En god plugin, den kan være vakkert designet for å passe til ethvert design, og viser lignende artikler.
Bare i kampen for lastehastigheten på nettstedet bestemte jeg meg for å erstatte denne plugin-modulen med enkel kode. Fordi dette pluginet bremset nedlastingen av bloggen min fra 0,5 til 0,9 sekunder avhengig av tid og belastning.
Og så bestemte jeg meg for å bruke php-kode for å vise lignende artikler, som lar deg vise artikler ved å sortere dem etter koder eller kategorier (overskrifter).
Som regel vises en liste over lignende artikler på slutten av artikkelen. I de fleste WordPress-temaer er single.php-filen ansvarlig for artikler (innlegg). Det er i denne filen du må sette inn koden som er ansvarlig for å vise lignende artikler.
Advarsel: Lag en sikkerhetskopi av single.php-filen før du starter arbeidet.
Trinn 1: Finn et sted å lime inn koden.
Vi har alle forskjellige mønstre og deres struktur er litt forskjellig fra hverandre. For eksempel, i mitt tema er det ingen single.php-fil i det hele tatt. Jeg opprettet , og gjør alle endringene gjennom temafunksjonsfilen. Og dette er en størrelsesorden vanskeligere enn å redigere vanlige filer.
For å finne riktig sted å sette inn koden, må du først se på siden, finne hovedelementene på den, og deretter i kildekoden vil det være lettere for deg å finne det nødvendige stedet for koden.
Som du kan se på skjermbildet, er det riktige stedet å sette inn koden etter slutten av artikkelen, før navigasjonen.
Så åpne WordPress-administrasjonspanelet - "Utseende" — "Redaktør" — "En oppføring (enkelt.php)". Og i filen, se etter koden som er ansvarlig for å vise artikkelen. Det vil se omtrent slik ut:
...
Etter dette fragmentet kan du sette inn koden til lignende artikler. I mitt eksempel vil navigasjonskoden gå lenger.
Trinn 2: Sett inn kode for lignende artikler.
Når du har bestemt deg for plasseringen, lim inn denne koden:
ID); if ($tags) ( $tag_ids = array(); foreach($tags as $individual_tag) $tag_ids = $individual_tag->term_id; $args=array("tag__in" => $tag_ids, "post__not_in" => array( $post->ID), "posts_per_page"=>5 ,// Antall lignende artikler vist.- "ignore_sticky_posts"=>1);
- "; while ($my_query->have_posts()) ( $my_query->the_post(); ?> $my_query = new wp_query($args); !}"> if($my_query->have_posts()) ( echo "
- Hvis du erstatter linjen "category__in" => $category_ids med denne: "tag__in" => $tag_ids, vil lignende innlegg sorteres etter tagger.
- I denne koden bør du også være oppmerksom på linjen "orderby"=>rand, . Den er ansvarlig for den tilfeldige rekkefølgen for visning av lenker til innlegg. Hvis du ønsker at poster skal vises i henhold til opprettelsesdatoer, bør denne linjen fjernes.
- Linjen "caller_get_posts"=>1 forbyr gjentatte oppføringer under et innlegg.
- Linjen "showposts"=>3 indikerer antall innlegg som skal vises.
"; while ($my_query->have_posts()) ( $my_query->the_post(); ?>
Utseendet til listen vil samsvare med utformingen av nettstedet ditt, siden stilene som er definert i malen, gjelder for denne listen.
Men hvis du vil gjøre endringer i stilene, kan du alltid bruke klassen relaterte Posts og angi dine egne stiler. Jeg har allerede lagt til denne klassen i bunnen av listen.
Du kan også endre elementene som er merket med oransje i koden.
Det kan for eksempel være lurt å vise lignende artikler ikke etter tagger, men etter kategori. Inviter den besøkende til å gjøre seg kjent med lignende materialer fra denne kategorien.
Deretter, etter algoritmen beskrevet ovenfor, setter du inn denne koden:
Lignende artikler fra kategorien:
"; ) ) $post = $backup; wp_reset_query(); ?>
Denne koden sorterer kun artikler etter kategori. Tagger spiller ikke lenger noen rolle.
God dag! Vi har allerede snakket mer enn en gang om hvor viktig det er å gjennomføre intern optimalisering på siden. En måte å lage effektiv intern kobling på er å vise relaterte innlegg nederst i hver artikkel. Dette tillegget lar deg øke hvor lenge besøkende oppholder seg på nettstedet, reduserer fluktfrekvensen og har følgelig en positiv effekt på. Dagens artikkel vil diskutere hvordan du legger til lignende innlegg til en WordPress-blogg, hvilke plugins som passer for dette, og hvordan du gjør dette uten plugins.
Det er to alternativer for å vise lignende innlegg under en artikkel – etter kategori og etter tagger (tags). Tagger lar deg vise artikler med lignende emner som kan tilhøre forskjellige seksjoner. Filen single.php er ansvarlig for å skrive ut artikkelen. Hvis noen har glemt det, kan du lese artikkelen om.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
Koden ovenfor må settes inn umiddelbart etter at artikkelen vises i single.php-filen.
Men det er ikke alt. Hvis du vil at lenker til lignende innlegg skal følges, må du formatere dem i tillegg. For å gjøre dette må du gjøre endringer i filen style.css.
For å få det til å se slik ut, legg til følgende kode:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | #related_posts ( margin-right : -25px ; ) #related_posts p( font-size : 18px ; ) #related_posts li( float : left ; width : 205px ; margin : 0 20px 20px 0 ; #x 8 : background /* bakgrunnsfargen er grå */ høyde: 160px; ) #related_posts li: hover ( bakgrunn : #f6fffd ;/* endre bakgrunnen til blå ved pekeren */ |
) #related_posts li a( text-align : center ; display : block ; padding : 5px ; color : #222 ; /* link color */ ) #related_posts li img( width : 195px ; height : 117px ; )
#related_posts( margin-right: -25px; ) #related_posts p( font-size: 18px; ) #related_posts li( float: left; width: 205px; margin: 0 20px 20px 0; padding: 4px; background: #f8; /* bakgrunnsfargen er grå */ høyde: 160px ) #related_posts li:hover( background: #f6fffd; /* endre bakgrunnen til blå på hover */ ) #related_posts li a( text-align: center; display: block; ; padding : 5px; farge: #222; /* lenkefarge */ ) #related_posts li img( width: 195px; height: 117px; )
Hvis du foretrekker plugins, her er noen av dem for å vise lignende innlegg: WordPress-relaterte innlegg, enkle etiketter, lignende innlegg eller enda andre relaterte innlegg.
De mest populære WordPressRelatedPosts analyserer innholdet i en artikkel og velger relevante innlegg fra bloggen din. Fordelen med denne lignende innleggs-pluginen fremfor andre er at den er den letteste, dvs. laster serveren mindre enn andre. Les "". I WordPressRelatedPosts-innstillingene, akkurat som å bruke kode, men uten ekstra arbeid, kan du spesifisere antall innlegg som skal vises og sorteringsprinsippet (etter dato, tilfeldig, etter popularitet). Du kan også vise lignende innlegg med miniatyrbilder (Thumbnail) ved å bruke WordPress-plugin, men for å gjøre dette må disse miniatyrbildene først opprettes for artiklene dine på nettstedet.
Velg din metode for å vise lignende innlegg i WordPress: plugin eller kode. Hovedsaken er at den valgte metoden oppfyller dine forventninger og tiltrekker flere og flere besøkende til nettstedet.