Cum să adăugați miniaturi la linkurile postărilor anterioare și următoare în WordPress

După atâta muncă la o postare de blog WordPress, este frustrant să vezi cititorii plecând după o singură pagină.

Un motiv major? Linkurile de navigare din text simplu de la sfârșitul postărilor dvs. abia dacă sunt observate.

Adăugarea imaginilor miniaturale la aceste linkuri de navigare te poate ajuta să atragi atenția. Cititorii pot vedea instantaneu ce urmează, ceea ce îi face mult mai predispuși să rămână și să exploreze conținutul tău.

Am testat multe metode și am constatat că WPCode este cel mai bun instrument pentru această sarcină. Îți permite să adaugi fragmente de cod personalizate în siguranță, fără a atinge fișierele temei tale.

În acest ghid, vă vom arăta exact cum să adăugați miniaturi la linkurile postărilor anterioare și următoare în WordPress. Este mai ușor decât credeți! 💡

De ce să afișați miniaturi cu linkurile către articolele anterioare și următoare?

Pe scurt, miniaturile fac instantaneu linkurile de navigare mai atrăgătoare și mai ușor de clic. Ele pot încuraja cititorii să continue să exploreze site-ul dvs.

Blogul dvs. WordPress oferă câteva funcții utile pentru a ajuta vizitatorii să găsească conținut nou și să navigheze pe site-ul dvs. Aceste funcții includ:

• meniuri de navigare
• o bară de căutare, și
• un widget de arhive de postări.

O altă funcție utilă de navigare se găsește în partea de jos a fiecărui postare de blog. Acolo, veți găsi linkuri către postările anterioare și următoare ale site-ului dvs.

Aceste linkuri creează implicarea utilizatorilor, deoarece atunci când vizitatorii termină de citit un articol de blog, ar putea căuta altceva de citit. Cu toate acestea, dacă adăugați miniaturi, linkurile vor arăta mai interactive.

Este, de asemenea, o modalitate excelentă de a atrage atenția asupra postărilor dvs. de blog cele mai performante sau populare.

De exemplu, este posibil să aveți conținut de tip „pillar” care generează deja mult trafic și transformă acei cititori în abonați prin e-mail. Adăugarea de miniaturi cu linkuri către postări v-ar ajuta doar să vă construiți lista de e-mail și să vă dezvoltați mica afacere.

Având în vedere acest lucru, vă vom arăta cum să adăugați miniaturi la legăturile către postările anterioare și următoare în WordPress. Iată toate subiectele pe care le vom acoperi în acest articol:

• Using Thumbnails with Previous and Next Post Links in WordPress
• Alternativă: Afișarea postărilor populare cu miniaturi
• Întrebări frecvente despre miniaturi de navigare postări
• Linkuri bonus: Utilizarea imaginilor și a altor fișiere media în WordPress

Să începem!

Utilizarea miniaturilor cu linkuri către postările anterioare și următoare în WordPress

Pentru a adăuga miniaturi la linkurile postărilor anterioare și următoare, va trebui să adăugați cod în fișierele temei WordPress. Dacă nu ați mai făcut acest lucru înainte, consultați ghidul nostru despre cum să copiați și să lipiți cod în WordPress.

Adăugarea de cod folosind WPCode

Primul pas este să adăugați următorul fragment de cod folosind WPCode, cel mai bun plugin pentru fragmente de cod. Acesta vă permite să adăugați cod fără a vă afecta site-ul și vine cu o mulțime de șabloane gata făcute, astfel încât să nu fie nevoie să scrieți cod de la zero.

Pe site-urile mărcilor noastre partenere, folosim WPCode pentru a crea și gestiona fragmente de cod personalizate. A funcționat incredibil de bine pentru noi și puteți consulta recenzia noastră completă despre WPCode pentru a explora funcționalitățile sale.

Pentru a începe, va trebui să instalați și să activați pluginul WPCode. Dacă aveți nevoie de ajutor, puteți consulta articolul nostru despre cum să instalați un plugin WordPress.

După activare, accesați pagina Snippete de Cod » + Adăugare Snippet din tabloul de bord WordPress.

Apoi, continuați și faceți clic pe butonul „Adăugare Nouă”.

