Ondersteuning » Algemeen WordPress » Previous Next post navigatie klein beetje hulp!

  • Opgelost Jaja..

    (@jaja-1)


    Hallo,

    Een vraagje over de previous en next navigatie op de single.php blogpost pagina.

    Als eerste ik ben denk ik de enige die de wp-navi plugin haat. Het is gewoon niet mijn ding!

    Wat ik graag wil is gewoon grafisch gezien dit:

    <– vorige // // Volgende –>

    Er is niets mooier en meer subtieler dan dat.

    Nu heb ik het al zover dat ik deze blog-post navigatie uit mijn single.php heb gevist en deze in mijn sidebar.php heb staan. Werkt perfect als vanouds.
    Alleen wil ik het even een finishing-touch geven en wil ik graag de ‘volgende’ en ‘vorige’ knop (link) terug halen op de eerste en laatste blog-post pagina. (ik heb 1 post per pagina)
    Ik vraag me echt af waarom WordPress deze weghaalt iedereen snapt dat je niet verder terug kan dan de laatste post en als je bij de meest actuele post bent dat je dan niet op vorige kan drukken. Maar waarom ze verwijderen en gewoon lege gaten op je site veroorzaken? Wat is er mis met gewoon de tekst van de link te laten staan alleen de link niet actief te maken en iets lichter van kleur zodat goed zichtbaar is dat deze niet klikbaar is. (blijft je site mooi uitgelijnd en één geheel)

    Dus dat is wat ik als eerste wil.. En nu heb ik gezocht en ben ik dit tegen gekomen..

    <div id="nav-below" class="navigation">
    			<span id="prev"><?php previous_post_link('%link', '« Vorige'); ?><?php if(!get_adjacent_post(false, '', true)) { echo '<span>«Vorige</span>'; } // if there are no older articles ?></span>
    			<span id="next"><?php next_post_link('%link', 'Volgende »'); ?><?php if(!get_adjacent_post(false, '', false)) { echo '<span>Volgende »</span>'; } // if there are no newer articles ?></span>
    		</div>

    Ik moet zeggen perfect. Het werkt echt geweldig. precies wat ik wil alleen zou ik nu graag het nog zo voor elkaar willen krijgen dat als je van blog-post naar blog-post navigeert via dit menu dat je alleen in deze (huidige) categorie blijft. Aangezien ik voor elke categorie een eigen layout heb is dat wel zo handig. Zo wordt het niet een kermis en mensen die interessen hebben in Print-media willen denk ik geen blog-posts lezen over webdesign als ze op volgende klikken. Anders kozen ze wel direct voor die categorie.

    Nu heb ik ook dat gevonden alleen heb ik geen verstand van .php (tenminste niet genoeg) om dit te begrijpen.

    get_adjacent_post([bool $in_same_cat, string $excluded_categories, bool $previous])

    Waar moet ik dit plaatsen of vinden?
    $in_same_cat, <– is denk ik wat ik nodig heb en ik denk dat ik $excluded_categories, kan verwijderen dan. Maar alleen waar of hoe doe ik dit?

    Kan iemand mij hier mee helpen?

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Thread starter Jaja..

    (@jaja-1)

    Na een nachtje zoeken en een hoop proberen heb ik het gevonden..

    Dit is de code die je heel eenvoudig kan gebruiken overal!!!
    Dus niet alleen op de single.php file maar overal waar een blogpost staat, denk bijv. aan in je sidebar (zoals ik doe)

    <div class="nav-previous"><?php previous_post_link('%link', '&larr; Vorige', true, '8'); ?><?php if(!get_adjacent_post(false, '' ,true)) { echo '&larr; Vorige'; } // if there are no older articles ?></div>
    <div class="nav-next"><?php next_post_link('%link', 'Volgende &rarr;', true, '8'); ?><?php if(!get_adjacent_post(true, '' ,false)) { echo 'Volgende &rarr;'; } // if there are no newer articles ?></div>

    Een beetje uitleg:
    Het is allemaal vrij standaard gebleven en als je zoekt op termen als ‘previous next navigation same category’ dan kom je al snel op sites uit met hele ingewikkelde codes en die kreeg ik niet aan de gang. Heel raar, toen heb k gewoon een backup gedaan en ben ik opnieuw begonnen met kijken naar de standaard code van de wordpress navigatie.
    Hier de standaard code (twenyten)

    <div class="nav-previous"><?php previous_post_link( '%link', '<span class="meta-nav">' . _x( '&larr;', 'Previous post link', 'twentyten' ) . '</span> %title' ); ?></div>
    <div class="nav-next"><?php next_post_link( '%link', '%title <span class="meta-nav">' . _x( '&rarr;', 'Next post link', 'twentyten' ) . '</span>' ); ?></div>

    Zoals je kan zien blijven de codes vrijwel het zelfde.
    ‘%link’ verwijst naar de url van het volgende bericht.
    ‘%title’ verwijst naar de titel van het bericht (dat wat daadwerkelijk op je site te zien zal zijn als linkje) Deze heb ik trouwens in mijn code aangepast naar vorige en volgende omdat ik in een sidebar werk en geen plaats heb voor lange titels.
    Dan heb ik dit toegevoegd: true, ‘8’ ..true staat hier voor: Ja, laat alleen blog-posts zien uit dezelfde categorie. Dus als je een post aan het lezen bent in de categorie webdesign en je klikt dan op volgende dan is het volgende bericht dat je te zien krijg ook een bericht uit die zelfde categorie.
    De ‘8’ staat voor: categorie ID 8 niet tonen dus eigenlijk een beetje dubbel en is niet verplicht als je ’true’ als eerste gebruikt maar ik wilde het wel even laten zien. Zo kan je dus ook ‘false’ als eerste gebruiken en dan ‘8,10,3’ invullen dat wil dus zeggen: Nee, niet in dezelfde categorie maar toon categorie ID 8,10 en 3 NIET. (denk aan de komma’s tussen de nummers)

    Dan heb ik dit stukje code

    ?php if(!get_adjacent_post(false, '' ,true)) { echo '&larr; Vorige'; } // if there are no older articles ?>

    Er achter geplaatst (copy-/past) van een site dat ik gevonden had. Dit doet eigenlijk niets meer dan een tekst plaatsen als er geen linkje naar een volgende of vorige blog-post is.
    Dit is eigenlijk een beetje iets dat ik persoonlijk wel graag zie. Als je standaard in WordPress op de eerste of laatste blog-post bent dan wist WordPress je link naar volgende en vorige wat ik gewoon haat. Hiermee breng je een layout uit balans (voor het oog) dus met dit stukje code krijg je gewoon wel de tekst volgende of vorige te zien maar is deze niet actief en klikbaar.

    Ik hoop dat iemand er nog iets aan heeft!
    Ik ben blij dat het me gelukt is.

    Boris

    (@ispacecrusader)

    Dankjewel voor de tip, het werkt prachtig!

    Hmm ook een leuk idee misschienv oeg ikd it wel is toe aan mn site ipv wp-page navi :p

    iig bedankt! eindelijk iemand die zn eigen oplossing post 🙂 zie je niet veel

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘Previous Next post navigatie klein beetje hulp!’ is gesloten voor nieuwe reacties.