A Wordpress CMS testreszabása

Sablon készítése

Az imént láthattuk, hogy hogyan telepíthetünk mások által készített sablont. De mi a helyzet akkor, ha mi szeretnénk készíteni egy önálló sablont?

A Wordpress esetén a sablonok a wp-content/themes mappában találhatók. Új sablon készítésekor ebbe a mappában kell elhelyeznünk a saját sablonunkat. A különböző jellegű/felépítésű oldalak megjelenítéséért más-más PHP-állományok felelnek, mint ahogy ez az alábbi ábrán is látható:

A kép (nagyobb változata) külön ablakban is megtekinthető.template_hierarchy_full.jpgWordpress sablon hierarchia (Forrás: codex.wordpress.org)

Ezen az ábrán nincs minden olyan oldal részletezve, amelyet felhasználhatunk a saját sablon építésekor. Ilyen például a header.php oldal, ahova az oldal fejlécét, a footer.php állomány, amelyben a láblécet kell elhelyeznünk.

Vagyis a HTML-sablonunk egyes kódrészleteit más-más PHP-állományban kell elhelyeznünk.

Kezdjük el a saját sablon kidolgozását!

Alaplap mappa létrehozása a sablon mappában

Nézzük meg mi történik, akkor ha a wp-content/themes mappában létrehozunk egy saját könyvtárat, alaplap néven!

Ha megnézzük a vezérlőpulton a sablonok oldalt, akkor annak alján a következő üzenetet láthatjuk: Sérült sablon. A következő sablonok hiányosak. A sablonoknak rendelkeznie kell egy stíluslappal és egy sablonmintával.

A kép (nagyobb változata) külön ablakban is megtekinthető.wordpress_serult_full.jpgSérült sablon a Wordpress környezetben

Hozzunk létre a mappában egy üres állományt index.php néven, illetve másoljuk be ide a korábban elkészített stíluslapunkat style.css néven! Szintén másoljuk be ide az images mappát is, amelyben a stíluslapban hivatkozott képek találhatók!

Ezek után már normál módon (nem sérült sablonként) jelenik meg az alaplap sablon.

A kép (nagyobb változata) külön ablakban is megtekinthető.wordpress_alaplapsablon1_full.jpgAz alaplap sablon megjelenése a sablonok között az index.php és style.css állományok létrehozása után

Viszont még nem látható a sablonunknál előkép. Ezen is könnyen segíthetünk, készítsünk egy képernyőképet a sitebuild folyamat során elkészült sablonunkról, és helyezzük el az alaplap mappában, screenshot.png néven!

A kép (nagyobb változata) külön ablakban is megtekinthető.wordpress_alaplapsablon2_full.jpgAz alaplap sablon megjelenése a sablonok között a screenshot.png kép elhelyezése után

Ezek után már az előkép is mutatja, hogy milyen (lesz) a sablonunk kinézete.

Jelen állapotában viszont még nem érdemes bekapcsolnunk a sablont, először töltsünk fel néhány oldalt tartalommal!

Vissza a tartalomjegyzékhez