Őszintén? Regényt lehetne róla írni. Viszont nem is olyan rég egy szakdolgozat vázlatához összeszedtem a leghasznosabb tudnivalókat, amit most közkinccsé tennék.

SPOILER ALERT! Angol tudás szükséges, magyar infók ritkán vannak róla…

A weblapjaim alapja tehát a Wordpress nevű weblap motorra épül. Alapvetően a Wordpress-t még mindig sokat csak blogmotornak tartják, de én azért szeretem, mert nagyon jól testre szabható, rengeteg kiegészítő van hozzá, és mindemellett az adminisztrációs felület felhasználójának is könnyen áttekinthető, szerkeszthető, szemben sok egyéb bonyolult CMS rendszerrel, mint a Drupal, Joomla stb. (Drupal mániásoktól szorri…

A Wordpress-nek a hivatalos oldala a http://wordpress.org/ Itt rengeteg leírás van, de leginkább a fejlesztőknek szól, hogy induljunk neki egy wordpress-es oldal fejlesztésének, milyen lépésekben alakítsuk ki a sablont, stb. Hasznos funkciója, hogy összegyűjti a kiegészítőket (pluginek), és nem kell sok-sok egyéb weboldal böngészésével megtalálni a legmegfelelőbbet. Van néhány wordpress szerelemes emberke Magyarországon is, akik indítottak egy magyar oldalt neki, ez a http://word-press.hu/. Itt jellemzően annyi infó nincs fent, inkább hírek, a legújabb magyar verzió letöltése, illetve a fórum funkcióját használom. Mondjuk a Codexben itt is vannak hasznos infók erről a rendszerről: http://dokumentacio.word-press.hu/ meg egy két apróság az én oldalamon is van: http://lemmikki.hu/wordpress/wordpress-a-weblap-motor/

Első lépések

A Wordpress telepítése lényegében annyi, hogy letöltöd a legfrissebb csomagot, amit kapsz, abban a wp-config.php fájlban egy-két apróságot beállítasz (http://codex.wordpress.org/Editing_wp-config.php), majd az egész mehet fel ftp-vel a kiszemelt tárhelyre. Aztán egy-két egyéb lépés ott, és az alap gép már fut is. (http://codex.wordpress.org/Installing_WordPress) Nem is ez a bonyolult része a dolognak, hanem ami ez után jön. (Első lépésekről ezek jó infók: http://codex.wordpress.org/New_To_WordPress_-_Where_to_Start)

A weblap design kialakítása Wordpress-ben

A wordpress weboldalak felépítését, arculatát a hozzá beállított sablonok adják meg. Ha megnézed a weboldalam portólióját, akkor ott nagy hányadban wp oldalak vannak, mégsem hasonlítanak egymásra. A folyamatnak ez a része szokott tartani a legtovább általában. Mindig ezzel kezdek, először megtervezem az arcát a weblapnak (ezt általában photoshopban), majd ha azt leegyeztettem a megrendelővel, akkor csinálok belőle wp sablont. Hála égnek a wp sablonkezelése nagyon programozóbarát, igazából csak html-css formában kell előállítani a photoshop tervet, aztán szétvagdosni megfelelő részekre. 4 alapvető része van, a header, a sidebar, a footer, és természetesen a törzs, amit indexnek hívunk. Bővebb infókat a technikai oldaláról a sablon építésnek itt találsz:

http://codex.wordpress.org/Stepping_Into_Templates
http://codex.wordpress.org/Theme_Development
http://net.tutsplus.com/tutorials/wordpress/how-to-create-a-wordpress-theme-from-scratch/
http://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/
http://wordpress-sablon-keszites.efrud.eu/
http://codeedesign.hu/blog/category/wordpress

Kb ez az a rész, amiről tényleg regényeket lehet írni… nekem több évbe telt, míg a finom technikákat kitanultam. Persze alap tudással is el lehet boldogulni, maximum a bonyolult megoldásokkal még vársz egy kicsit.

A weboldal struktúrája

Ha kész a sablon, akkor érdemes elkezdeni az oldal struktúráját felépíteni. Ez lényegében két dologból áll: Bejegyzések (Posts) és Oldalak (Pages) szerkezetéből. A kettő között a lényeges különbség, hogy a bejegyzések amolyan hírszerűségek, egymás után írhatjuk őket, kategóriákba sorolhatjuk, címkéket adhatunk hozzájuk, általában rendszeresen frissülő tartalmakat takarnak. Az oldalak inkább a statikus részét jelentik a weblapnak.  Az oldalakat lehet egymás alá, mellé hierarchizálni, a bejegyzéseket nem, azokat leginkább a kategóriák kötik össze.

Ezek megértéséről néhány hasznos infó:
http://blogmum.com/2009/05/whats-the-difference-between-wordpress-posts-and-pages/
http://en.support.wordpress.com/post-vs-page/

Wordpress plugin-ok, bővítmények

Ha megvan a kezdő struktúra, akkor érdemes a szükséges kiegészítőket betenni. Két módon működik: vagy letöltöd, és ftp-n keresztül a kinevezett wp-content/plugins/ mappába berakod, és az adminban a bővítmények oldalon aktiválod, vagy az újabb wp verziókban már lehet az admin felületen is keresni, onnan telepíteni (ehhez megfelelő szerver jogosultságok kellenek). (http://codex.wordpress.org/Managing_Plugins)

A kiegészítőket általában nem elég aktiválni, el kell végezni a szükséges beállításokat. Ehhez általában minden bővítmény csinál magának menüpontot, vagy a Beállítások alatt, vagy sajátot, néhány extrém esetben máshol. Egyes plugineknél szükség van arra is, hogy egy működéséhez szükséges kódot elhelyezz abban az oldalban, ahol használni akarod a kimenetet, vagy a sidebar kódjában, esetleg widgetként be tudod pakolni.

Hasznos Wordpress bővítmények

http://contactform7.com/
A kapcsolat formokat, ajánlatkéréseket lehet vele kivitelezni. Használatához a megadott kódot kell elhelyezni abban az oldalban, ahol a kódot akarod látni.
Bővebb leírást a pluginről az oldalon olvashatsz.

http://alexrabe.de/wordpress-plugins/nextgen-gallery/
Galéria plugin, nagyon okos, szinte mindent tud. Sok galériát lehet létrehozni, azokat albumba rendezni, szinte határtalan a megjelenítések módja is. Ha komolyabb galériát szeretnél látni a pluginnel, akkor itt nézz szét: http://vadjutka.hu/ vagy itt http://www.aegondij.hu/

http://joelstarnes.co.uk/blog/pagemash/
Az oldalak a menüben megjelenő sorrendjét szabályozza. Alap esetben a sablonban lehet megadni, hogy milyen sorrendben listázza az oldalakat, ezt a wp beépített wp_list_pages() nevű függvénye kezeli. Itt van róla infó, mit tud: http://codex.wordpress.org/Template_Tags/wp_list_pages Sajnos egyedi sorrendet nem kezel, így ehhez kell a pagemash, azzal olyan sorrendet lehet létrehozni, amit szeretnénk. A kívánságunkat adatbázisban tárolja, és onnan szedi ki minden oldalletöltéskor.

http://projects.jesseheap.com/all-projects/wordpress-highslide-js-plugin
Ez csak a szépség kedvéért: egy speciális képmegjelenítő. A galéria pluginhez pluszba tettem hozzá, mert helyesen jeleníti meg a képeket, ha rákattint a bélyegképekre a látogató.

A weboldal tartalma

Ha megvan minden plugin, akkor igazából már csak a tartalom feltöltése van hátra. Írtam az előbb, hogy az oldal struktúrát létrehozzuk, azt még tartalom nélkül szoktam csinálni, mert így legalább addig is halad a munka, és általában a tartalom szokott lenni az utolsó, amit a megrendelő lead. Kedvenc weboldalam ilyen szempontból a http://lipsum.com, ahol állati fake szövegeket lehet generálni, és így tényleg nem kell a tartalommal törődni, csak a végén.
A tartalom feltöltése kb úgy működik, mintha egy word dokumentumba írnánk, amit a weboldalon látni szeretnénk, wysiwyg szerkesztővel. (Persze lehet html-ben is, ez akkor jó, ha aprólékosabb munkát szeretnénk végezni, és értünk a html-hez).

Legvégső állomás a tesztelés, többen kipróbálunk minden funkciót, aztán mehet élesbe :) Aztán hogy lásd is az admint: http://php.opensourcecms.com/scripts/details.php?scriptid=88

Csináltam egy tesztoldalt itt a lemmikki.hu-n, aki akarja, megnézheti, bár a front oldalról továbbra sem olyan élvezetes az új verzió, mint az adminból. 

Aki meg inkább az admin felület újdonságaira kíváncsi, nyomjon tovább!

A bejelentkező felület továbbra is szép és letitsztult, eltűnt a háttérből a dobozka, ami magába foglalta a formot. Nekem tetszik. Hát akkor jelentkezzünk be. (Igen, nekem is 12 pötty a jelszavam :) )

A Vezérlőpult (és ezzel a teljes kezelőfelület) teljesen átalakult (Zina legnagyobb örömére). A kis dobozkák, amiben a funkciók vannak mozgathatóak, és sokkal hasznosabbakat raktak ki ide, mint ezelőtt. Tetszik az áttekintő, a felület a gyors hírközléshez, a legutóbbi hozzászólás avatarral…

Ami a legjobb hír: plugin nélkül át lehet a vezérlőpultot átszabni. A Screen Options menücskét lenyitva ki tudjuk szedni a nem szükséges funkciókat, majd azokat, amik kellenek egyszerű mozgatással át tudjuk huzogatni a szimpatikus helyre.

Írjunk egy bejegyzést! Itt túl sok változás nincs, talán ergonómikusabban jelennek meg a kiegészítő funkciók. Minden dobozka összecsukható, ill. kinyitható, így amit nem használunk, az nem foglal túl sok helyet. Természetesen ők is áthelyezhetők, hasonlóan a Vezérlőpulthoz.

A kategóriák kezelésében is megtörtént az a kellemes változás, hogy minden ráfér egy képernyőre, és nem kell scrollozni, mint az őrült.

A kommentek kezelése is sokkal kellemesebb lett. Szintén nem kell már külön plugint telepíteni ahhoz, hogy az egyes kommenteket az adminból tudjuk megválaszolni. A komment alatti Reply gombocskával egy már egyszerűen megy.

A kinézetek kezelésében nem történt túl sok változás, a korábbihoz hasonlóan jelennek meg a sablonok, widgetek, ill. azok szerkesztési opciói.

A pluginek kezelése is hasonló az új verzióban, újdonság viszont az Új Plugin funkció, ahová betették a .ZIP fájlból való telepítés lehetőségét, ill. az új pluginek keresését. A keresés során nem megy át másik oldalra, hanem az admin felületen belül jeleníti meg a legjobb találatokat. A .ZIP feltöltésekor az uploads mappát kéri, hogy tegyem írhatóvá, majd a kapcsolódási adatok megadása után be is tette a megfelelő helyre a plugint, és egy kattintással aktiváltam is. Ügyes.

A beállítások menüt nagyjából változatlanul hagyták, a jól megismert funkciók továbbra is elérhetőek.

Amit még érdemes megjegyezni: egy kis Help fülecske került fel minden oldalra, ahonnan elérhetjük az adott funkció leírását a wordpress.org oldalról, ill. egy általános segédletet. Kezdőknek hasznos lehet. Gyors linkként a jobb felső részen látható még egy kis lenyíló lista a leggyakrabban használt opciókkal, így nem is feltétlenül kell a menüben kattintgatnunk.

Összességében ismét kellemeset csalódtam, tetszett az első pár pillantásra a dolog. A hibák úgyis használat során derülnek ki, remélem kevesebb lesz belőle, mint a 2.5 megjelenésekor. Bátran ajánlom mindenkinek!

Hogy milyen újdonságok vannak benne, azt tessék megnézni a Wordpress oldalán.

Letöltés: Wordpress 2.7 béta 3 (1,71MB)

Itt van. Igen, a PC World Online-on.

Igen kíváncsi leszek, mivel akarnak majd elcsábítani, mik lesznek az érvek mellette. 

A program szerint a fő téma a Joomla! 1.5 verziója lesz, leginkább a keresőoptimalizálást várom, milyen okosságokat találnak ki. 

Ha te nem jösz, de lenne kérdésed, tedd fel nyugodtan a kommentben, én meg majd jól megpróbálok rá választ találni. :)

