D. Bikfalvi Moni
Saját honlap készítése WordPress rendszer alatt Segédlet a PagonyNet rendszer felhasználói számára
Ez a mű a Creative Commons „Nevezd meg!-Ne add el!-Ne változtasd! 2.5 Magyarország Licenc” hatálya alá tartozik. A licenc szövegének megtekintéséhez látogasd meg a http://creativecommons.org/licenses/by-nc-nd/2.5/hu/ webcímet. A szerzői jogok tulajdonosa D. Bikfalvi Moni, http://www.pagonymedia.hu
__________________________________________________________________________________________________
1. A WordPress keretrendszer telepítése
A WordPress híres arról, hogy akár öt perc alatt fel lehet telepíteni, de azért ehhez kell egy kis előkészítő munka. Ehhez, ha saját tárhelyre szeretnéd telepíteni a rendszert, három dologra lenne szükséged: egy tárhelyre, a WordPress programra, és egy adatbázisra. A PagonyNet rendszerében azonban ezeket mi már előkészítettük Neked, így nincs más dolgod, mint használni a kész honlapodat. Csak hogy lásd, milyen egyszerű ez, megmutatom a hálózat kezelőfelületét; így adtuk hozzá a Te honlapodat is a rendszerhez.
A továbbiakban ezt a honlapot fogom használni arra, hogy megmutassam a rendszer kezelését. Természetesen, amikor én a tanfolyam.pagony.net honlapot említem, ott Te a „tanfolyam” szót mindig helyettesítsd be gondolatban a saját honlapneveddel.
__________________________________________________________________________________________________ Pagony Multimédia Stúdió * www.pagonymedia.hu * www.wp-suli.hu * www.80nap.hu * 2011 D. Bikfalvi Moni Nem hagyunk magadra! További segítséget bármikor kaphatsz a
[email protected] e-mail címen. Kérdezz bátran!
__________________________________________________________________________________________________
2. Értesítés a honlapod elkészültéről
Hamarosan fogsz kapni két e-mailt (vagy lehet, hogy időközben már meg is kaptad őket). Az első üzenet feladója: PagonyNet. Tárgysora: Új PagonyNet honlap: WP-Suli Tanfolyam.
(Ezt a nevet /ami nálam a WP-Suli Tanfolyam/ a telepítéskor adtuk a honlapodnak, és a későbbiekben bármikor megváltoztathatod.) A levél tartalma: Kedves Felhasználó! Ajándék PagonyNetes honlapodat sikeresen beállítottuk az alábbi címen: http://tanfolyam.pagony.net/ Mint adminisztrátor, akár be is léphetsz a következő adatokkal: Felhasználónév: tanfolyam Jelszó: Zg5MPwSBVIfY Belépési felület: http://tanfolyam.pagony.net/wp-login.php Sok sikert kívánunk az új weblapodhoz! -- D. Bikfalvi Moni és a PagonyNet Csapata --
A második e-mail feladója: WordPress Tárgysora: [PagonyNet] Felhasználónév és jelszó
(A továbbiakban, ha a rendszer üzenetet küld Neked, az ehhez hasonló levelekben jön.) A levél tartalma: Felhasználónév: tanfolyam Jelszó: Zg5MPwSBVIfY http://pagony.net/wp-login.php
(Felhasználónevedet nem, de a jelszavadat bármikor megváltoztathatod.)
__________________________________________________________________________________________________ Pagony Multimédia Stúdió * www.pagonymedia.hu * www.wp-suli.hu * www.80nap.hu * 2011 D. Bikfalvi Moni Nem hagyunk magadra! További segítséget bármikor kaphatsz a
[email protected] e-mail címen. Kérdezz bátran!
__________________________________________________________________________________________________
3. Jogosultságok a PagonyNet rendszerében
Fontos megértened, hogy nem azért kaptál két levelet, hogy biztosan megérkezzen Hozzád a jelszavad. A két levél két különböző szintű jogosultságról tájékoztat. Az első levél a Te saját honlapod adatairól szól. Ebben az esetben Adminisztrátor vagy, hiszen a saját honlapodat szerkesztheted innen. Ugyanakkor felhasználója lettél a teljes, közös PagonyNet rendszernek is, és erről a második levél tájékoztat. A közös PagonyNet rendszerben is tag vagy, de ott csupán Feliratkozó a jogosultságod. Ettől függetlenül bármelyik linket használod a belépésre (akár az első levélben kapott http://tanfolyam.pagony.net/wp-login.php linket, akár a másodikból a http://pagony.net/wplogin.php linket), mindenképpen a saját oldalad Vezérlőpultjára jutsz. Sőt, igazából használhatod a http://pagony.net/wp-admin változatot is - ez a Vezérlőpultod közvetlen linkje. Ha be vagy jelentkezve, akkor ezen egyenesen a Vezérlőpultra jutsz, ha pedig nem vagy bejelentkezve, akkor automatikusan átdob a http://pagony.net/wp-login.php felületre, azaz a bejelentkező panelre. Ez a felület így néz ki:
__________________________________________________________________________________________________ Pagony Multimédia Stúdió * www.pagonymedia.hu * www.wp-suli.hu * www.80nap.hu * 2011 D. Bikfalvi Moni Nem hagyunk magadra! További segítséget bármikor kaphatsz a
[email protected] e-mail címen. Kérdezz bátran!
__________________________________________________________________________________________________
4. Bejelentkezés a rendszerbe
A felhasználónevedet (amely egyben a honlapod címének első szava is – nálam ez a „tanfolyam” szó) nem tudod megváltoztatni, ez adott. A jelszavadat azonban meg tudod változtatni, sőt, ajánlott is, hogy tedd meg, és ne a rendszer által adott automatikus jelszót használd. Miután az előző képernyőn beírtad a felhasználónevedet és a jelszavadat, majd rákattintottál a Bejelentkezés gombra, az alábbi felületre, a Vezérlőpultra jutsz:
Később részletesen meg fogod majd ismerni ezt a felületet, de most az első lépés az, hogy változtasd meg a jelszavadat valami könnyebben megjegyezhetőre; valamint más egyéb dolgokat is átállíthatsz a saját felhasználói adatlapodon. Ennek eléréséhez kattints a bal oldali függőleges menüsorban a Felhasználók menüpontra.
__________________________________________________________________________________________________ Pagony Multimédia Stúdió * www.pagonymedia.hu * www.wp-suli.hu * www.80nap.hu * 2011 D. Bikfalvi Moni Nem hagyunk magadra! További segítséget bármikor kaphatsz a
[email protected] e-mail címen. Kérdezz bátran!
__________________________________________________________________________________________________
Kattintás után a következő felület fogad:
Amikor ezt a felületet nézed, alapesetben nem fogod látni jobb oldalon a felhasználónév (tanfolyam) alatt, a kép mellett a piros Szerkesztés szót. Ez akkor jelenik csak meg, amikor az egeret arra a sávra viszed, ahol a kép, a név és az e-mail cím van. A Vezérlőpult ezen tulajdonságát ne felejtsd el: nagyon sokszor van ez így elrendezve, azaz újabb lehetőségek kerülnek elő, amikor az egérrel bizonyos sorok fölé mész, de még nem kattintasz. Most láthatod, hogy a felhasználónév és az e-mail között a név még nincs kitöltve, illetve azt is látod, hogy a jogosultságod Adminisztrátor. Kattints a Szerkesztés linkre, és bejutsz a saját adatlapodra (ugyanide kerülsz akkor is, ha a baloldali menüsorban a Felhasználók alatt a Saját adatlap menüpontra kattintasz. Mostantól, amikor arra hivatkozom, hogy egy bizonyos funkciót melyik menüpont melyik almenüpontjában találsz, azt így teszem: Vezérlőpult -> Felhasználók -> Saját adatlap. Ezt a jelölésrendszert használom az e-mailes válaszaimban és a WP-Suli szakmai blogon is.
__________________________________________________________________________________________________ Pagony Multimédia Stúdió * www.pagonymedia.hu * www.wp-suli.hu * www.80nap.hu * 2011 D. Bikfalvi Moni Nem hagyunk magadra! További segítséget bármikor kaphatsz a
[email protected] e-mail címen. Kérdezz bátran!
__________________________________________________________________________________________________
A saját adatlapod így néz ki:
__________________________________________________________________________________________________ Pagony Multimédia Stúdió * www.pagonymedia.hu * www.wp-suli.hu * www.80nap.hu * 2011 D. Bikfalvi Moni Nem hagyunk magadra! További segítséget bármikor kaphatsz a
[email protected] e-mail címen. Kérdezz bátran!
__________________________________________________________________________________________________
Nem megyek most végig minden lehetőségen, különben is értelemszerűen kell őket kitölteni, csak a három legfontosabb dolgot említem meg. Az első az, hogy a Vezérlőpult tetején is, illetve ha be vagy jelentkezve, akkor a honlapod tetején is látható egy keskeny sötétszürke csík (amelyen az avatarod, a felhasználóneved, az Új hozzáadása, a Hozzászólás és a Megjelenés menüpontok, valamint jobb oldalon egy keresőmező látható. Ezt a sötétszürke csíkot Admin sávnak nevezzük, a leggyakrabban használt menüpontok vannak itt, hogy kevesebb kattintással elérd őket. A Saját adatlapodon a Név fölött láthatod, hogy „pipálással” be és ki tudod kapcsolni ezt az Admin sávot – ez csak ízlés dolga, állítsd be úgy, ahogy jólesik. A második lényeges dolog, hogy add meg a keresztnevedet és a családi nevedet. Ez a Felhasználók listájában majd fordítva, az angol szabvány szerint fog megjelenni, de ezzel ne foglalkozz; azt, hogy nyilvánosan, azaz a honlapodon hogyan jelenjen meg, Te állíthatod be, értelemszerűen a Nyilvánosan megjelenő név opciónál, egy legördülő menüből. A harmadik pedig a jelszó: ezt állítsd át valami könnyebben megjegyezhetőre, a WordPress segít abban, hogy jelzi, mennyire erős a jelszó, amelyet választottál. Kétszer kell megadnod, az egyezést is jelzi a rendszer. A többit ízlés szerint töltsd ki, ahogy akarod, és a végén ne felejts el rákattintani az oldal alján az Adatlap módosítása gombra. Ha a honlapodat esetleg többedmagaddal akarod szerkeszteni, Te magad is hozzáadhatsz új felhasználókat a rendszerhez a Vezérlőpult -> Felhasználók -> Új hozzáadása menüpontban. Csak a felhasználónevet, az e-mail címet és a jelszót kell megadnod ehhez, a többi adatot rábízhatod a társadra, hogy állítsa be magának; viszont Neked kell kiválasztanod, hogy milyen jogosultságot adsz neki. A WordPressben öt jogosultsági szint létezik a felhasználóknak: Feliratkozó, Közreműködő, Szerző, Szerkesztő és Adminisztrátor. A jogosultsági szintekről bővebben olvashatsz az alábbi cikkben: http://www.wp-suli.hu/alapok/jogosultsagok-tagi-szintek/ Itt jegyzem meg, hogy a WP-Suli című szakmai blogon (www.wp-suli.hu), amelyet már említettem párszor, és a továbbiakban is sokszor fogok hivatkozni rá, rengeteg ingyenes tanácsot, tippet, segítséget kaphatsz a WordPress rendszerrel kapcsolatban. Érdemes feliratkozni a blogértesítőre, hogy ne maradj le az új bejegyzésekről és az egyéb hírekről, már csak azért is, mert feliratkozáskor azonnal kapsz egy húszoldalas összefoglalót a kezdeti lépésekről. Ezek közül néhány Rád nem fog vonatkozni (nem kell például telepítened a honlapodat), de a többi nagyon hasznos segítséget nyújt majd. Ha pedig úgy gondolod, hogy szeretnéd igazán részletesen megismerni a WordPress rendszert, akkor jelentkezz online tanfolyamunkra a www.80nap.hu oldalon!
__________________________________________________________________________________________________ Pagony Multimédia Stúdió * www.pagonymedia.hu * www.wp-suli.hu * www.80nap.hu * 2011 D. Bikfalvi Moni Nem hagyunk magadra! További segítséget bármikor kaphatsz a
[email protected] e-mail címen. Kérdezz bátran!
__________________________________________________________________________________________________
5. Eligazodás a Vezérlőpulton
A legfontosabb azt tudnod, hogy nem ronthatsz el semmit. Na jó, ez azért így nem teljesen igaz, de az esetek 99,999 százalékában legalábbis nem tudsz nagy kárt okozni Ahhoz, hogy egy WordPress oldal összeomoljon, elég csúnyán bele kell piszkálni a kódba, de ha egyszerűen csak elállítasz valamit, azzal nem csinálhatsz nagy bajt. Ezért arra biztatlak, hogy bátran kísérletezz az ajándék honlapoddal! Ha netán annyira összekutyulnál valamit, hogy nem tudsz kigabalyodni belőle, akkor csak szólj és helyrehozom, vagy töröljük a honlapodat és létrehozunk egy újat. Ez a honlap egy „homokozó”, arra való, hogy megtanulj magabiztosan mozogni a Vezérlőpulton, és „laboratóriumi” védettségben, mégis „éles” működés közben szerkeszd a honlapodat. Meg fogod látni, hogy a kezelése annyira egyszerű, és annyira látványos eredményt tudsz vele elérni, hogy bele fogsz szeretni ebbe a rendszerbe. Akár hiszed, akár nem, nemsokára egyre-másra fogod készíteni a WordPress oldalakat! Ezért nem is írom le részletesen azt, hogy hogyan kell kezelni a Vezérlőpultot. Józan ésszel rá fogsz jönni a legtöbb dologra. Csak néhány dolgot emelek ki, hogy időt spóroljunk. A Vezérlőpult tetején bal oldalon láthatod a honlapod nevét (nálam ez WP-Suli Tanfolyam). Ha a felirat fölé viszed az egeret, akkor egy buborék jelenik meg fölötte „Tekintsük meg a honlapunkat” felirattal. Ha rákattintasz, valóban át is kerülsz a honlapod külsejére (frontend, ahogy a művelt angol mondja), de én inkább azt javaslom, hogy jobb egérgombbal kattints, és a feljövő menüben válaszd a „Megnyitás új lapon” lehetőséget. Így a böngésződ egyik fülén a Vezérlőpultot látod (szaknyelven ez a back-end felület), a másikon pedig magát a honlapot, az eredményt. Így könnyen tudsz váltogatni a kettő között, és kényelmesen megfigyelheted, milyen beállítás mit eredményez – csak ne felejtsd el frissíteni a honlapodat a változtatás elmentése után. A Vezérlőpult két fő részre osztható vízszintesen: bal oldalon egy keskenyebb függőleges sávban találod az összes menüpontot, fajtánként csoportokba osztva. A legalsó csoporttal kevesebbet fogsz foglalkozni, itt vannak a megjelenést és a funkciókat meghatározó lehetőségek; a tartalom feltöltése a középső menücsoport pontjaival történik. A legfelső csoportban fogsz majd értesítést kapni, ha frissítésre szorul a rendszered. A Vezérlőpult jobb oldali szélesebb részén látod az aktuális tartalmat, ez a menüpontnak megfelelően változik, és a fenti, Képernyő beállításai felirató „rolóval” állítható be, hogy mely részeit, mely dobozait akarod szem előtt tartani.
__________________________________________________________________________________________________ Pagony Multimédia Stúdió * www.pagonymedia.hu * www.wp-suli.hu * www.80nap.hu * 2011 D. Bikfalvi Moni Nem hagyunk magadra! További segítséget bármikor kaphatsz a
[email protected] e-mail címen. Kérdezz bátran!
__________________________________________________________________________________________________
6. Ismerkedj meg a honlapoddal!
Mielőtt továbbmennénk, nézd meg a honlapodat a mostani formájában! A WordPress egy előtelepített sablonnal érkezik, a TwentyTen nevűvel (merthogy 2010-ben adták ki...), de a PagonyNet rendszerében még további tíz magyar nyelvű sablon áll a rendelkezésedre, amelyekből választhatsz. Ilyen a honlapod alapállapotban, mielőtt bármihez hozzányúlnál:
Ahogyan azt ezen a képen is láthatod, a honlapod működik, elő van készítve arra, hogy feltöltsd rá a saját tartalmaidat; van benne egy bejegyzés, egy oldal és egy hozzászólás, amelyeket szerkesztve megtanulhatod a szerkesztőfelület használatát; van egy fejléckép, amelyet lecserélhetsz a sajátodra; hozzáadhatsz egy háttérképet; beállíthatod az igényed szerinti menüpontokat; és különböző okos kis dobozkákat (úgynevezett widgeteket /ejtsd: vidzsit/) adhatsz az oldalsávodhoz. Azaz „már kezdheted is a honlapod tartalommal történő feltöltésének szép és fárasztó folyamatát!”
__________________________________________________________________________________________________ Pagony Multimédia Stúdió * www.pagonymedia.hu * www.wp-suli.hu * www.80nap.hu * 2011 D. Bikfalvi Moni Nem hagyunk magadra! További segítséget bármikor kaphatsz a
[email protected] e-mail címen. Kérdezz bátran!
__________________________________________________________________________________________________
7. Az első tennivalók
Mielőtt bármit csinálnál, szabadulj meg a Vezérlőpultod tetején idegesítő „Az Akismet majdnem kész. A működéshez meg kell adni az Akismet API kulcsot!” felirattól. (Máskor is ide fognak majd költözni az értesítések, figyelmeztetések.) Mit jelent ez? Az Akismet egy rendkívül hatékony spam-szűrő, nagyon jó százalékban kiszűri a spam és robot hozzászólásokat a blogodból. Ráadásul tanítható is: ha egy hozzászólásra egyszer azt mondtad, hogy spam, az ahhoz hasonlóakat többet nem engedi be az oldalra. Ez a bővítmény alapból együtt jön a WordPress motorral. A működéséhez szükséged van egy jelszóra, az API kulcsra, ilyet az Akismet weboldalán (http://akismet.com/signup/#pwyw) kérhetsz. Az Akismet API kulcs személyes, nem üzleti célú felhasználás esetén ingyenes, csak egy kicsit el van dugva ez a lehetőség: igazából „annyit fizetsz, amennyit akarsz” („pay what you want”), ez alapból három dolláros havidíjra van állítva („$3.00/mo”), de az ezt mutató „csúszkát” teljesen balra húzva az ingyenességet is választhatod. A licenc szerint személyes felhasználásra vagy üzleti felhasználás esetén kis forgalomnál (amíg nem kerestél a honlapoddal többet, mint 500 dollárt) ingyenes az Akismet használata. Regisztráció után e-mailben fogod megkapni az Akismet API kulcsot, és ezt be kell majd másolnod a megfelelő helyre – oda, ahová a fenti figyelmeztető feliratban lévő linkre való kattintás vezet. Amikor ezzel megvagy, állítsd be a honlapodat a saját ízlésed, igényeid szerint. Ehhez nézd végig a Vezérlőpult Beállítások menüpontját. Itt szerkeszthetsz egy sor dolgot, amit érdemes az elején beállítani: a blog nevét, leírását, a bejegyzés-szerkesztő méretét, az időzónát, hogy hány bejegyzés legyen látható egyszerre a főoldalon, hogy a látogatók regisztrálhassanak-e vagy sem, hogy mikor kerüljön egy hozzászólás moderációs sorba és így tovább. Nézd meg ezt a videót: http://www.youtube.com/watch?v=90v0lUQXuBM
(Ha akármelyik videó vagy kép nem százszázalékosan ugyanazt a képet mutatja, amelyet Te látsz a saját Vezérlőpultodon, akkor ne aggódj: a WordPress rendszert gyakran frissítik, és ilyenkor pár dolog megváltozik. A lényeg ugyanaz marad, legfeljebb nem teljesen ugyanúgy néz ki, de a használatában nincs nagy különbség. Ha mégis, akkor arról külön szólok.) Ezután menj a Megjelenés -> Sablonok menüpontba, és nézd át az elérhető sablonokat. Az Előnézet linkkel gyorsan rá tudsz pillantani az eredményre, a Bekapcsol parancs pedig értelemszerűen átváltja a honlapodat az adott sablonra – a másik böngésző-fülön láthatod az új kinézetet. Döntsd el, melyiket szeretnéd, de ezt később bármikor megváltoztathatod.
__________________________________________________________________________________________________ Pagony Multimédia Stúdió * www.pagonymedia.hu * www.wp-suli.hu * www.80nap.hu * 2011 D. Bikfalvi Moni Nem hagyunk magadra! További segítséget bármikor kaphatsz a
[email protected] e-mail címen. Kérdezz bátran!
__________________________________________________________________________________________________
8. A WordPress tartalomkezelési logikája
Amikor valaki megtervezi a weblapját, többnyire „felülről lefelé” gondolkozik, azaz elképzeli, hogy milyen menüpontok lesznek, majd utána azt, hogy milyen tartalom lesz bennük. A WordPress logikája azonban fordított annyiból, hogy először a tartalmat kell létrehoznod és csak azután a menüpontokat, hiszen a menüpontok az egyes oldalak, bejegyzések, kategóriák vagy egyéb linkek lesznek. A saját menük létrehozásáról itt olvashatsz részletes leírást: http://www.wp-suli.hu/haladoknak/sajat-menuk-letrehozasa/ A WordPressben a megjelenő tartalom alapvetően két csoportba sorolható: vannak statikus oldalak és bejegyzések. Egészen egyszerűen megfogalmazva amiből egy oldalnyi van, az statikus oldal, amiből több, az bejegyzés. Statikus oldal lehet például a Kapcsolat vagy a Nyitvatartás. Természetesen ha változnak az adatok, át lehet írni, de erre nincs gyakran szükség. Ezek az oldalak a honlapon önálló menüpontként jelennek meg. Az oldalak egymás alá rendezhetőek, a felső szintűt a WordPress szülő oldalnak nevezi. A blog részben időről időre friss bejegyzéseket, cikkeket közölhetünk, mint egy újságban, és ezek fordított időrendi sorrendben jelennek meg a blog gyűjtőoldalán; általában csak az elejük látszik itt, és egy „Tovább olvasom” gombra vagy a címükre kattintva lehet elolvasni az egész cikket. A bejegyzéseket érdemes kategóriákba sorolni, a nevük lehet például Hírek vagy Akcióink. A bejegyzések általában nem jelennek meg önállóan a menüsorban, és nem is rendezhetőek egymás alá, a kategóriák viszont igen.
Ennyit kezdetnek! Szeretnél még többet? Rengeteg ingyenes tippet találsz a www.wp-suli.hu oldalon, segítséget a
[email protected] e-mail címen kaphatsz, vagy jelentkezhetsz online tanfolyamunkra: www.80nap.hu
Sok sikert kívánok új WordPress honlapodhoz! __________________________________________________________________________________________________ Pagony Multimédia Stúdió * www.pagonymedia.hu * www.wp-suli.hu * www.80nap.hu * 2011 D. Bikfalvi Moni Nem hagyunk magadra! További segítséget bármikor kaphatsz a
[email protected] e-mail címen. Kérdezz bátran!