Vei fi redirecționat către o bibliotecă de fragmente de cod, unde poți alege dintr-o mare varietate de șabloane predefinite.

Pentru a adăuga miniaturi la linkurile postărilor anterioare și următoare, vom încărca un șir de cod personalizat. Deci, să facem clic pe „Utilizare fragment” sub „Adăugați codul dvs. personalizat (Fragment nou)”.

Pe fereastra pop-up care apare, vei selecta tipul de cod.

Aici, veți dori să alegeți „Fragment PHP”.

Următorul pas este să dați un nume fragmentului de cod, astfel încât să vă puteți referi la el mai târziu.

Apoi, pur și simplu copiați următorul cod în editorul de text WPCode:

function wpb_posts_nav(){
    $next_post = get_next_post();
    $prev_post = get_previous_post();
    
    if ( $next_post || $prev_post ) : ?>
    
        <div class="wpb-posts-nav">
            <div>
                <?php if ( ! empty( $prev_post ) ) : ?>
                    <a href="<?php echo get_permalink( $prev_post ); ?>">
                        <div>
                            <div class="wpb-posts-nav__thumbnail wpb-posts-nav__prev">
                                <?php echo get_the_post_thumbnail( $prev_post, [ 100, 100 ] ); ?>
                            </div>
                        </div>
                        <div>
                            <strong>
                                <svg viewBox="0 0 24 24" width="24" height="24"><path d="M13.775,18.707,8.482,13.414a2,2,0,0,1,0-2.828l5.293-5.293,1.414,1.414L9.9,12l5.293,5.293Z"/></svg>
                                <?php _e( 'Previous article', 'textdomain' ) ?>
                            </strong>
                            <h4><?php echo get_the_title( $prev_post ); ?></h4>
                        </div>
                    </a>
                <?php endif; ?>
            </div>
            <div>
                <?php if ( ! empty( $next_post ) ) : ?>
                    <a href="<?php echo get_permalink( $next_post ); ?>">
                        <div>
                            <strong>
                                <?php _e( 'Next article', 'textdomain' ) ?>
                                <svg viewBox="0 0 24 24" width="24" height="24"><path d="M10.811,18.707,9.4,17.293,14.689,12,9.4,6.707l1.415-1.414L16.1,10.586a2,2,0,0,1,0,2.828Z"/></svg>
                            </strong>
                            <h4><?php echo get_the_title( $next_post ); ?></h4>
                        </div>
                        <div>
                            <div class="wpb-posts-nav__thumbnail wpb-posts-nav__next">
                                <?php echo get_the_post_thumbnail( $next_post, [ 100, 100 ] ); ?>
                            </div>
                        </div>
                    </a>
                <?php endif; ?>
            </div>
        </div> <!-- .wpb-posts-nav -->
    
    <?php endif;
}

Odată ce ați introdus fragmentul, puteți comuta butonul de la „Inactiv” la „Activ”.

Ar trebui să arate așa.

Acest lucru va permite codului să funcționeze.

Apoi, puteți pur și simplu să faceți clic pe butonul „Actualizare”.

Acum, va trebui să revenim la pagina Fragmente de cod » + Adăugați fragment.

Din nou, sub opțiunea „Adăugați codul dvs. personalizat (Snippet nou)”, veți selecta „Utilizați Snippet”.

Asigurați-vă că selectați „Fragment PHP” în fereastra pop-up care apare.

După aceea, îi puteți da un nume descriptiv, astfel încât să vă puteți referi ușor la el mai târziu.

Acum, poți copia următorul cod și să-l lipești în editorul de text WPCode.

wpb_posts_nav();

Acest cod îi spune WordPress unde să afișeze navigarea cu imaginea de prezentare.

După ce ați terminat, veți dori să derulați în jos la secțiunea „Inserare” și să faceți clic pe meniul derulant de lângă „Locație”.

De aici, mergeți la „Specific paginii” și alegeți „Inserare după postare”. Astfel, miniaturile vor apărea corect lângă linkuri.

În final, puteți activa opțiunea „Activ” și faceți clic pe „Actualizare”.