Példa:

http://www.wpelements.com/introducing-the-massive-news-wordpress-theme/

Ha megnézzük akár a képet, akár rákattintunk a linkre, inkább jut eszünkbe egy hirportál, mint egy blog. Fenti sablon ingyenes, és igen sok lehetőséget ad arra, hogy személyre szabjuk. Kezhetjük ezt a logók cseréjével (sajátra), a színek kicserélésvel, ill. tehetünk a menübe egyedi elemeket és a szolgáltatásokat is könnyedén egyedire szabhatjuk pluginok segítségével.

A Massive News két oszlopból álló sablon, letisztult, egyszerűen testreszabható, mindezt egyszerűen. A fő cikk megjelenése is teljesen automatizálva van, nem kell foglalkoznunk annak külön szerkesztgetésével sem. És ez csak az egyik extra! Van opció a főoldalon megjelenő cikkekhez képet rendelni, a linkeket és a leírásokat is egyszerűen admin felületből szabályozhatjuk.

Hamarosan e téma alapján készítek egy minta blogot, a lépéseit pedig itt fogom részletesen leírni, mit hogyan alakítottam át.

Ha egy jól, gyorsan működő dinamikus weboldalt szeretnénk készíteni, nem kell messzire mennünk, csak a WordPressig. A motor igen népszerű, ennek megfelelően nagy a támogatottsága, folyamatosan frissítik, és rengeteg (tényleg nagyon sok!) kiegészítő modult (ún. plugin) találhatunk hozzá, mellyel igazán testreszabhatjuk a rendszerünket. Az adminisztrációs felülete is igen egyszerű, gyors és egyértelmű. A Wordpress blogmotorként híresült el, de a számos kiegészítőnek köszönhetően egyszerűen átalakíthatjuk bármilyen stílusú weblappá. És mindemellett: teljesen INGYENES.

