on monia monia tapoja, joilla voit muuttaa tietyn sivun ulkoasua WordPress-sivustossasi. Voit muuttaa sisältöä sisällä WordPress content editor. Voit muuttaa sivustoon vaikuttavia CSS-sääntöjä. Tai luoda uuden tiedoston WordPress teema malli hierarkia vastaamaan tietyn sivun. Tai voit käyttää teema sivun malli suunniteltu erityisesti kyseiselle sivulle. Viimeinen on se, mistä tässä on kyse. Tässä opetusohjelma me kattaa sekä miten luoda WordPress mukautetun sivun malli, ja miksi haluat tehdä niin. Aloitetaan siitä, miksi.

kun sanot ”WordPress Theme Custom Page Template”, mitä tarkoitat?

aihepiirissä on valtava termiongelma. Kuten olen vihjannut edellä, on olemassa paljon asioita epämääräinen käsite ”sivu” ja ”malli” WordPress maailmassa, jotka eivät ole mitä puhumme täällä. Ensimmäinen asia I * don ’t * tarkoita sanoessaan” WordPress custom page template ”on” WordPress teema.”(Monet ihmiset uusia WordPress sanoa ”malleja”, kun he tarkoittavat ” WordPress teema.”)

Joten mitä tarkoitan ”mukautetulla page templatella”? Tarkoitan sitä, mitä oikealla näkyy. Esimerkiksi, olet muokkaamassa sivun sisällön tyyppi WordPress (vaikka, kuten näemme myöhemmin, se voi nyt sisältää muita WordPress sisällön tyypit). Ja kun muokkaat sivuasi, huomaat” sivun attribuutit ”- ruudun, ja sen sisällä saatat (riippuu siitä, onko teemallasi jo nämä mallit) nähdä tämän” Template ” – pudotusvalikon. Tämä valintaruutu on kuvitettu oikealla (se on myös oikealla puolella ”sivun muokkaus” näyttö). Jos näet tämän pudotusvalikosta, se johtuu teema tarjoaa joitakin näistä ” mukautettuja sivupohjia.”Ne ovat todella tiedostoja tällä hetkellä aktiivinen teema kansio (tai sen vanhempi), ja on yksi erottava piirre tulemme myöhemmin. Mutta tämä valittavissa pudotusvalikosta nimetty sivupohjia on mitä puhumme täällä tänään.

miten tämä sopii Mallihierarkiaan?

olen kirjoittanut ennen, ja aion todennäköisesti tehdä niin uudelleen, miten malli-siellä se sana taas-hierarkia on todella keskeinen käsite sinun täytyy ymmärtää rakentaa tai muokata WordPress teema. (Tässä on nopea intro siihen.) Lähes kaikki muu on yksityiskohta, jonka voit selvittää, kun olet ymmärtänyt mallihierarkian perusdynamiikan. Erityinen asia, jota tänään tarkoitamme, on kuitenkin sapluunahierarkian ulkopuolella. Tämä ”valittu malli” korvaa olennaisesti koko mallihierarkian valintaprosessin.

jos mukautettu sivupohja on valittu edellä esitetyssä pudotusvalikossa, käytetään ”template” – tiedostoa. Piste, ei poikkeusta.

sen toistamiseksi, että jos mukautettu sivupohja on valittu, käytetään” template ” – tiedostoa. Piste, ei poikkeusta. Jos ei, niin WordPress-mallin hierarkia etsii hieman eri tavalla, että joku on saattanut yrittää tyylitellä tietyn sivun – page-123.php tai page-custom-template-utilizer.php – tiedostolla. (Ero mukautetun mallin ja tämän page-$id tai page-$slug rakenteen välillä on oikeastaan vain vuorovaikutuksessa ja rajapinnassa.) Jos kumpaakaan näistä ei löydy, WordPress putoaa takaisin page.php, jos se on olemassa, ja jos ei päädytä lopulliseen varasuunnitelmaan, index.php.