După salvarea modificărilor, puteți utiliza această funcție în șablonul unde doriți să afișați legăturile către postările anterioare și următoare cu miniaturi.

Și gata – ați adăugat și configurat miniaturi pentru postările anterioare și următoare!

Acum, când vizualizați o postare pe site-ul dvs., veți vedea că linkurile anterioară și următoare de la sfârșitul postării au acum miniaturi.

Alternativă: Afișarea postărilor populare cu miniaturi

O altă modalitate de a-ți implica cititorii după ce au citit o postare este să afișezi o listă de postări populare după fiecare articol. Acest lucru va permite cititorilor tăi să vadă cel mai bun conținut al tău, mai degrabă decât doar articolele anterioare și următoare publicate.

Postările tale populare conțin cel mai de succes conținut al tău. Afișarea acestora vizitatorilor tăi va construi încredere, va îmbunătăți dovada socială și va asigura că vizitatorii tăi rămân mai mult pe site-ul tău.

Când verificați prima metodă din ghidul nostru despre cum să afișați articole după vizualizări în WordPress, veți învăța cât de ușor este să adăugați articole populare folosind pluginul MonsterInsights.

La WPBeginner, folosim MonsterInsights pentru a monitoriza îndeaproape performanța site-ului nostru web. Puteți consulta recenzia noastră completă despre MonsterInsights și puteți vedea de ce este instrumentul nostru preferat pentru a lua decizii bazate pe date!

Widgetul Postări Populare de la MonsterInsights oferă o gamă largă de teme atractive și multe opțiuni de personalizare.

Sau puteți consulta ghidul nostru despre cum să adăugați widgeturi personalizate după postare în WordPress, unde puteți învăța cum să adăugați diverse tipuri de conținut la sfârșitul fiecărui articol de blog.

Întrebări frecvente despre miniaturi de navigare postări

Aveți întrebări despre adăugarea de miniaturi la navigarea postărilor dvs.? Iată câteva dintre lucrurile pe care cititorii le întreabă adesea înainte de a începe.

Pot schimba dimensiunea miniaturilor?

Absolut! În primul fragment de cod, căutați liniile care conțin [ 100, 100 ]. Aceste numere reprezintă lățimea și înălțimea în pixeli. Pur și simplu schimbați-le cu dimensiunile care funcționează cel mai bine cu designul temei dvs.

Adăugarea miniaturilor prin cod va încetini site-ul meu?

Deloc. Codul este ușor și construit având în vedere performanța, deci nu ar trebui să observați nicio încetinire. În plus, WPCode se asigură că fragmentul se încarcă doar pe paginile postărilor unice unde este necesar.

Ce se întâmplă dacă o postare nu are o imagine de prezentare?

Nu vă faceți griji. Dacă un articol legat nu are o imagine reprezentativă, codul va afișa doar linkul text. Acestea fiind spuse, setarea unei imagini reprezentative pentru fiecare articol ajută la menținerea aspectului îngrijit și consecvent al site-ului dvs.

Este mai bine să afișați linkuri anterioare/următoare sau o secțiune de postări populare?

Depinde de obiectivul dvs. Linkurile anterioare și următoare sunt excelente pentru a ghida cititorii prin conținutul conex în ordine.

Dar dacă vrei să-i faci pe oameni să-ți răsfoiască articolele de top, o secțiune de postări populare (folosind un instrument precum MonsterInsights) poate face minuni.

Linkuri bonus: Utilizarea imaginilor și a altor fișiere media în WordPress

Sperăm că acest tutorial v-a ajutat să învățați cum să utilizați miniaturi cu legături către postările anterioare și următoare în WordPress. În continuare, s-ar putea să doriți să învățați:

• Cum să decupați și să editați miniaturi de postări WordPress
• Cum să adăugați o imagine de fundal în WordPress
• Cum să adăugați miniaturi video proeminente în WordPress
• Cum să adăugați un widget pentru redarea muzicii audio în WordPress
• Cum să adăugați indexarea și căutarea PDF în WordPress
• Text alternativ imagine vs. Titlu imagine în WordPress
• Cum să remediezi problema cu imaginea de prezentare care nu apare în WordPress
• Cum să optimizați imaginile pentru performanța web fără a pierde calitatea

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.