Ondersteuning » Thema en CSS/opmaak » Extra menubalk aanmaken

  • Opgelost jo4beauty

    (@jo4beauty)


    Hallo,

    Ik ben net begonnen met het opbouwen van mijn website en heb het thema twenty eleven. Nu wil ik graag boven mijn header een extra menu balk toevoegen, maar het thema geeft maar ruimte voor 1 menu. Is er iemand die weet hoe ik dat toch kan aanmaken? Of moet ik nu een ander thema zoeken?

    Alvast bedankt.

    mvg, Jolanda

12 reacties aan het bekijken - 1 tot 12 (van in totaal 12)
  • Menu Codex

    Boven je header afbeeldingen..

    <?php wp_nav_menu( array('menu' => 'Project Nav' )); ?>

    Thread starter jo4beauty

    (@jo4beauty)

    Sorry, maar ik heb geen verstand van css en html, dus begrijp niet wat je bedoelt. Ik dacht misschien is het te doen met een plugin 🙂

    Oke,

    Dan moeten we even wachten totdat iemand langs komt die veel met plugins werkt want ik gebruik ze bijna nooit en zou geen plugin weten waar je zelf Menu’s mee kunt aanmaken en dan plaatsen op de pagina daar waar je ze wilt hebben.

    Al is het niet heel moeilijk om te maken, het is meer stukjes code kopiëren en dan op een andere plaats plakken.

    Ik weet niet als je dat aandurft?

    Thread starter jo4beauty

    (@jo4beauty)

    Bedankt voor je reactie. Ja ik wil het wel proberen, maar ik wist niet waar ik moest zoeken. Ik had gekeken bij weergave en dan bewerken en gezocht op header, maar verder kwam ik niet 🙂 Misschien als je het duidelijk uit wil leggen, dat ik het wel voor elkaar krijg.

    Laten we morgen eerst even afwachten of iemand een plugin weet, hier lopen genoeg mensen rond die overal wel een plugin voor weten.

    Mocht die Plugin er niet zijn dan zal ik je wel uitleggen hoe je de codes in bepaalde bestanden kunt aanpassen om dit voor elkaar te krijgen.

    Oke daar gaan we…

    Ik neem aan dat het gaat om je weblog met het roze hartje in het logo?

    [ stap 1 ]
    – Als eerste moet je inloggen in je Admin (/wp-admin)

    [ stap 2 ]
    – Daarna gaan we via het menu aan de linker kant naar het item Appearance > Editor.

    Aan de rechterkant zie je nu een lijst met alle bestanden waaruit het Thema ‘Twenty Eleven’ bestaat.
    Zoek in die lijst het bestand: Theme Functions (functions.php) en klik erop.

    Als het goed wordt het bestand nu geladen aan de linker kant in het Editor venster.

    [ stap 3]
    Scroll binnen dat venster met allemaal code iets omlaag tot dat je dit leest (niet heel ver omlaag miss. 10 a 20cm)

    // This theme uses wp_nav_menu() in one location.
    	register_nav_menu( 'primary', __( 'Primary Menu', 'twentyeleven' ) );

    Precies daar onder gaan we deze code plakken:

    // This theme uses wp_nav_menu() in one location.
    	register_nav_menu( 'secondary', __( 'Secondary Menu', 'twentyeleven' ) );

    Druk op Update File voor de wijzigingen op te slaan.
    Als het goed is komt bovenaan in beeld in het geel te staan: “File edited successfully.”

    Prima we hebben nu het tweede menu geregistreerd bij WordPress.

    [ stap 4 ]
    Nu moeten we het nieuw geregistreerde Menu nog een plaatsje gaan geven op je website laten we het boven je Header afbeelding zetten.

    We zijn nog steeds op de Editor pagina, alleen gaan we nu in de lijst aan de rechter kant een ander bestand zoeken en openen. Nu zoeken we het bestand Header (header.php) En klikken erop om het weer te openen.

    [ stap 5 ]
    Nu gaan we op zoek naar deze (eind) -code </hgroup> in het bestand.
    De snelste manier van zoeken is op CMD+F drukken op je toetsenbord, volgens mij is dat Control + F op een Windows computer. en het woordje ‘</hgroup>’ in het zoekvenster in te typen.

    Als je het woordje hebt gevonden dan ga je met je cursor ACHTER het woordje staan dus zo: </hgroup> | <– Hier! (knipper-knipper ik ben een cursor streepje)
    Druk nu twee keer op Enter om wat ruimte te maken en daarna plaats je deze code:

    <nav id="access" role="navigation">
    	<?php wp_nav_menu( array( 'theme_location' => 'secondary' ) ); ?>
    </nav><!-- #access -->

    En druk je weer op opslaan om de wijzigingen in het bestand op te slaan.

    [ stap 6 ]
    Prima, het ruwe (easy) werk is klaar..

    Je hebt nu twee ruimtes voor het aanmaken of plaatsen van Menu’s, binnen je Admin kun je nu via het item (Menu) een nieuw menu aanmaken en deze toewijzen aan de ‘Secondary’ plaats.

    Het zijn nu wel nog twee precies dezelfde menu’s en ik heb verder geen idee wat je er verder mee wil doen of dat dit het idee was?

    Succes.

    Thread starter jo4beauty

    (@jo4beauty)

    Wow, heel erg bedankt! Het is gelukt! Dit is inderdaad wat ik wilde. Het enige wat ik nog wil is de kleuren van de balken verschillend maken. Is dat ook mogelijk?

    Zeker is dat mogelijk wat had je in gedachte?

    Ik neem aan dat je één of meerdere balken Roze of Wit wilt hebben?

    Maar voordat we ook maar IETS kunnen aanpassen moet je de Plugin Twenty Eleven Theme Extensions pakken en heel ver weg gooien , zo ver dat je er nooit meer bij kan komen.
    Nee, das een grapje en is makkelijk gezegd als je weet wat je aan het doen bent, het kan zeer zeker handig zijn voor beginners.

    Maar wat de plugin doet is het zet bepaalde (kleur) waardes in je broncode zodat deze niet meer via de Stylesheet te veranderen zijn.
    Daarom moeten we even kijken dat DEZE kleurcode (Zwart) weg kan.

    #access, #access ul ul a

    En volgens mij is het in de plugin settings: Menu Background Color:

    Menu Background Color: sets the menu background color. Note: unlike the Light and Dark schemes, this color setting is also used as the background color for the drop-down submenus, making the whole menu experience a little more consistent, colorwise.

    Pas als die weg is krijgen we de standaard Twenty Ten zwarte achtergrond op het menu en die kunnen we wel aanpassen in het stijlbestand..

    Thread starter jo4beauty

    (@jo4beauty)

    Ja dat is wat ik wil inderdaad. Ik denk dat het voor mij misschien handiger is als ik de basis door een meer ervaren iemand laat doen! Dacht dat het allemaal makkelijker zou zijn 😉 ik ga even proberen iemand te fixen 😉 en als dat niet lukt ga ik bovenstaande even uitproberen! Bedankt weer voor de hulp!

    Wellicht zoek je deze plugin: omdat WP nieuw voor mij is en ik de vormgeving zelf wilde kunnen beïnvloeden ben ik al snel Weaver2 gaan gebruiken. (Inmiddels zelfs de -betaalde- Pro versie) De mogelijkheden van Weaver zijn zeer uitgebreid, gelukkig zijn er goede helpfiles.
    En om de vraag te beantwoorden: met deze plugin is eenvoudig op de door jou gewenste plek een menu mogelijk in alle kleuren die je wenst.
    Hier kan je lijken of het wat voor je is: Weaver2

    Oeps. De link moet zijn: Weaver2“>Weaver2

    Heb ik dat nou weer? ’t Lukt me niet, dus dan maar zo: http://weavertheme.com/why-weaver/

12 reacties aan het bekijken - 1 tot 12 (van in totaal 12)
  • Het onderwerp ‘Extra menubalk aanmaken’ is gesloten voor nieuwe reacties.