minic studio OrbanBalazs.ro Weboldal dokumentáció Vadasz Zoltán 2013.05.20.
Belépés A belépéshez a böngésző beviteli mezejében a következő elérési utat kell megadni: http://www.orbanbalazs.ro/wp-login Ha, mindent jól csináltak az oldal jobb oldalán látható felület válik láthatóvá. A felhasználónév és jelszó megadása után a bejelentkezés gombbal áll módjukban belépni a wordpress cms rendszerébe. A rendszerbe belépve a vezérpulton találják magukat, a vezérlőpult két fő részből áll, áttekintőből és menüsorból! A menüben találják az oldal kezeléséhez szükséges eléréseket. A oldal nagy részén pedig a tartalomra vonatkozó áttekintő látható. Itt módosíthatják a sablonra vonatkozó dolgokat(ennek módosítása nem ajánlott), hozhatnak létre gyors bejegyzéseket, vagy nézhetik meg a bejegyzésekre vonatkozó kimutatásokat. Tartalmak kezelése Az oldalon lévő tartalmak három típusba sorolandóak 1. Bejegyzések 2. Oldalak 3. Multimédiás tartalmak. Ezek mindegyike a menüsorból érhető el egy egyszerű kattintással. 1. Bejegyzés A bejegyzések időrendi sorrendbe rendeződő, dinamikusan módosítható, szerző által létrehozott tartalmak. Jellemzően időleges információértékük van, az aktualitásuk a meghatározó. Kategóriákba rendeződnek, ilyen kategóriák pl. az oldalon megjelenő menüsor egyes elemei 2. Oldalak Itt a szerző nem jelenik meg, nincs időrendiség és folyamatosan megjelenő tájékoztató struktúrák bemutatására használják pl. a Beiskolázás. Tartalmuk változhat. 3. Médiatár tartalmaz minden az oldalra feltöltött képes vagy egyéb multimediális tartalmat. 1 9
Bejegyzések Új bejegyzés létrehozása Új bejegyzést a (Bejegyzés Új hozzáadása) menüpont alatt hozhatunk létre. Ha mindent megfelelően csináltatunk akkor a következőhöz hasonló oldalon találjuk magunkat. 1-el jelölt mezőben a bejegyzésünk címét kell megadnunk. 2-vel jelölt mezőben egy szövegszerkesztőt találunk, ide kell beírnunk a tartalmat. 3-al jelölt mezőben a kívánt kategóriát kell kiválasztanunk, azaz, hogy hol szeretnénk, hogy a cikkünk megjelenjen. 4-es mezőben lehetőségünk van több a tartalommal kapcsolatos állapot beállítására. A következőben lépésről-lépésre tárgyaljuk, hogyan hozhatunk létre egy cikkel, illetve milyen lehetőségünk van annak formázására Az első lépés nem más mint a cím megadása, itt nincs túl sok lehetőségünk, használhatunk ékezetes betűket illetve speciális karaktereket, ezek utóbbiak esetén elképzelhető, hogy ezeket bizonyos unicod-al rendelkező böngészők majd nem jelenítik meg megfelelően, így javasolt az egyszerűségre való törekvés. A második lépés már maga a tartalom bevitele és formázása erről a következő részben bővebben írunk A harmadik lépésben meg kell határoznunk a tartalmunk hol kapjon helyet az oldalon, ezt a kategória kiválasztásánál tehetjük meg. Negyedik lépésben már csak közzé kell tennünk bejegyzésünket (közzététel gomb), ezt megelőzően azonban lehetőségünk van az előnézet gombra kattintva megnézni az oldalunkat, hogy hogyan fog majd mutatni élesben. 2 9
Eszközeink.! A pajzzsal jelölt mező használata csak alapos HTML ismeretekkel rendelkező felhasználók számára javasolt. Amennyiben többet szeretne megtudni a HTML szabályairól és működéséről, hasznos információkat talál a következő link-en http://www.w3schools.com/html/default.asp Felső sor Az első piktogram egy Félkövér B betű nem tesz mást, mint a bevitt és előzetesen kijelölt szöveget félkövérré az-az vastaggá teszi. (Ez akkor válik hasznossá, ha tartalmunk bizonyos részeit szeretnénk kiemelni.) A második piktogram a kijelölt szövegrészt dőlté teszi.(ez akkor használatos ha a szövegünkben egy a szövegtől a szövegtől eltérő gondolati egységet szeretnénk iktatni). A harmadik piktogram áthúzottá teszi szövegünket. A következő két piktogrammal felsorolásainkat formázhatjuk. (szedhetjük pontokba, vagy számozhatjuk meg) Amennyiben idézni szeretnénk valakitől és ezt ki is szeretnénk emelni, akkor nem kell mást tennünk, mint a szövegrész kijelölését követően bekattintani a macskakörömszerű piktogrammot. A három soron következő piktogram szövegeink orientációját határozza meg. A lánc és az elszakadt lánc piktogrammjai lehetőséget nyújtanak arra, hogy a szövegünket külső tartalmakkal kössük össze azaz linkeljük. Míg az első esetén linket hozhatunk létre, addig a másikkal bonthatjuk ezt a kötést. A következő piktogram egy tovább olvasom gombot helyez el a szövegünkben, használata minden cikk esetén javasolt elhelyezése pedig az első bekezdés, vagy bevezető után ajánlott. Alsó sor Az első lenyíló elemben meghatározhatjuk szövegünk stílusát, azaz, hogy bekezdésről = egyszerű szövegről van-e szó, vagy ennél összetettebb struktúráról pl. egy kiemelésről. (Cím használata kerülendő, alapértelmezetten a szöveg korábban megadott címét tekinti cím-nek.) A második piktogram lehetőséget ad szövegünk aláhúzással történő kiemelésére. Harmadik elem sorkizárttá teszi szövegünket, azonban az oldal stílusa miatt ennek használata kerülendő. 3 9
Negyedik elemmel a szövegünk színét adhatjuk meg. A radírszerű elem használatára akkor van szükség ha worból, vagy egyéb szövegszerkesztőből illesztettünk be tartalmat. Ilyenkor javasolt az egész szöveg kijelölése és a radír használatával a formázás törése. Az omega jelzéssel lehetőségünk van speciális karaktereket szövegünkbe illeszteni. A következő két piktogram bekezdéseink nagyságát határozza meg. Meglévő bejegyzés módosítása Meglévő bejegyzések módosításához kattintsunk a Bejegyzés Összes bejegyzés fülre, majd válasszuk ki a módosítani kívánt cikket. A módosítás a fent leírt szerkesztő eszközökkel történik, a folyamat annyiban változik, hogy itt már nem kell kiválasztanunk a megfelelő kategóriát, ugyanis ezt a cikk létrehozásakor már megtettük. Képek feltöltése A tartalmunkat képekkel bármikor színesebbé tehetjük, erre két lehetőségünk van. Tölthetünk fel egyenként képeket vagy tömbösítve. Amennyiben egyenként töltünk fel képeket az javasolt hogy összhangban legyen a tartalommal. Amennyiben galériát töltünk fel azt javasolt a szöveges tartalom után lehelyezni.! A beillesztett multimediális tartalom mindig a kurzor után helyeződik el. Javasolt bekezdés előtt vagy bekezdés után elhelyezni ezeket és sosem mondat közepén. A tartalmakat javasolt méretezni elhelyezés előtt. De hogyan is tölthetünk fel képeket. A szerkesztés után vigyük oda a kurzort ahová szeretnénk beszúrni a képet, majd kattintsunk a Média hozzáadása gombra. Ha mindent jól csináltunk a következő kép jelenik meg, amennyiben ez nem így van akkor kattintsunk a fájlt feltöltése gombra és akkor ennek kell látszani. Ha ezzel megvagyunk kattintsunk a Fájl kiválasztása gombra és válasszuk ki meghajtókról a feltölteni kívánt képet. Ha feltöltés sikeres volt a következő kép fogad. 4 9
Itt ha kiválasztottuk a képet akkor, azt egy pipa jelzi a kép jobb felső sarkán. A továbbiakban lehetőségünk van a képnek címet illetve leírást adni, ami nagyban segít, hogy a majdani olvasó megértse miről szól a kép. Lehetőségünk van szerkeszteni azt, de erről részletesebben a következő részben írunk. Nos ha megvagyunk a kép címével és leírásával, illesszük azt bejegyzésünkbe. Ha mindent jól csináltunk, a kattintást követően újra a bejegyzésünknél találjuk magunkat. Amennyiben a képre kattintunk két lehetőségünk van megadhatjuk annak orinetációját. (jobbra/balra/középre igazodjon), vagy törülhetjük bejegyzésünkből. Amennyiben igazíthatni vagy méretezni szeretnénk a képre kattintottunk a következő oldalnak kell megjelennie. Itt előbb megadhatjuk a kép szöveghez viszonított méretét ha esetleg túl nagy lenne a beillesztett képünk. (ez nem befolyásolja a kép kattintás utáni méretét) Utóbb pedig meghatározza hogyan igazodjon a beillesztett képünk. Itt határozhatjuk meg a tartalom játékosságát és egyensúlyát. 5 9
Képek szerkesztése és méretezése A felső mezőben lehetőségünk van módosítani képünk címét Kicsivel alatta található a képszerkesztő eszköztár. Az oldalra kerülő képeket minden esetben méretezni kell, egyrészt a tárhely korlátai miatt, másrészt azért mert a nagy képek negatívan befolyásolják az oldal töltődésének idejét. A képek szerkesztése a média hozzáadása menüpont alatt történik, itt előbb ki kell választanunk a szerkeszteni kívánt képet, majd a jobb oldalon lévő kép szerkesztésére kell kattintanunk. Ha mindent helyesen végeztünk a következő oldallal találjuk szembe magunkat. Az első eszközzel a kép széleit vághatjuk le.(az eszköz egyes böngészőkben nem működik) A következő két eszközzel jobbra és balra fogathatjuk képünket A következő két eszköz a képünket vízszintesen és függőlegesen tükrözi Végül a méretezésről Kattintsunk a kép átméretezése gombra és a mezőbe vigyük be a kívánt értékeket majd kattintsunk az átméretez gombra. (A bevitelnél az értékek 800-600 közeli legyen, így érhető el az optimális méret. A szerkesztőben az értékek megőrzik a kép eredeti arányát) Ha minden lépéssel megvagyunk kattintsunk a frissítés gombra és a módosításaink máris érvényessé váltak. Oldalak szerkesztése Az oldalak szerkesztése teljesen megegyezik bejegyzések szerkesztésével, ezekről már korábban olvashattak 6 9
Események szerkesztése A főoldalon megjelenő eseményeket szerkesztéséhez. az vezérlőpult Events menüpontja alatt férünk hozzá. Az add edit-re kattintva megnyithatjuk a szekesztőt. Ha minden jól csináltunk a következő oldalon találjuk magunkat. Itt több lehetőségünk is van, azonban nekünk csak az esemény címét (title) kell kitöltsük. Ide jön az esemény rövid leírása. Pl. Az iskolai évnyitó 15-én 9:00- tól kezdődik. Mindenkit szeretettel várunk. Aztán meg kell adnunk az időpontot, hogy mikortól legyen a eseményre vonatkozó tartalom látható. (alapértelmezetten ez az aktuális dátum) Ha ezzel kész vagyunk már csak a lejárati dátum megadása van hátra ezt az End date mezőbe kell bevinni. (ettől az időponttól kezdve nem elérhető a hirdetés az oldalon) Ha megvagyunk csak mentenünk kell az eseményt, ezt a save event gombbal tehetjük meg. Mozgóképes banner módosítása A mozgóképes banner dinamikusan szerkeszthető, ezt menüsor alján lévő cyclone slider alatt érhetik el. Képek sorrendjének változtatása Amennyiben az Orbán Balázs Fooldali Slider-re kattintnak, szerkeszthetik a főoldalon megjelenő képeket. Ha mindent megfelelően hajtottunk végre, a következő oldalon a kis keresztel lehetőségük van változtatni a képek sorrendjét változtatására. 7 9
Az x-el azok törtésére, vagy a kis lenyílóval bővebb információkat tekinthetnek meg adott slide-okról. Amennyiben pedig az oldal aljára görgetnek akár új képeket is adhatnak hozzá a listához. A kép hozzáadása a get image gombra kattintva történik, ezt követően a menet megegyezik egyéb képek feltöltésével. Az optimalizás hatékonysága érdekében, itt is ajánlott méretezni őket (a megfelelő méret 910-615 pixel) A banner csak fekvő képeket támogat! Egyéb képek feltöltése esetén az oldal szétcsúszik! 8 9