Hvordan lage en WordPress mal Side

Hvordan lage en WordPress mal Side


WordPress maler lar deg tilpasse utseendet til bestemt side på din WordPress nettstedet, det være seg for en layout endre eller legge til en bestemt funksjon. Når du oppretter en ny WordPress-side, kan du angi en mal som skal brukes i "Page Attributes" boksen på høyre side av kontrollpanelet. Å lage din egen tilpassede malen vises i rullegardinlisten for "Page Attributes" og bruke den til siden din, er alt du trenger en grunnleggende forståelse av HTML, CSS og fortrolighet med noen WordPress spesifikke funksjoner.

Bruksanvisning

1 Åpne opp Notisblokk og skriv inn følgende kode på toppen:

<? Php

/ **

Mal Navn: Min egen mal

* /

?>

Denne koden angir navnet på malen. Det er også det samme navnet i rullegardin av "Page Attributes" -feltet når du velger en mal for din WordPress-side.

2 Legg til følgende kode for å inkludere Header: <? Php get_header (); ?>.

3 Skriv inn koden for å vise innholdet. Dette er den delen der du kan angi layout for siden din og hva innholdet skal vises. Bruk "<div>" koder for å manipulere layout ved hjelp av CSS-koden. For eksempel, standard en-side layout kode for en WordPress side ser slik ut:

<Div id = "container" class = "one-kolonne">

&lt;div id="content" role="main">

& Lt;? Php

get_template_part ( "loop ',' side ');

?>

& Lt; / div> & lt;! - #content ->

</ Div> <! - #container ->

PHP-funksjonen "get_template_part ()" viser automatisk innhold du angir for en bestemt side ved hjelp av WordPress innhold editor.

4 Legg til følgende kode for å inkludere bunntekst: <? Php get_footer (); ?>.

5 Lagre dokumentet som en PHP-fil.

6 Last opp filen til din type mappe. For eksempel, hvis du bruker Twenty-Ten tema, laste opp malen på "wp-content / themes / Tjue-ti."

Hint

  • Du kan legge til en annen tilpasset innhold i tema som en sidebar eller blogginnlegg. For ytterligere WordPress funksjoner og skript for å legge til, er en ressurs WordPress Codex nettstedet. En tilpasset layout kan oppnås ved å definere "<div>" klasser og ID-er i stilarket. Den stilark er filen "style.css" i tema-mappen.