Hvordan lage en full bredde Page Mal for WordPress

May 21

Selv om WordPress er først og fremst en blogging plattform, mange bruker det som et Content Management System (CMS). Når du bruker WordPress å bygge en hel nettside, lage sidemaler gjør området mer fleksibelt, slik at flere oppsett for innhold. For å lage en full bredde side mal, må du opprette en ny mal fil med en spesiell linje med kommentaren kode på toppen. Du kan få en rask start skape malen ved hjelp av kode som allerede finnes i din "page.php" side mal-fil, og så bør du redigere filen ved å ta ut sidefelt.

Bruksanvisning

1 Opprett en ny, tom fil i ren tekst eller kode editor av ditt valg. Åpne opp "page.php" filen fra følgende plassering:

/ Ditt / wp-content / themes / navn-of-tema /

"Ditt" er katalogen der du installerte WordPress, og "navn-of-tema" er navnet på temaet du vil redigere. Kopier innholdet i "page.php", og lim den inn i tom fil. Lagre tom fil som "din-mal-name.php," hvor "your-mal-navn" er det navnet du vil gi filen.

2 Legg til følgende linje med kode til toppen av den nye malen filen:

<? php /

Mal Navn: Ditt navn her />

WordPress leser denne koden, og når den ser «Mal Name", den vet at "Your Name Here" er en mal det bør tilby når du oppretter sider i dashbordet. Gi den et beskrivende navn, for eksempel "Full-Width siden." Lagre filen.

3 Les gjennom PHP-filen du nettopp opprettet, og se etter denne koden oppføring:

<? Php get_sidebar (); ?>

I tilfelle av flere sidefelt, kan du se kode for de andre sidebars som ligner på følgende:

<? Php include TEMPLATEPATH. '/sidebar2.php'; ?>

Fjern koder for sidefelt der du ser dem. Lagre filen på nytt.

4 Åpne opp "header.php" fil, og sjekk at <body> -taggen inneholder følgende kode:

<? Php body_class (); ?>

Hvis du ikke ser det der, legge til at kode i <body> -taggen. Lagre "header.php" fil. Nå gå tilbake til din full bredde mal fil, og sørge for at <div> eller <seksjon> -kode som flyter rundt innholdet på siden din har sin klasse satt til <php post_class (); ?> Slik:

< "<? Php post_class ();>" div class =>

5 Åpne opp "style.css" fil, og legge til følgende:

.page-mal-layout-full bredde-php .page {

width: 100%;

}

Change ".page-mal-layout-full bredde-php" for å gjenspeile navnet du ga malen fil. En fil som heter "min-new-page.php" vil være ".page-mal-my-new-page-php". Denne CSS-kode sikrer at en side satt til å bruke full bredde malen vil vise innholdet over hele bredden på skjermen.

6 Logg deg inn på WordPress dashbordet, og opprette en ny side. Etter å legge innholdet til redaktøren, finner rullegardinmenyen under Mal i Page Attributes boksen til høyre på skjermen. Klikk på rullegardinmenyen og velger den nye malen. Klikk på den blå knappen Oppdater i boksen over for å publisere siden.

Hint

Ved koding din egen WordPress tema, bruke en CSS rammeverk som 960.gs eller Blueprint CSS. Så i stedet for å redigere bredden på en kolonne i CSS, kan du legge kolonne klasser til HTML-koder for å definere bredde.
Ikke navngi mal filen "home.php" eller "front-page.php," fordi WordPress behandler disse filene som alternativer for "index.php".