okt
19
Írta: Tupacko, 2007-10-19, ((X)HTML, CMS, CSS, Design, PHP)

Janoszen weboldalán találtam rá egy érdekes leírásra, ami ötletet adott a leíráshoz. A téma: Wordpress sablon készítése. Ahhoz, hogy egy sablon tudjál készíteni, kell tudjál HTML-t, CSS-t és PHP-t is. Ajánlott olvasmány a WP dokumentációja és a Wordpress codex is.
A Wordpress sablonok két fő részből állnak: a programozási része, PHP fájlok, és a design része, CSS fájl(ok) és a hozza tartozó képek. A sablon a wp-content/themes/ mappaban kell legyen. Pontosabban a megadott mappában kell létrehozd a sablon nevével annak mappáját. A sablon mappájában két fájl a kötelező: style.css és index.php. A többi rád van bízva, hogy mit is csinálsz és hogyan csinálod. Ha plusz függvényeket is szeretnél használni, amiket te definiálsz, akkor használnod kell a functions.php állományt is. Az említett fájlban kell definiáld a függvényeket és szükség szerint megírd azokat.

A megjelenítés, style.css

A style.css fájl két, nagyon fontos, dolgot kell tartalmazzon. Az első az a sablon definiálása, ami egyedi kell legyen, mert hanem problémákat okoz a sablonválasztásnál. A második dolog a formálás, ami természetes CSS kód. További CSS fájlokat is használhatsz, de a style.css nélkülözhetetlen, éppen a benne lévő definiálások miatt. Hogyan is kell kezdődjön egy ilyen állomány?

1
2
3
4
5
6
7
8
9
10
11
12
/*
Theme Name: a téma neve
Theme URI: a téma letöltési útvonala
Description: egy rövid leírás
Author: a szerző neve
Author URI: a szerző weboldala
Template: az esetleges szülő téma neve -nem kötelező
Version: verziószám -nem kötelező
.
Általános szövegek, licenszek, mi egy más
.
*/

Meg kell jegyezni, hogy a Template változóban átadott érték egy fizikai könyvtár neve kell legyen. Azt a könyvtárat fogja keresni a Wordpress az öröklés érdekében. Ha megtalálja a mappát, akkor onnan hívja meg az összes létező template fájlt.

A functions.php

Egy nagyon hasznos állomány, amiben sok mindent elvégezhetünk. Opcionális fájl, szóval, nem kötelező használni. Ha létezik az állomány, akkor az a Wordpress előkészítésekor betöltődik (inicializálásnál), és a függvények használhatóak lesznek úgy az admin részen, mint a felhasználói, böngészői, részen is.
Mire tudod használni az említett fájlt? Hasznos olyan függvények definiálására, amelyet több PHP template fájlod is használ, így elég egyszer definiálnod, nem kell mindenik fájlban. Ugyancsak itt tudod elérni azt is, hogy legyen egy mini admin felület, ahol a felhasználó tud választani lehetőségeket a sablon megjelenítéséhez, például színezés.
A Default Wordpress sablon használja a functions.php-t, és az admin felületes példa is benne van. Szerintem érdemes megnézni, főleg, ha egy bonyolultabb sablont akarsz készíteni. Mivel hasonlít a Wordpress pluginek felépítéséhez, érdemes utána olvasni a Wordpress pluginek készítésének is.

Ezek az ikonok ún. közösségi könyvjelző oldalakra mutatnak, ahol meg lehet osztani másokkal is amit fontosnak találsz.
  • description
  • blogtercimlap
  • Linkter
  • bodytext
  • del.icio.us
  • NewsVine
  • Furl
  • Reddit
  • Spurl
  • Technorati
  • YahooMyWeb
  • co.mments
  • Google
  • Live
  • Ma.gnolia
  • TwitThis
(2 szavazat)
Loading ... Loading ...



Hozzaszólások:
4 hozzaszólás a "Wordpress sablon készítése (első rész)" bejegyzéshez.
Harder, weboldala, 2007. október 22., 09:38

Alapvetően nem kell a PHP tudás egy WP sablon elkészítéséhez, maximum nem árt, mert bővülnek a lehetőségeid.

Ami mindenképp fontos, az a HTML/CSS.


Tupacko, weboldala, 2007. október 22., 15:01

Nem kell nagy PHP tudás, de nem árt egy alap, hogy tudd miként kell a függvényeket használni és esetleg néhány karakterlánc műveletet elvégezni.


HNR, weboldala, 2007. október 23., 14:16

Szeretnék egy saját sablont készíteni, azonban nem ismerem sem a css sem a html sem a php nyelveket. Tudnál ajánlani olyan könyveket ill. web címet amiből/ahonnan el tudnám sajátítani az alapokat, ill. ahoz legendő tudást hogy elkészíthessem a sablonomat?


Tupacko, weboldala, 2007. október 23., 15:43

Első sorban a googlet ajánlanám, mert mindenre van válasz :) A kellő PHP tudást el lehet sajátítani a http://www.php.net -en, vagy akár a fórumban is rákérdezhetsz, ha problémád akad. A CSS és HTML nyelveket is szintén az interneten tanulhatod meg, vagyis itt ingyen, olyan oldalakon, mint a http://www.w3schools.com/. Jónéhány leírást itt is találsz, és szívesen vagy látva a fórumban is. További kérdéseket oda várok. :)


Szólj hozza!

Név: 
Email: 
Weboldal *
Hozzaszólás: 
*Nem kötelező megadni, ha nincs weboldalad, akkor hagyd üresen!