A ‘(X)HTML’ kategória arhívuma

Wordpress sablon készítése (második rész)

Ebben a leírásban a sablon fájlok kerülnek nagyító alá. A sablon kód fájljai egy vagy több PHP fájlból állnak. Akárhogyan is extrém eset az, ha csupán az index.php állomány áll rendelkezésre. A Wordpress a hivatkozásból próbálja eldönteni, hogy melyik sablon a legrelevánsabb és hívódik meg, mint afféle parser a kérésre. Első lépésként azt nézi, hogy milyen kategóriájú a kérés: pl. Keresés, Arhívum, Bejegyzés, stb. Ha megvan a típus, akkor megpróbálja meghívni a kellő sablont, viszont, ha az nem létezik, akkor lejjebb ugrik a hierarchiában, így eljutva az index.php oldalig, ha nincs más létező állomány.

Wordpress sablon készítése (első rész)

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.

Ha nem tud valamit az ember!

Ahogyan azt a cím is sugalja, nem egy szokványos leírás következik, hanem inkább egy személyesebb jellegű bejegyzés. Az utóbbi időben több helyen is találkoztam olyan emberekkel, akik nem tudtak valamit. Fura? Nem, szerintem senki sem tud mindent. A probléma nem is itten kezdődik. Akkor fajul problémává a dolog, amikor X személy nem talál valamit, ha egyáltalán kereste, és a kényelmes utat választva egy fórumon keres megoldást. Valójában ez sem probléma önmagába. A kérédés ami foglalkoztat viszont az, hogy miért keres valaki választ kérdésére, ha azt úgysem hallgatja meg.

Ikon a weboldalnak, favicon!

Egyik barátom ma felkeresett a következő problémával: – Alpár, sok féle képpen próbáltam már, de nem sikerűlt ikon tenni a weboldalamnak. Hogyan lehet? Nem túl nehéz, de mégis elterjedt probléma. Úgy gondoltam, készítek egy leírást, ami alapján bárki, könnyedén kiteheti saját oldala ikonát? Itt is van a kód, ahogyan be tudod illeszteni a megfelelő képet az oldaladba:

<link href="http://webpillango.org/favicon.ico" rel="icon" />
<link href="http://webpillango.org/favicon.ico" rel="shortcut icon" />

A href paramétert a te ikonod elérési útjára kell cseréld Azért írtam két verziót, mert nagyon jó, szinte tökéletes, a böngészők közti összeférhetőség. A kódot az oldal fejlécébe kell beilleszteni, vagyis a head tagok közé.

DIV elemek és az overflow

Bizonyára sokunkat idegesíti a tény, hogy egy vagy több, a kelleténél szélesebb elem vagy a böngészők nem jó összeférhetőségi hibája szétnyomja az oldalunkat. Példáúl másképp kezeli az IE és a Mozilla a padding értékeket, ezért másként jelenik meg egy elem a két böngészőben. A megoldás a következő stíluselemmel orvosolható: overflow. A feltétel az, hogy minden esetben meg kell adjuk a pontos szélességet, illetve magasságot, hogy a böngésző tudja, milyen méretektől kell elrejtse vagy görgesse a DIV vagy egyéb elem tartalmát.