Link-uri către postarea următoare și precedentă DOAR în cadrul categoriei

Dacă aveți nevoie să restricționați legătura către articolul anterior sau următor pentru o taxonomie personalizată sau term, tip de postare personalizat, câmp personalizat sau format, atunci ar trebui să încercați Ambrosite Next/Previous Post Link Plus. Acest plugin creează două noi etichete de șablon — next_post_link_plus și previous_post_link_plus — care sunt versiuni îmbunătățite ale etichetelor de șablon WordPress standard next_post_link și previous_post_link.

• Sortați legăturile către articolele anterioare/următoare după alte coloane decât post_date (de ex. alfabetic).
• Sortați legăturile anterioare/următoare după câmpuri personalizate (sunt acceptate atât sortări pe șiruri de caractere, cât și pe numere întregi).
• Compatibilitate completă cu WordPress 3.3, inclusiv suport pentru tipuri de postări personalizate, taxonomii personalizate și formate de postare.
• Revenirea la prima postare dacă nu există o postare următoare (și invers). Obțineți prima/ultima postare, în loc de postarea anterioară/următoare (pentru legături de navigare First|Previous|Next|Last).
• Afișați miniaturi ale postărilor alături de legături (WordPress 2.9 sau mai nou).
• Trunchiați titlurile legăturilor la orice lungime și afișați text personalizat în tooltip.
• Afișați titlul, data, autorul, categoria și valoarea meta a legăturilor anterioare/următoare.
• Specificați un format de dată personalizat pentru variabila %date.
• Restricționați legăturile anterioare/următoare la aceeași categorie, taxonomie, format, autor, valoare de câmp personalizat, listă de ID-uri de postări personalizate sau listă de categorii personalizate.
• Excludeți categorii, taxonomii personalizate, formate de postare sau ID-uri individuale de postări.
• Trei metode de excludere a categoriilor pentru un control mai mare asupra fluxului de navigare.
• Returnați mai multe legături anterioare/următoare (de ex. următoarele N legături, într-o listă HTML).
• Returnați ID-ul, titlul, data, atributul href sau obiectul postării pentru legăturile anterioare/următoare, în loc să le afișați pe ecran.
• Returnați false dacă nu se găsește nicio legătură anterioară/următoare, astfel încât temele să poată afișa text alternativ condițional.
• Funcționează cu Post Types Order și alte plugin-uri populare de reordonare a postărilor.

Copiază pagina single.php din tema Părinte și lipește-o în directorul temei Child (Copil). Deschide fișierul single.php din directorul temei Child și adaugă următorul cod la sfârșitul fișierului [înainte de get_footer(); ]

<?php
$post_id = $post->ID; // Obține ID-ul postului curent
$cat = get_the_category(); 
$current_cat_id = $cat[0]->cat_ID; // Obține ID-ul categoriei curente

$args = array('category'=>$current_cat_id,'orderby'=>'post_date','order'=> 'DESC');
$posts = get_posts($args);
// Obține ID-urile posturilor returnate de funcția get_posts
$ids = array();
foreach ($posts as $thepost) {
    $ids[] = $thepost->ID;
}
// Obține și afișează link-urile pentru Postul Anterior și Următor din aceeași Categorie
$index = array_search($post->ID, $ids);
$prev_post = $ids[$index+1];
$next_post = $ids[$index-1];
?>

<?php if (!empty($prev_post)){ ?> <a class="previous-post" rel="prev" href="<?php echo get_permalink($prev_post) ?>"> <span class="meta-icon"><i class="fa fa-angle-left fa-lg"></i></span> Anterior</a> <?php } ?>

<?php if (!empty($next_post)){ ?> <a class="next-post" rel="next" href="<?php echo get_permalink($next_post) ?>">Următor <span class="meta-icon"><i class="fa fa-angle-right fa-lg"></i></span> </a> <?php } ?>

După ce ai adăugat acest cod, lipește următorul cod în fișierul Style.css al temei Child pentru a stiliza link-urile:

a.previous-post, a.next-post {
    color: #fff;
    background-color: #4498e7;
    text-align: center;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    border: 1px solid;
    padding: 0 20px;
    margin-bottom: 30px;
    text-transform: uppercase;
    border-radius: 4px;
    font-weight: bold;
}

a.previous-post:hover, a.next-post:hover {
    color: #4498e7;
    background-color: #fff;
}

a.previous-post {
    float: left !important;
}

a.next-post {
    float: right !important;
}

Spune-mi care sunt rezultatele :)