WordPress DK Forum Topic: CSS-styling af ny side

WordPress DK Forum Topic: CSS-styling af ny side http://wp-danmark.dk/forum/topic/css-styling-af-ny-side WordPress DK Forum Topic: CSS-styling af ny side da-DK Thu, 16 Jul 2026 19:13:14 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Søg]]> q http://wp-danmark.dk/forum/search.php Jesper Jarlskov om "CSS-styling af ny side" http://wp-danmark.dk/forum/topic/css-styling-af-ny-side#post-47796 man, 27 maj 2013 10:04:42 +0000 Jesper Jarlskov 47796@http://wp-danmark.dk/forum/ if ( is_page_template('nosidebar.php')) { Dette bestyder selvfølgelig at dit nyhedsbrevarkiv.css kun kommer med på de sider hvor du bruger nosidebar-templaten. Desuden kunne det se ud som om du mangler et / foran css i stien til css-filen. Det ser også ud til at du inkluderer dit temas eget stylesheet 2 gange, det er lidt spild af båndbredde. Jeg vil dog igen anbefale dig at flytte dine ændringer over i et child tema. Det sker fra tid til anden at der kommer opdateringer til temaer, enten for at rette bugs, eller for at lukke sikkerhedshuller. Første gang det sker skal du starte forfra med alle dine ændringer. Towle om "CSS-styling af ny side" http://wp-danmark.dk/forum/topic/css-styling-af-ny-side#post-47795 man, 27 maj 2013 09:53:55 +0000 Towle 47795@http://wp-danmark.dk/forum/ Tak, Jesper, det vil jeg kigge på, men jeg er ikke fortrolig med at lave et childtema. Siden jeg skrev mit indlæg, har jeg lavet følgende: Taget en kopi af page.php jvnf. <a href="http://www.onlinekonsulenten.dk/webudvikling/opret-en-ny-side-skabelon-i-wordpress-pa-5-trin/">Opret en ny side-skabelon ...</a>, omdøbt den til nyhedsbrevarkiv.php og lagt den samme sted (/wp-content/themes/twentytwelve). Dernæst har jeg rettet i header.php som beskrevet i <a href="http://wordpress.org/support/topic/how-to-have-a-separate-stylecss-for-each-page-template">How to Have a Separate style.css for each Page Template</a> og endelig har jeg lavet en nyhedsbrevarkiv.css med det ønskede indhold. Siden fungerer for så vidt, men stylingen bider ikke rigtigt. Jeg har placeret css-filen i både roden af Twentytwelve og i undermappen /css, men det er åbenbart ikke rigtigt? Henvisningen i header.php ser således ud: <code><link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /> <?php if ( is_page_template('nosidebar.php')) { ?> <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>css/nyhedsbrevarkiv.css" /> <?php } ?></code> Se siden her: <a href="http://danacorddistribution.dk/?page_id=29">Arkiv med nyhedsbreve</a> Jesper Jarlskov om "CSS-styling af ny side" http://wp-danmark.dk/forum/topic/css-styling-af-ny-side#post-47794 man, 27 maj 2013 09:23:50 +0000 Jesper Jarlskov 47794@http://wp-danmark.dk/forum/ Jeg vil altid anbefale at holde CSS i eksterne filer, på den måde kan du separere struktur, og du ved altid hvor du skal gå hen når noget skal ændres. Et WordPress tema består af min. 2 filer, index.php og style.css, så du vil altid have mulighed for at ændre css i style.css filen. Et problem med denne tilgang er dog at dine ændringer vil gå tabt hvis temaet opdateres. En løsning på dette kan være at bruge et <a href="http://codex.wordpress.org/Child_Themes">child tema</a>. Et minimalt child tema består kun af en enkelt fil, style.css. Child temaet "arver" så al struktur og styling fra parent temaet, og child-temaets style.css kan så bruges til at overskrive enkelte af parent temaets elementer. Det vil nok være denne løsning jeg vil anbefale i dit tilfælde. Towle om "CSS-styling af ny side" http://wp-danmark.dk/forum/topic/css-styling-af-ny-side#post-47792 man, 27 maj 2013 07:40:23 +0000 Towle 47792@http://wp-danmark.dk/forum/ Jeg skal bruge noget CSS for at styre udseendet af en ny side. Traditionelt kan CSS jo enten hentes fra et eksternt stylesheet, defineres internt i <HEAD> eller skrives inline for hvert element i sideindholdet. Hvis CSS skal påtrykkes flere gange på siden, er det sidste jo for besværligt. På den side jeg arbejder med lige nu, har jeg behov for følgende: <code> <style> #pdf-liste { padding: 0; margin: 0; } #pdf-liste li { border: #ccc 1px solid; display: block; float: left; text-align: center; padding: .5em; margin: .5em; } #pdf-liste img { display: block; border: none; float: none; clear: right; } </style></code> Hvor og hvordan og ...?