A ‘Web’ kategória arhívuma

Speciális Wordpress sablon fájlok

Ebben a bejegyzésben egy listát találsz azokkal a fájlokkal, amelyeknek speciális értékük van a Wordpress számára. Miért fontos ez? Azért, mert ha egy jó sablont akarsz készíteni, akkor pontosan tudnod kell, melyik fájlt, milyen esetben használd a legmegfelelőbb eredmény elérése érdekében.
A legfontosabb fájl a style.css. Ezt kötelező módon tartalmaznia kell a sablonnak a megfelelő fejléccel, mivel ez az a fájl, amely a sablon definícióját végzi. Ha nem tartalmazza a fejlécet, akkor is működik, de van eset, hogy egyéb történik, mint amit elvárunk (pl. egyes esetekben a Default sablont hozza be, ha nincs fejléc).

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.

Windows Live stílusú menü

A web 2.0 világában élünk és sok szép, úgynevezett glossy effektes dolog létezik, minden csillog villog. Valamelyest ebben jelentkezik, grafikai szinten a web 2.0. A következő leírásban egy, a Windows Live navigációs menüjéról mintázott, üveges hatású menü elkészítését fogod elsajátítani.

Kezdésnek hozzunk létre egy új, fehér hátterű dokumentumot, lehetőleg téglalap alakút (500×60px). Hozz létre egy új réteget a menü alapjának elkészítésére. Válaszd a Rectangular Marquee eszközt és készíts egy kijelölést, amekkorára a menüt akarod készíteni, pl. 480×40px, majd színezd ki a következő színnel: #005b95. A kellő effektelés érdekében végezd a következőket: Layer / Layer Style / Gradient Overlay a következő színekkel (balról jobbra, vagyis a világosabb szín legyen felűl): #2473a5, #005b95, #3585b9, #7eb1d2. Egy Stroke effekt is kell, a következő paraméterekkel: 1px széles, outside, opacity (láthatóság) 100%, a szín pedig #003150.

Adatbázis véglegesítés az uFalhoz

Végleges, legalábbis amíg nyomós okok nem lesznek annak módosítására, az uFal vendégkönyv adatbázis szetkezete. Gondolva a lehető legtöbb dologra, a következő lesz a felépítése: lesz egy tábla a beállítások tárolására, options néven. A messages táblában lesznek majd tárolva az üzenetek, míg a tiltást a banlist tábla fogja intézni.

Az options tábla:

1
2
3

'row_id' (INT) AUTO_INCREMENT -- az egyedi sorazonosító
'field' (VARCHAR(64)) -- a mező megnevezése
'val' (TEXT) -- az érték

Aero vista gomb készítése

A leírásban Aero Vista stílusú gombokat fogunk elkészíteni. Több okból is érdemes elsajátítani ezt a fajta stílust: aránylag egyszerű az elkészítése és a weben is jól néz ki, afféle web2.0 stílusnak is megfelel. Vágjunk is bele, hozz létre egy új dokumentumot, majd válaszd a Rounded Rectangle eszközt. A radius paramétert állítsd 5 képpontra, majd rajzolj egy ehez hasonló méretű lekerekített sarkú téglalapot.
Ha készen vagy, akkor kezdődhet a nagy átalakítás. Néhány effektet használva, hamarosan befejezed a képet és megtanulod a Photoshop néhány, leggyakrabban használt, effektét is. Kattints duplán a rétegen és válaszd a Stroke egységet, vagy Layer/Layer style/Stroke. Állítsd be a következő értékeket: size 1, position outside, blend mode normal, opacity 100%, fill type color, color fekete.

A webdesignerek hét bűne

Azért született ez a bejegyzés, mint a webdesignerek hét bűne, mert rengeteg idegesítő weboldalt lát az ember nap, mint nap. Ezen lehet segíteni, mindössze oda kell egy kicsit figyelni, hogy mik az esztétikum határai. Nem akarok most minden apró hibát felsorolni, éppen ezért összegeztem a, szerintem, legnagyobb bakikat.
.1. A leggyakoribb hiba a rossz színek választása. A nem jól összeválasztott szín paletta, főleg az éles színek, ?szétverik? a weboldal kinézetét, sértővé vállnak a szem számára és olvashatatlan oldalt eredményeznek. Persze a hasonló oldalakon nem is időznek sokáig a látogatók.
.2. A második leggyakoribb hiba a fontok nem megfelelő összeválasztása. Maradjunk meg az alap betűtípusoknál, vagy legalább a legeltrejettebeknél. Ha nem ezt tesszük, akkor a látogató egy csúnya oldalt fog látni, annak ellenére, hogy a mi gépünkön gyönyörű. Mi erre a magyarázat? Az, hogy mi nem az alap fontot méretezzük, hanem a sajátunkat. Más és más fontok, más és másként méreteződnek, ezért szétnyomhatja az oldalt, vagy éppen olvashatatlanul picik lesznek a betűk. Ha a Photoshoppos tervezésre gondolunk, ott ne használjunk anti-alias effektet, mivel valóságban nem azt fogjuk kapni, amikor lekódoljuk az oldalt.

uFal, vendégköny fejlesztés

Sokan emlékezhetnek a régi weboldalról (is) letöltehető vendégkönyvre. Az oldal költözésekor úgy éreztem, hogy nincs szükség a csomag áthozására, töröltem is. Bár igaz, a legtöbbször letöltőtt script volt, nem voltam megelégedve vele. Miért is? Több okom volt rá: nehezen beágyazható, az eredeti oldal szövegkörnyezettől elütő, statikus formázás, nehézkes mysql kezelés, és még sok-sok egyéb zavaró tény. Persze nem mondom azt, hogy nem volt használathó, volt emoticon és kód támogatása is, azt használtam az oldalon, csak nem volt az igazi.

Miről is szól ez a bejegyzés? Bizonyára vakarod a fejed és gondolkodsz az oldal elhagyásán. Ne tedd, választ kapsz! Igényt véltem felfedezni a vendégkönyvre (furán hagzik ). A fórumon el is indúlt a fejlesztés, készül az uFal (sajnos a görög mü betüt nem tudja a wordpress menteni, annak ellenére, hogy UTF-8 a kódolási beállítás ) Miért pont ez lesz a neve? Miért ne? Szerintem jól hangzik és még nem találkoztam hasonló elnevezésű vendégkönyvel. A logója a fentebb látható kép lesz.

Mit tegyünk az oldalunkért

Bizonyára sokunkat foglalkoztat a tény, hogy mit kell tenni az oldallal és, hogy mit nem ajánlott ahoz, hogy az sikeres legyen. Ebben az írsában összegyűjtöttem néhány ötletet és tanácsot azok számára akik szintén ezen törik a fejüket.
Első sorban a látogató igényeire kell koncentrálni. Ki kell deríteni, hogy az adott témában mit is szeretnek a látogatók. Nem arról van szó, hogy csak a látogatóért készül az oldal, nem, de főleg! Éppen ezért, egy weboldal készítésének az első lépése nem más, mint az adott téma lazább, illetve szűkebb behatárolása.Erre azért van szükség, hogy a jövőbeli látogatók, akik vagy referált oldalakról vagy a keresőmotorból jönnek nagyrészt, találják meg azt, amit keresnek. Ha egy megfelelően a témába illő oldalra bukkanak, több mint valószínű, hogy visszatérő vendégekké válnak.

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.