Ondersteuning » Thema en CSS/opmaak » Geef class aan bepaalde knop als bericht een bepaalde categorie heeft

Geef class aan bepaalde knop als bericht een bepaalde categorie heeft

  • Opgelost d@nny

    (@dnny)


    11 jaren, 6 maanden geleden

    Op een website heb ik meerdere categorieën voor de berichten, voor elke categorie heb ik een pagina template gemaakt zodat alleen op die pagina een bepaalde categorie verschijnt, zie code:

    <?php
	query_posts('cat=8');
	while (have_posts()) : the_post();?>
	<a href="<?php the_permalink() ?>"><?php the_title(); ?></a>
	<?php the_excerpt();
	endwhile;
?>

    Bij het voorbeeld hierboven heb ik een pagina “vliegtuigen” waarop alleen de berichten uit categorie 8 (cat=8) op worden weergegeven.

    Nu wil ik dat als je op een bericht van categorie 8 klikt de knop in het hoofdmenu van de pagina “vliegtuigen” een class current krijgt zodat ik hier een active page link van kan maken.

    Is er een of andere manier dat ik in de functions.php (of op de template pagina) kan aangeven dat als een bericht een bepaalde categorie heeft een bepaalde knop in het hoofdmenu de class current mee krijgt?

    hoop dat ik zo duidelijk genoeg ben 🙂

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • baszer

    (@baszer)

    11 jaren, 6 maanden geleden

    misschien heb je hier wat aan: http://digwp.com/2010/05/default-wordpress-css-styles-hooks/ en zoek dan even naar current

    Thread starter d@nny

    (@dnny)

    11 jaren, 6 maanden geleden

    Dank voor je reactie, alleen lukt het niet met de link die je me gegeven hebt.

    Ik ben eigenlijk op zoek naar een stukje PHP dat ik in functions.php kan zetten dat ongeveer zegt:
    – Als het bericht in categorie 8 staat.
    – add class “current” aan knop met naam “vliegtuigen”

    Ik ben helaas niet zo goed met PHP dat ik dit zelf kan schrijven dus wil graag hulp hierbij.

    Thread starter d@nny

    (@dnny)

    11 jaren, 6 maanden geleden

    Uiteindelijk heb ik het maar met jQuery gedaan:

    if ($('#content div').hasClass('category-vliegtuigen')) {
    $('li.page-item-193').addClass('current_page_item');
}

    Als de div in de id “content” de class “category-vliegtuigen” heeft.
    (category-vliegtuigen is mijn post met de categorie vliegtuigen)

    Dan wordt de class “current_page_item” toegevoegd aan de li met class “page-item-193”. (page-item-193 is de knop waarvan ik wil dat hij active wordt als je op een pagina zit met de categorie vliegtuigen.)

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘Geef class aan bepaalde knop als bericht een bepaalde categorie heeft’ is gesloten voor nieuwe reacties.

Onderwerptags

Weergaven