![\"WordPress-temahandledning](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153948-61e516ac9d3c4.png\")
<\/a><\/p>\nInuti metaboxen "Sidattribut" f\u00f6r sidor visas valet av sidmall, men mallalternativet visas bara om det aktiva temat har minst en sidmall.<\/p>\n
Sidmallar kan faktiskt ocks\u00e5 anv\u00e4ndas f\u00f6r inl\u00e4gg och anpassade inl\u00e4ggstyper. Efter WordPress 4.7 och upp\u00e5t kan du definiera vilka inl\u00e4ggstyper du vill att mallen ska vara tillg\u00e4nglig f\u00f6r. WordPress kommer automatiskt att l\u00e4gga till den n\u00f6dv\u00e4ndiga metaboxen "Sidattribut" till dessa inl\u00e4ggstyper.<\/p>\n
Namn och placering av sidmall<\/h2>\n
Till att b\u00f6rja med skulle du vanligtvis g\u00f6ra en kopia av den mallfil som ligger n\u00e4rmast det du vill uppn\u00e5 med sidmallen. I de flesta fall \u00e4r det Det \u00e4r frestande att helt enkelt namnge din sidmall, t.ex. En bra praxis \u00e4r att prefixa din sidmall med n\u00e5got som inte ing\u00e5r i WordPress sidmallsnamn. Till exempel ’ N\u00e4r du har best\u00e4mt dig f\u00f6r ett namngivningsm\u00f6nster, l\u00e5t oss g\u00e5 vidare och skapa en sidmall.<\/p>\n G\u00f6r en kopia av Allt du beh\u00f6ver \u00e4r en kommentar i b\u00f6rjan av filen, med "Mallnamn:" och ditt mallnamn efter. Det \u00e4r allt! G\u00e5 in p\u00e5 admin, redigera en sida och du b\u00f6r se alternativet att v\u00e4lja "Fullbredd" som mall.<\/p>\n Jag n\u00e4mnde att i WordPress 4.7 kan du definiera vilka inl\u00e4ggstyper du vill att sidmallen ska vara tillg\u00e4nglig f\u00f6r. Just nu \u00e4r det bara tillg\u00e4ngligt f\u00f6r sidor, men s\u00e4g att du vill ha m\u00f6jligheten att g\u00f6ra inl\u00e4gg i full bredd ocks\u00e5? L\u00e4gg i s\u00e5 fall till "Mallposttyp:" i samma kommentarsblock och definiera dina inl\u00e4ggstyper separerade med kommatecken. Till exempel f\u00f6r att g\u00f6ra den tillg\u00e4nglig f\u00f6r b\u00e5de inl\u00e4gg och sidor;<\/p>\n Redigera ett inl\u00e4gg och du b\u00f6r se en ny metabox "Inl\u00e4ggsattribut" d\u00e4r du kan v\u00e4lja Fullwidth-mall. Trevlig!<\/p>\n L\u00e5t oss nu redigera sidmallen s\u00e5 att den faktiskt g\u00f6r n\u00e5got annorlunda \u00e4n den enstaka sidvisningen. L\u00e5t oss ta bort beg\u00e4ran om sidof\u00e4ltsmall: (Jag kommenterade den f\u00f6r att g\u00f6ra den mer synlig, men du kan bara ta bort raden).<\/p>\n L\u00e5t oss g\u00f6ra en sak till f\u00f6r att g\u00f6ra v\u00e5r sidmall l\u00e4ttare att styla. N\u00e4r du l\u00e4gger till CSS beh\u00f6ver du ofta veta om sidan har en sidof\u00e4lt eller inte, f\u00f6r att kunna justera kolumnerna\/layouten. Kom ih\u00e5g Obs! Du kanske har m\u00e4rkt att alla sidor eller inl\u00e4gg som anv\u00e4nder en sidmall redan f\u00e5r en specifik kroppsklass; "page-template-" \u2013 i v\u00e5rt exempel Obs: Detta l\u00e4gger bara till en klass till kroppen s\u00e5 att stylingen blir enklare, det inaktiverar faktiskt inte sidof\u00e4ltsutg\u00e5ngen. Du m\u00e5ste komma ih\u00e5g att ta bort den L\u00e5t oss l\u00e4gga till ett filter f\u00f6r Mest troligt n\u00e4r du utvecklar mallarna kommer du ibland st\u00f6ta p\u00e5 mallar som du inte vill l\u00e4gga till sidof\u00e4ltsklassen till, och n\u00e4r du g\u00e5r l\u00e4gg till dessa fall i denna Det \u00e4r upp till dig hur m\u00e5nga sidmallar du vill ha och vad de ska inneh\u00e5lla. Detta var bara en enkel introduktion. Om du \u00e4r intresserad av hur du fr\u00e5gar efter andra inl\u00e4gg i en sidmallar, ta en titt p\u00e5 n\u00e4sta steg<\/a>.<\/p>\npage.php<\/code>. N\u00e4r det g\u00e4ller namnet p\u00e5 din sidmall \u00e4r det lite upp till dig. Men det finns vissa regler och lite sunt f\u00f6rnuft.<\/p>\npage-books.php<\/code>f\u00f6r en mall som listar b\u00f6cker av anpassad inl\u00e4ggstyp. Prefix aldrig din sidmall med ’ page-<\/code>’! Om du kommer ih\u00e5g fr\u00e5n WordPresss malhierarki<\/a>, kommer WordPress att leta efter page-<slug>.php<\/code>innan det f\u00f6rs\u00f6ker page.php<\/code>, och anv\u00e4ndare av ditt tema kan st\u00f6ta p\u00e5 ov\u00e4ntat beteende.<\/p>\npagetemplate-'<\/code>, ’ pt-<\/code>’ eller helt enkelt bara det fullst\u00e4ndiga namnet ’ fullwidth-template.php<\/code>’. Det \u00e4r ocks\u00e5 bra att f\u00f6rvara dem i en undermapp; \/page-templates\/<\/code>detta \u00e4r dock inte bra om du vill att ditt tema ska vara tillg\u00e4ngligt f\u00f6r att ut\u00f6kas med ett barntema. Ett underordnat tema kan inte \u00e5sidos\u00e4tta sidmallar som \u00e4r placerade i en undermapp i det \u00f6verordnade temat.<\/p>\nSkapa en sidmall<\/h2>\n
page.php<\/code>och byt namn p\u00e5 den till pagetemplate-fullwidth.php<\/code>. F\u00f6r att g\u00f6ra det till en sidmall beh\u00f6ver du bara l\u00e4gga till en kommentar i b\u00f6rjan som talar om f\u00f6r WordPress att detta \u00e4r en sidmall:<\/p>\n<?php \n\/*\nTemplate Name: Fullwidth \n*\/\nget_header(); ?>\n<?php \nif (have_posts()) {\n...<\/code><\/pre>\n<?php \n\/*\nTemplate Name: Fullwidth \nTemplate Post Type: post, page\n*\/\nget_header(); ?>\n<?php \nif (have_posts()) {\n...<\/code><\/pre>\n\u00c4ndra koden i v\u00e5r sidmall<\/h2>\n
...\n ?><p><?php _e('No posts, sorry.', 'wptutorial'); ?><\/p><?php\n}\n\/\/get_sidebar(); \nget_footer(); ?><\/code><\/pre>\nbody_class<\/code>vilken ger en hel massa anv\u00e4ndbara klasser till kroppselementet? Vad h\u00e4nder om vi l\u00e4gger till en anpassad klass i br\u00f6dtexten som talar om f\u00f6r oss om den aktuella sidan har ett sidof\u00e4lt eller inte?<\/p>\nFiltrera p\u00e5
body_class<\/code><\/h2>\n\"page-template-pagetemplate-fullwidth\"<\/code>. Det \u00e4r en ganska l\u00e5ng klass, och dessutom vill vi g\u00f6ra v\u00e5rt tema mer flexibelt \u2013 och till\u00e5ta fullbredd p\u00e5 andra mallar f\u00f6rutom de som anv\u00e4nder sidmallar. Till exempel vill du vanligtvis inte ha en sidof\u00e4lt p\u00e5 framsidan, eller hur?<\/p>\nget_sidebar()<\/code>d\u00e4r du inte vill ha den.<\/p>\nbody_class<\/code>att l\u00e4gga till en anpassad sidof\u00e4ltsklass i v\u00e5r functions.php<\/code>, s\u00e5 att du senare kan l\u00e4gga till mer till den i andra fall du inte vill ha sidof\u00e4ltet. WordPress har en trevlig villkorlig tagg f\u00f6r att kontrollera om en sidmall anv\u00e4nds; is_page_template()<\/code>d\u00e4r du s\u00e4tter ditt sidmallsnamn som parameter. Vi vill l\u00e4gga till en klass om detta inte \u00e4r sant, s\u00e5 vi l\u00e4gger till det omv\u00e4nda med "!":<\/p>\nadd_filter('body_class', 'wptutorial_body_class_filter');\nfunction wptutorial_body_class_filter($classes) {\n if (!is_page_template('pagetemplate-fullwidth.php')) {\n $classes[] = 'has-sidebar';\n }\n return $classes;\n}<\/code><\/pre>\nif<\/code>. Om du till exempel inte vill ha sidof\u00e4ltsklassen p\u00e5 f\u00f6rstasidan kan du l\u00e4gga till !is_front_page()<\/code>. Detta kommer att l\u00e4gga till klassen ’has-sidebar’ p\u00e5 alla sidor utom framsidan och sidmallen:<\/p>\nif (!is_front_page() && !is_page_template('pagetemplate-fullwidth.php'))<\/code><\/pre>\n