http://wp-danmark.dk/forum/topic/child-temaet-tr%c3%a6nger-til-at-fa-ryddet-op-i-stylecss WordPress DK Forum Topic: Child-temaet trænger til at få ryddet op i style.css da-DK Wed, 07 Oct 2026 15:54:50 +0000 http://bbpress.org/?v=1.0.1 q http://wp-danmark.dk/forum/search.php http://wp-danmark.dk/forum/topic/child-temaet-tr%c3%a6nger-til-at-fa-ryddet-op-i-stylecss#post-40985 tirs, 02 okt 2012 16:01:46 +0000 boldt 40985@http://wp-danmark.dk/forum/ <p>Dette er tredie del af min lille introduktion til at lave child-tema.<br /> Første del kan du se her: <a href="http://wp-danmark.dk/forum/topic/jeg-skal-bruge-et-specielt-tema-sa-jeg-har-besluttet-at-lave-et-barn">jeg skal bruge et specielt tema, så jeg har besluttet at lave et barn!</a><br /> Anden del kan du se her: <a href="http://wp-danmark.dk/forum/topic/jeg-vil-%c3%a6ndre-header-og-footer-i-mit-child-tema#post-40961">Jeg vil ændre header og footer i mit Child-tema</a></p> <p>I dette afsnit handler det om at ændre i style-sheet.</p> <p>Child Tema er en overbygning på et eksisterende tema.<br /> Fordelen ved at bruge child-tema er at man kan foretage ændringer som ikke vil blive slettet når der sker en opdatering af WP eller det eksisterende tema.<br /> Samtidig med at et child-tema indeholder dine ændringer og tilføjelser, vil øvrige dele af dit tema blive opdateret når der sker opdateringer af dit grundlæggende tema. </p> <p>Der er stadigvæk et par ændringer jeg ønsker at foretage til mit child-tema "handbook": Mit tema skal vise sidebar i venstre side i stedet for i højre, og så skal der ryddes op i text-font brugen.</p> <p><strong>Flytte Sidebar</strong><br /> Sidebar's placering styres i style.css. Så det der her vi skal ind og rette.</p> <p>Inden vi går i gang så er det vigtigt at forstå at, det der sker når child-temaet indlæses af din WP er at det faktisk overskrive det eksiterende indhold i original temaet med det indhold som du har lagt i child-tema-mappen. Så når vi skal ændre i style.css behøver vi kun at skrive de linier ind som skal ændres.</p> <p>I Første del af min introduktion blev det vist, hvordan man for at lave et child-tema skal oprette et style.css. og indholdet af dette style.css var begrænset til:</p> <p><blockquote>/*<br /> Theme Name: Handbook<br /> Description: Et nyt tema som er Child-tema på TwentyTen temaet<br /> Author: Mikael Boldt<br /> Template: twentyten<br /> Version: 0.1.0<br /> */<br /> @import url("../twentyten/style.css");</p> <p>/* Efterfølgende vil overskrive de oprindelige farver, fonte, størrelse beskrevet i twentyten */</blockquote></p> <p>Så når vi nu skal ændre i vores style.css gør vi det ved at tilføje de ændrede linier nederst i css'en.<br /> (jeg bruger stadigvæk <a href="//notepad-plus-plus.org/">Notepad++</a> og jeg arbejder stadigvæk på min egen pc, selv om man også kan gøre dette fra WP kontrolpanelet)</p> <p>Følgende vil flytte sidebar til venstre for indholdet<br /> <blockquote>/*<br /> LAYOUT: Two columns<br /> DESCRIPTION: Two-column fixed layout with one sidebar left of content<br /> */</p> <p>#container {<br /> float: right;<br /> margin: 0 -240px 0 0;<br /> width: 100%;<br /> }</blockquote><br /> Jeg har sakset teksten fra den oprindelige style.css og ændret instruksen så den gør det jeg vil have.<br /> <strong><br /> Rydde op i text-fonte</strong><br /> Og da jeg nu er i gang, så ændrer jeg også lige alle text-fonts så de alle bliver sans-serif - og ens! - ved at indsætte følgende i style.css:<br /> <blockquote>/* =Fonts<br /> -------------------------------------------------------------- */<br /> body,<br /> input,<br /> textarea,<br /> .page-title span,<br /> .pingback a.url { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; }<br /> h3#comments-title,<br /> h3#reply-title,<br /> #access .menu,<br /> #access div.menu ul,<br /> #cancel-comment-reply-link,<br /> .form-allowed-tags,<br /> #site-info,<br /> #site-title,<br /> #wp-calendar,<br /> .comment-meta,<br /> .comment-body tr th,<br /> .comment-body thead th,<br /> .entry-content label,<br /> .entry-content tr th,<br /> .entry-content thead th,<br /> .entry-meta,<br /> .entry-title,<br /> .entry-utility,<br /> #respond label,<br /> .navigation,<br /> .page-title,<br /> .pingback p,<br /> .reply,<br /> .widget-title,<br /> .wp-caption-text { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; }<br /> input[type=submit] { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; }<br /> pre { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; }<br /> code { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; }</blockquote></p> <p>Du kan hente temaet som det ser ud nu her: <a href='http://shop.325.dk/wp-content/uploads/2012/10/handbook-3.zip'>handbook 3</a> </p>