Nemes egyszerűséggel: a Wordpress-szel nem harcolni kell, hanem dolgozol vele. Az alkotók arra koncentráltak, hogy egyszerű, mégis funkciódús, gyors és élménydús legyen. Népszerű nyílt forráskódú szoftverként nagy közösség épült köré, pl. a magyar Wordpress oldal. És hogy mik a legfőbb funkciói? Lássuk:

Saját telepítés

A WordPress-t úgy találták ki, hogy a saját webszerveredre vagy szolgáltatóéra telepíthető legyen, így a teljes oldalt mi tudjuk felügyelni, ellenben az ún. third-party, azaz harmadik féltől származó, távol már telepített, általunk csak használt (pl. freeblog) szoftverekkel. Így biztosak lehetünk abban, hogy itt minden beállításhoz hozzáférünk, és minden úgy lesz, ahogy akarjuk. Ennek megfelelően a saját számítógépünkre, vagy intranetre is telepíthetjük.

Felhasználók kezelése

A WordPressben különböző szerepkörök vannak, mellyel a felhasználók jogosultsági szintjeit tudjuk meghatározni/kezelni. Meghatározhatjuk, kinek legyen módja a tartalmat módosítani, vagy újat írni hozzá. A rendszer előre meghatározott jogköröket tartalmaz (pl. adminisztrátor, szerkesztő, előfizető stb. De! Van erre is kiegészítő, hogy ezek mellé újabbakat is létre tudjunk hozni, a Role Manager.

Dinamikus oldalak

Nincs többé olyan, hogy minden egyes aloldalnál külön fel kell építenünk az oldalt. A rendszer adatbázisokból és sablonokból dolgozik, ezekből rakja össze azt, amit a látogató lát, mikor megnyitja az oldalunkat. Ezek miatt gyorsan tudjuk frissíteni, átdizájnolni az oldalunkat, és a szerveren foglalt tárhely is minimális marad.

Sablon alapú dizájn

A WordPress sablonokat használ, amikor megnyitáskor generálja az oldalt. Ezen sablonok módosításával változtathatjuk az oldalunk kinézetét, melyet a sablonszerkesztőben az admin felületen, vagy bármely html szerkesztővel is megtehetünk.

Moderálás

Ha már vannak benne különböző hozzászólás/visszajelzés kezelő részek, akkor meg kell legyen a lehetőség, hogy az ide érkező kommenteket moderálhassuk, erre az alábbi funkciók vannak:

• minden kommentre kérdezzen rá, mielőtt megjelenne az oldalon
• bizonyos szavakat tartalmazó kommenteket szűrje ki
• bizonyos IP címekről érkező kommenteket szűrje ki
• szűrje ki azokat, melyek adott számú linknél többet tartalmaznak.

Ezekkel és mellé kiegészítőkkel hatékonyan harcolhatunk a spamek és kéretlen hozzászólások ellen.

Forrás: Blog Perfume