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?

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., crescând potențial numărul de vizualizări ale paginilor și timpul petrecut pe site.

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

Aceste funcții includ:

• Meniuri de navigare
• O bară de căutare și
• Un widget pentru arhivele postărilor.

O altă caracteristică utilă de navigare se găsește în partea de jos a fiecărei postări 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 celor mai performante sau postări de blog populare.

De exemplu, este posibil să aveți conținut de bază care generează deja mult trafic și convertește acei cititori în abonați de e-mail. Adăugarea de miniaturi cu linkuri către postări v-ar ajuta doar să vă construiți lista de e-mailuri ș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:

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.

Recomandăm utilizarea WPCode, cel mai bun plugin pentru fragmente de cod pentru WordPress. Acesta vă permite să adăugați cod fără a vă defecta 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 noastre, 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 caracteristicile sale.

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.

Pentru a începe, va trebui să instalați și să activați pluginul WPCode. Din zona de administrare WordPress, accesați Plugin-uri » Adaugă Plugin.

Pe ecranul următor, folosiți caseta de căutare pentru a găsi rapid pluginul WPCode.

Faceți clic pe „Instalează acum” în rezultatul căutării, urmat de „Activează”.

Dacă aveți nevoie de ajutor, puteți consulta articolul nostru despre cum să instalați un plugin WordPress.

După activare, accesați Fragmente de cod » + Adaugă Fragment din tabloul de bord WordPress.

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 „+ Adaugă fragment personalizat” sub „Adaugă codul tău personalizat (Fragment nou)”.

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

Aici, veți dori să alegeți „Fragment de PHP”, care este o mică bucată de cod utilizată pentru a extinde funcționalitatea WordPress.

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

Iată cum ar putea arăta pe ecranul dvs.:

Înainte de activare, derulați în jos la secțiunea „Inserare” pentru a verifica setările.

Aici, asigurați-vă că „Metoda de inserare” este setată la „Inserare automată” și „Locația” este „Rulează peste tot”.

Apoi, puteți derula în sus din nou și puteți comuta butonul de la „Inactiv” la „Activ”.

Nu uitați să faceți clic pe butonul „Salvare fragment” sau „Actualizare” pentru a activa noua funcție.

Acum că funcția este creată, trebuie să creăm un al doilea fragment pentru a spune WordPress exact unde să o afișeze pe pagină. Prin împărțirea acestuia în două fragmente, creăm în siguranță funcția mai întâi și apoi o plasăm cu ușurință, fără a vă suprasolicita site-ul sau a vă strica aspectul.

Să ne întoarcem la pagina Fragmente de cod » + Adăugare fragment.

Din nou, sub opțiunea „Adăugați codul dvs. personalizat (Fragment nou)”, faceți clic pe „+ Adăugare fragment personalizat”.

În fereastra pop-up care apare, WPCode vă va cere tipul de cod.

Puteți selecta „Fragment PHP”.

Aceasta va deschide același editor de text ca înainte.

Continuați și dați un nume descriptiv pentru noul dvs. fragment personalizat, astfel încât să îl puteți referi cu ușurință mai târziu.

Acum, puteți copia și lipi următorul cod în editorul de text WPCode. Acest cod îi spune WordPress unde să afișeze navigarea cu imaginea de prezentare.

wpb_posts_nav();

Iată cum ar putea arăta pe ecranul dvs.:

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 „Salvează fragment” (sau „Actualizează”).

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.

Deoarece ați setat locația la „Inserare după postare”, WPCode va gestiona automat plasarea pentru dvs. Nu este nevoie să editați fișierele temei.

Ș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 dvs. populare conțin cel mai de succes conținut. Afișarea acestora vizitatorilor dvs. va ajuta la creșterea numărului de vizualizări ale paginilor și la creșterea implicării utilizatorilor.

În timp ce linkurile anterioare și următoare sunt grozave pentru citirea cronologică, un instrument precum MonsterInsights vă permite să afișați automat cel mai bun conținut al dvs., cu cea mai mare rată de conversie, pentru a menține cititorii implicați.

La WPBeginner, folosim MonsterInsights pentru a monitoriza îndeaproape performanța site-ului nostru web. Puteți vedea 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.

Puteți afla cât de ușor este să configurați acest lucru în ghidul nostru despre cum să afișați postări după vizualizări în WordPress.

Sau puteți consulta ghidul nostru despre cum să adăugați widgeturi personalizate după postare în WordPress, unde puteți afla 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.

Linkuri bonus pentru 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 linkuri către postările anterioare și următoare în WordPress.

În continuare, s-ar putea să doriți să aflați:

• Cum să decupați și să editați miniaturi de postări WordPress
• Cum să adăugați miniaturi video proeminente î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ă v-a plăcut acest articol, atunci vă rugăm să vă abonați la Canalul nostru de YouTube pentru tutoriale video despre WordPress. Ne puteți găsi, de asemenea, pe Twitter și Facebook.