Tilpassede menyer i WordPress

WordPress har et innebygget system for tilpassede menyer. Som utvikler kan det være en nyttig funksjon, særlig med tanke på kunder uten kodekunnskaper. Jeg viser deg hvordan dette fungerer.

Hvorfor benytte seg av tilpassede menyer?

Å bruke dynamisked tilpassede menyer i WordPress, kan være gull på nettsider for kunder. Da kan kunder enkelt legge til/fjerne knapper og endre rekkefølge. Helt uten å ha kodeferdigheter.

Hvordan fungerer det?

I standardtemaet Twenty Ten er det en slik meny integrert; den horisontale menyen i header. Denne kan du da endre via Utseende» Menyer i kontrollpanelet til WordPress. Brillefin drag ‘n drop-funksjonalitet sørger for enkel redigering.

Legge til tilpassede menyer i ditt eget tema

  1. For å legge til en hovedmeny for siden, legger du inn følgende kode:
    <?php wp_nav_menu( array( ‘container_class’ => ‘menu-header’, ‘theme_location’ => ‘primary’ ) ); ?>
    Denne blir dermed menyen primary, som blir naturlig å bruke som hovedmeny. Selvsagt kan du endre navnet til det du selv ønsker.
  2. Denne menyen styres fra functions.php, på følgende måte:
    register_nav_menus( array(
    ‘primary’ => __( ‘Hovedmeny’),
    ) );
    Pakket inn i resten av funksjonene dine i functions.php-filen. Hovedmeny blir da navnet menyen vises som i meny-innstillingene i WordPress’ kontrollpanel.
  3. Skal du legge til flere dynamiske menyer, legger du inn koden i steg 1, og styrer du også denne fra functions.php:
    register_nav_menus( array(
    ‘primary’ => __( ‘Hovedmeny’),
    ‘bottom’ => __( ‘Bunnmeny’),
    ) );
    Her gikk jeg for en bunnmeny, som du ser. Ikke at det er noe man bare  kunne endre enkelt, men det er for å illustrere hvordan du kan bruke flere menyer. Denne vil da dukke opp i meny-innstillingene i kontrollpanelet til WordPress – akkurat som hovedmenyen.
  4. Navn på de forskjellige bestemmer du selvfølgelig selv, bare husk på at koden i tema-filene samsvarer med navnene i functions.php. Pakk gjerne menyen inn i en div eller lignende, så styler du den etter ditt behov.

Kanskje dette kan komme til nytte? Lykke til! :-)


Kvitre ut på Twitter | Del på Facebook | Lagre på Delicious

2 svar til Tilpassede menyer i WordPress

  1. Då lærte eg noko nytt i dag også! Var klar over mange fiffige løysingar med pages-elementet, men dette med tilpassede menyer med endringsmoglegheitar i kontrollpanelet var fint nytt for meg :D

    Av Espen M. Kvalheim · 18. november, 2010 (14:42)
  2. Dette var genialt da :)
    Har ikke holdt på med WP noe spesielt mye, men det blir mer og mer. Så det var et godt tips.

    Av Stein Ove Helset · 7. desember, 2010 (17:42)

Legg igjen en kommentar

Tillatte tags …