Als je verstand hebt van CSS voer dit eens uit, het kan niet moeilijk zijn en ik neem aan dat je ma dan eenvoudig kan volgen..
Ik sta in versnelling 6
Het idee is goed wat je doet.
Maar ik neem aan dat je de standaard Showcase template wel nog wilt gebruiken voor alle andere pagina’s ?
Dus dan moet je showcase.php template dupliceren en dan hernoemen naar bijv. test.php (of iets anders natuurlijk maar ik gebruik even test) maar ook binnen in deze nieuwe ’test.php’ template moet je dan bovenaan de template dit Template Name: Showcase aanpassen naar Template Name: Test.
Zodat als je een nieuwe pagina gaat aanmaken je dan ook de keuze hebt om een test template aan te maken.
Maar dat is niet alles.
Dan moet je via CSS gaan stijlen en die code die jij hierboven laat zien is voor de showcase template zodra jij deze dupliceert naar een test.php template zal de code er ook anders uit gaan zien.
kijk eens naar deze aangepaste code, zie je wat ik nu gedaan hebt?
.page-template-test-php #primary,
.left-sidebar.page-template-test-php #primary {
margin: 0px 0 0 0;
}
.page-template-test-php #content,
.left-sidebar.page-template-test-php #content {
margin: 0px 0 0 7.6%;
width: auto;
}
.page-template-test-php section.recent-posts {
float: right;
margin: 0px 0 0 31%;
width: 69%;
}
.page-template-test-php #main .widget-area {
float: left;
margin: 0px -22.15% 0 0;
width: 22.15%;
}
Nu heb je eigenlijk 2 precies dezelfde (showcase) templates gemaakt alleen moet je nu nog de stijlen gaan aanpassen om ze uniek te maken van elkaar. Dus verander niet jouw code met de mijne maar voeg mijn code toe anders werkt straks de originele Showcase niet meer.
Als je een Menu onderaan de test.php template wilt dan zal je daar een nieuwe moeten plaatsen omdat het hoofdmenu in de header zit. Dus een nieuw menu registeren in de functies.php.
Zoek deze code op in de functions.php
// This theme uses wp_nav_menu() in one location.
register_nav_menu( 'primary', __( 'Primary Menu', 'twentyeleven' ) );
En maak er dit van:
// This theme uses wp_nav_menu() in one location.
register_nav_menu( 'primary', __( 'Primary Menu', 'twentyeleven' ) );
register_nav_menu( 'secondary', __( 'Secondary Menu', 'twentyeleven' ) );
WOW je hebt nu ineens twee Menu-opties in je Dashboard. 😉
Het enige dat je nu nog moet doen is het tweede menu een plaatsje geven binnen je website. En die hadden we al in gedachte onderaan ergens op de test.php template.
Dus openen we test.php weer en gaan we kijken waar we deze code kunnen plaatsen.
<?php wp_nav_menu( array( 'theme_location' => 'secondary ) ); ?>
Je mag natuurlijk zelf bepalen waar je dit tweede menu wilt plaatsen als het maar ergens binnen de <div id=”content”> is.
Dashboard > Weergave > Menu’s en een tweede menu aanmaken en toevoegen.
Nu nog je tweede menu stijlen zodat het allemaal mooi bij het thema past maar daar kom je wel uit als je kijkt naar het hoofdmenu en je een beetje verstand hebt van CSS 🙂
Succes.
Je hebt een begin.
