WordPress DK Forum Tag: page template

WordPress DK Forum Tag: page template - Recent Posts http://wp-danmark.dk/forum/tags/page-template WordPress DK Forum Tag: page template - Recent Posts da-DK Tue, 28 Jul 2026 04:45:06 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Søg]]> q http://wp-danmark.dk/forum/search.php boldt om "Side-skabelon. Hvad går galt?" http://wp-danmark.dk/forum/topic/side-skabelon-hvad-gar-galt#post-59230 fre, 10 okt 2014 08:32:54 +0000 boldt 59230@http://wp-danmark.dk/forum/ Så kom sidebaren på plads. Der manglede en lille ting i style.css: <blockquote> .site-page-content { margin: 24px 0 0; margin: 1.714285714rem 0 0; } @media screen and (min-width: 600px) { .site-page-content { float: right; width: 78%; margin-left: 20%; } }</blockquote> Og så var det nødvendigt at lave en ny div class for sidebaren. Så nederste del af templaten ser nu sådan ud: <blockquote>< ?php if ( is_active_sidebar( 'sidebar-1' ) ) : ? > < div id="secondary" class="widget-area" role="complementary" > < ?php dynamic_sidebar( 'sidebar-1' ); ?> < /div >< !-- #secondary --> < ?php endif; ? ></blockquote> Og i style.css var det nødvendigt at tilføje: <blockquote>.widget-page-area .widget { margin-bottom: 48px; margin-bottom: 3.428571429rem; } @media screen and (min-width: 600px) { .widget-page-area { float: left; margin-right: -73%; width: 20%; } } .widget-page-area { margin: 24px 0 0; margin: 1.714285714rem 0 0; } .widget-page-area .widget h3 { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .widget-page-area .widget p, .widget-page-area .widget li, .widget-page-area .widget .textwidget { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; } .widget-page-area .widget p { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .widget-page-area .textwidget ul { list-style: disc outside; margin: 0 0 24px; margin: 0 0 1.714285714rem; } .widget-page-area .textwidget li { margin-left: 36px; margin-left: 2.571428571rem; } .widget-page-area .widget a { color: #757575; } .widget-page-area .widget a:hover { color: #21759b; } .widget-page-area .widget a:visited { color: #9f9f9f; } .widget-page-area #s { width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */ }</blockquote> hvor de første 12 linier flytter sidebaren, og de resterende kopierer tekst-formatet. (det sidste kunne måske laves enklere, men jeg ved ikke hvordan) boldt om "Side-skabelon. Hvad går galt?" http://wp-danmark.dk/forum/topic/side-skabelon-hvad-gar-galt#post-59227 tors, 09 okt 2014 16:21:13 +0000 boldt 59227@http://wp-danmark.dk/forum/ Jeg må erkende at jeg famler i blinde når det kommer til CSS. Ved at kigge på min side vedhjælp af firefox/firebug kan jeg se at, selv om jeg har defineret at venstre kolonne skal være til venstre i style.css for mit undertema, så ender kolonnen til højre. Så for div for sidebar har jeg lavet en ny kaldet widget-page-area. Nu er sidebar komme ud til venstre, men jeg kan ikke få den op ved siden af kalenderen. Hvad skal jeg gøre? boldt om "Side-skabelon. Hvad går galt?" http://wp-danmark.dk/forum/topic/side-skabelon-hvad-gar-galt#post-59206 ons, 08 okt 2014 09:11:01 +0000 boldt 59206@http://wp-danmark.dk/forum/ Jeg har lavet et undertema baseret på Twenty Twelve hjælp Zeak's tutorial til at etablere en 3-kolonne-version. (<a href="http://http//www.zeaks.org/2012/twenty-twelve-theme-three-column-layout" rel="nofollow">http://http//www.zeaks.org/2012/twenty-twelve-theme-three-column-layout</a>) 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: <blockquote>< ?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(); ? ></blockquote> og i style.css: <blockquote>/* 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%; } } </blockquote> Du kan se resultatet her: <a href="http://spejder.325.dk/?page_id=13433" rel="nofollow">http://spejder.325.dk/?page_id=13433</a>