jos mietit, miksi käyttäisit tätä menetelmää numeerisen tai etanan sijasta-kummassakin tapauksessa luot mukautetun tiedoston teemaasi, loppujen lopuksi-syy on se, että mukautettujen mallien käyttö antaa sinulle enemmän joustavuutta ja riippumattomuutta teeman ja sivustosi tietokannan ja sisällön välillä. Tästä syystä suosittelisin sitä lähes jokaisessa tilanteessa, kun et ole varma, mihin mennä. Kanssa numeerinen tai etana-pohjainen page-*.php rakenne, olet pakko tehdä teema tietää erityinen tapa WordPress tietokannan tiedot on juuri nyt. (Joten jos uudelleen teema eri WordPress-sivusto, esimerkiksi, että tiedosto on hyödytön.)

Miten teen WordPress Custom Page Template?

OK, joten tiedämme, että mukautetut sivupohjat syrjäyttävät WordPress-mallin hierarkian. Ja että me hyödyntää niitä todellisia sivuja meidän WordPress sivuston valitsemalla ne” malli ” pudotusvalikosta oikealla-bar asiaankuuluvan sisällön. Joten on aika päästä luomaan WordPress mukautetun sivun malli.

sinun tulee lisätä teemaasi (ja sen pitäisi olla lasten teema, ellei ole hyvin voimakasta rajoitusta, joka tekee sen mahdottomaksi sinulle) tiedosto, jonka nimi on my-template.php tai really-cool-awesome.php. Sillä ei ole väliä, kunhan et käytä mallihierarkiaan kuuluvaa nimeä, olet kultainen. (Joka tarkoittaa: älä käytä nimeä kuten page-whatever.php. Kuten käsittelimme edellä, WordPress malli hierarkia ajattelee, että se omistaa tiedoston nimetty, että kuvio.)

kun olet saanut tiedoston (cool-page-template.php, mitä haluat), aloita se näin:

<?php/*Template Name: Name To Appear In The Dropdown*/?>This is my custom template.

ja olet käytännössä valmis. Kuten voit luultavasti arvata, nimi, joka näkyy” malli ”pudotusvalikosta on mitä olen taitavasti kutsutaan” nimi näkyviin pudotusvalikosta.”Aivan kuten teeman style.css tiedosto, tai plugin päätiedosto, WordPress käyttää sisällä olevia tietoja koodin kommentti antaa sen yhteydessä toimimaan.

silloin sivujemme sisältö tulee, tässä tapauksessa olemaan hyvin perus HTML-teksti ”This is my custom template”. Kuten arvata saattaa, tässä on, jos olet paljon todennäköisemmin laittaa HTML sisältöä haluat näkyvät sivulla. Joten <h1> tageja, <p> tageja, ja ehkä (jos olet fancy 🤪) jotain PHP tehdä custom käyttäytymistä haluat keuliminen.

Why your WordPress Custom Page Template Doesn ’t Show Up

I’ ve (more than once) had the experience that my new WordPress page template doesn ’ t show up. Ylivoimaisesti yleisin syy on, että olen typoed (tai väärin) mitä tiedoston otsikko kommentti pitäisi näyttää. Se on merkittävä täsmälleen oikealla otsikolla. Joten Template Name: Narrow Page on täydellinen, mutta WordPress ei koskaan löydä jotain, joka on sen sijaan saanut otsikon Template: Custom.

on muutama muu asia tarkistettavana. Muista syistä saatat huomata, että mukautettu sivumalli ei näy:

• laitoit tiedoston väärään paikkaan (sen on oltava käynnissä olevassa teemassa tai sen vanhemmassa)
• annoit mallillesi tiedoston, joka alkaa kirjaimella page-. Koska ominaisuus WordPress teemoja, mukautettuja sivupohjia, jotka alkavat page- käsitellään sen sijaan sivun mallin hierarkia.
• teemastasi puuttuu toinen sen kahdesta vaatimustiedostosta, joten se ei toimi. (WordPress themes * must * have an index.php file and a style.css.)
• tämän kanssa oli ongelma jo WordPress 4.9: n aikaan (joitakin vuosia sitten nyt)

