Jeg har lavet et undertema baseret på Twenty Twelve hjælp Zeak's tutorial til at etablere en 3-kolonne-version.
(http://http//www.zeaks.org/2012/twenty-twelve-theme-three-column-layout)
Efter nogle ændringer i style.css er den oprindelige sidebjælken nu til venstre og den ekstra sidebjælke er til højre for artiklen/ hoved-indhold.
Men jeg har nu nogle Sider i mit system (med tabeller), hvor jeg gerne kun vil have kolonnen til venstre og resten af siden til indholdet. Jeg forsøger at styre dette med en side-skabelon, men jeg kan ikke få det til at fungere. Har du nogle ideer?
Nedenfor er beskrevet, hvad jeg har gjort:
1) page.php blev kopieret over i en mappe i undertemaet kaldet: "page-templates" og
omdøbt filen til "almost-full-width.php"
2) Øverst i kommentarfeltet er indsat: "* Template Name: Næsten Fuld-bredde Side". Dette gør at skabelonen har et navn så jeg kan finde den når den skal bruges.
3) < div id="primary" class="site-content" > er ændret til < div id="primary" class="site-page-content" >
4) Venstre sidebar tilføjet, i stedet for < ?php get_sidebar(); ? >
5) i style.css er site-page-content blevet defineret.
Resultatet ser sådan ud i almost-full-width.php:
< ?php
/**
* Template Name: Næsten Fuld-bredde Side
*/get_header(); ? >
< div id="primary" class="site-page-content" >
< div id="content" role="main >< ?php while ( have_posts() ) : the_post(); ? >
< ?php get_template_part( 'content', 'page' ); ? >
< ?php comments_template( '', true ); ? >
< ?php endwhile; // end of the loop. ? >< /div >< !-- #content -- >
< /div > < !-- #primary -- >
< ?php if ( is_active_sidebar( 'sidebar-1' ) ) : ? >
< div id="secondary" class="widget-area" role="complementary" >
< ?php dynamic_sidebar( 'sidebar-1' ); ?>
< /div >< !-- #secondary -->
< ?php endif; ? >< ?php get_footer(); ? >
og i style.css:
/* Left & Right Sidebars */
@media screen and (min-width: 600px) {
.custom-layout .site-content {
width: 53%;
margin-left: 20%;
}
.custom-layout .widget-area {
float: left;
margin-left: -73%;
position: relative;
width: 20%;
}
.custom-layout #extra-sidebar {
float: right;
width: 25%;
}
.custom-layout .site-page-content {
width: 73%;
margin-left: 25%;
}
}
Du kan se resultatet her: http://spejder.325.dk/?page_id=13433