Hogyan bővítettem ki a WordPress témát?

Miután a fotó kategóriába átemeltem a régi weboldalamról a fotó rácsot, jónak láttam írni kicsit arról, hogy miként bővíthetőek a WordPress sablonok saját tartalommal. Ez mindig problémát okoz kezdő felhasználóknak, főleg mert nem magától értetődő a dolog.

Gyermek Sablon

Első és legfrontosabb dolog a választott sablonból egy gyermek “child” változatot létrehozni, mielőtt bármilyen változtatást eszközölünk a sablon kódjában. Erre azért van szükség, mert amikor az eredeti sablon frissül, minden általunk létrehozott változás odavész. Órákat lehet dolgozni egy-egy változtatáson, amit egy hét után egy frissítés azonnal semmissé tesz. Persze lehet mondani, hogy “akkor nem frissítem”, de az egy rossz út: biztonsági réseket is be szoktak foltozni így, és bizony WordPress egyik legtámadhatóbb felülete a sablonok. Mindig mindent frissen tartani fontos emiatt.

Így készítsünk gyermek sablont

A wp-content/themes/ mappán belül a használni kívánt sablon mappájáról készítsünk egy másolatot sablonneve-child néven. Ebben a mappában helyezzünk el egy style.css fájlt, amit az alábbi tartalommal mentsünk.

/*
 Theme Name:     A sablonod neve
 Theme URI:      https://www.oldaladcime.com/
 Description:    A sablonod leírása
 Author:         Neved
 Author URI:    Oldalad
 Template:       A sablon neve amiből származik egy a gyermek. Tehát, ha a "xyz-child" sablont készítjük, ez "xyz" lesz
 Version:        1.0.0
*/
 
 
/* Innentől saját CSS-t írhatsz
------------------------------------------------------- */

Innentől már láthatjuk is a sablont az admin felületen, ahol be is kapcsolhatjuk.

Ha bármelyik fájlt meg akarjuk változtatni az eredetiből, azt másoljuk át a child mappába és ott szerkesszük. Amíg a child sablon van használatban ebből a mappából veszi elő a fájlokat elsőre, ha nem találja meg, akkor az eredeti forráshoz fordul. Ily módon nem kell mélyebben ismerni a WordPress sablonok világát ahhoz, hogy apróbb dolgokat megváltoztassunk végleg.

Hogyan használjak külön dizájnt egy adott oldalhoz?

A bevezetőben említett Fotó Rács lapom része a gyermek sablonnak, amit készítettem. Erre azért volt szükség, mert a WordPress Médiatárból akartam behúzni a képeket, ehhez pedig hozzá kell férni az API-hoz. Tehát a sablont egészítettem ki egy egyszerű mappa használata helyett.

A következő ennek a menete.

Hozzunk létre egy akármilyen elnevezésű PHP fájlt a wp-content/themes/sablonneve-child/ mappába. A fájlba egyetlen dolgot kell kötelezően megadni:

<?php
/**
* Template Name: Bármi, amit csak akarsz
*/
?>
Innentől bármi írható. PHP blokkok vagy egyszerű HTML. Kettő keveréke. A WordPress minden funkciója elérhető innen.

Ezek után az Oldalak menüben adott oldal szerkesztése közben a jobb szélen van egy “Sablonminta” menü az Oldal tulajdonságok  dobozban. Itt kiválasztható a fenti kódban megadott név. Innentől kezdve arra az oldalra az abban a fájlban található kinézet, program, HTML lesz érvényes. Ha akarjuk beemelhetjük az oldal szerkesztőben elmentett tartalmat, ha akarjuk magába a fájlba írjuk azt, ahogy azt én is tettem a fotó ráccsal.

A lényeg, hogy így elérhető a WordPress minden funkciója és egy adott oldalt teljesen szabadon és kényelmesen szabhatunk testre a weboldal többi tartalmától függetlenül. Innentől csak a WordPress API ismerete szabja meg a határokat.

I don't speak Hungarian. Google translate it for me!