sivupohjat muille kuin” Page ”WordPress Custom Post-tyypeille

suurelle osalle WordPressin historiaa nämä” custom page templates ”olivat vain” Page ” – sisältötyypille. (WordPress on vain kaksi sisältötyyppiä, ”viestit” ja ”sivut” oletuksena.) Mutta WordPress 4.7, ominaisuus lisättiin, että voit käyttää näitä sivupohjia uusia sisältötyyppejä (usein kutsutaan ”custom post tyypit”).

voit tehdä tämän lisäämällä toisen rivin ” tiedoston otsakkeeseen.”Joten se näyttäisi vähän tältä:

<?php/*Template Name: Narrower TemplateTemplate Post Type: post, page, event*/// Page HTML and PHP goes here...

kuten voit todennäköisesti arvata, tämä uusi Template Post Type: – otsikko edeltää (custom) post-tyyppien” code-level ” – nimeä. Huomaa, että yllä olevassa esimerkissä listaamme page sisältötyypin, jolla WordPress aluksia, sekä post yhden. Lisäksi tuemme kolmatta” custom post typea ” nimeltään event.

suuri syy käyttää mukautettuja sivupohjia

nyt jos olet tehnyt tämän ennen, huomaat, että yllä olevalla sivulla ei ole muotoilua, ja näytät hyvin vähän samalta kuin muualla WordPress-sivustossasi (ellei sinulla ole yksinkertaisin kuviteltavissa oleva teema). Tämä johtuu siitä, että tiedostossamme on yksi yksinkertainen asia siinä, ja siitä puuttuu toimintoja, jotka ovat hyvin yleisiä kaikissa muissa teemasivuissa. Sillä ei ole get_header(), get_footer(), tai Loop, kutsuja, joita kaikki muut teematiedostot todennäköisesti tekevät.

joskus haluat sivun, joka ei ole paljonkaan samanlainen kuin muu sivustosi, mutta silti osa WordPress-hallintakokemustasi. Nämä mukautetut mallit ovat täydellisiä siihen.

mutta se kuvaa yhtä näiden kaltaisten muokattujen mallien suurista voimista: joskus haluat sivun, joka ei ole paljonkaan samanlainen kuin muu sivustosi, mutta silti osa WordPress-hallintakokemustasi. Nämä mukautetut mallit ovat täydellisiä siihen. Vaikka näet niitä käytetään myös arkistojen sivuja, tai (harvemmin) yhteystiedot sivuja, tämä kyky on usein unohdetaan.

ja lopuksi joitakin käytännön neuvoja sivupohjista

kun haluat tehdä sivun, joka näyttää aivan samalta kuin muut sivusi (mutta hieman erilaiselta), aloittaisin itse kopioimalla olemassa olevan tiedoston teemastasi, luultavasti page.php. Tämä johtuu yksinkertaisesti siitä, että useimpien meistä on helpompi muuttaa jotain kuin rakentaa tyhjästä. Koodi esimerkki antaa sivun malli, että ”tyhjä valkoinen sivu” mielessä, jossa olet luultavasti haluavat lisätä tai poistaa joitakin erityisiä yksityiskohtia olemassa page.php malli. Sivupalkin tai alatunnisteen poistaminen esimerkiksi ovat hyvin yleisiä syitä siihen, että ihmiset tekevät WordPressissä ”mukautetun sivumallin”.

kuten olemme käsitelleet, jos kopioit teeman page.php tiedoston aloittaaksesi mukautetun sivumallin tekemisen, sinun on varmistettava, että lisäät ”mukautetun sivumallin otsakkeen”, jonka saimme edellä. Jälleen, ne ovat ”magic” sivu, joka tekee nämä mallit vain toimivat. Mene tekemään mahtavia sivuja!

Kuvanluotto: Infrogmaatio