Szerkesztői dokumentáció

1. Számítógépes alapismeretek

Ahhoz, hogy a weboldalon új oldalt, bejegyzést, képeket, stb. tudjunk létrehozni, az alábbi számítógépes alapismeretekben és javasolt (ingyenes) célszoftverek használatában kell jártasságot szerezni:

  1. Fájlműveletek: Könyvtár-, fájl létrehozás, törlés, átnevezés, másolás – Total Commander
  2. FTP. fájlműveletek: Távoli kiszolgálón történő könyvtár-, fájl létrehozás, törlés, átnevezés, másolás – Total Commander
  3. FTP. mappaszerkezet
  4. Grafikus szoftver használata: Kép létrehozása, beillesztés, átméretezés, kivágás, stb. – IrfanView
  5. WordPress sablon készség szintű ismerete – milyen elemekből áll a weboldal.
  6. Szövegszerkesztők: Speciális webes szövegszerkesztő használata – TinyMCE, amely a weboldalunkba van integrálva
2. WordPress tartalomkezelés
  1. Tartalomkezelés – oldalak, bejegyzések, események, sablontípusok
  2. Tartalomkezelés (tartalom indexelés) – címkék, kategóriák
  3. Események – eseménykategóriák, szervezők, helyszínek
  4. TinyMCE szövegszerkesztőStíluselemek – H1-H6
  5. Oldal/bejegyzés/esemény címek szintaktikája
  6. Kiemelt kép beállítása
  7. Fényképalbum beszúrása
  8. Dokumentumlista beszúrása
  9. Fülek, tabok (tartalomtagolás)
1. Számítógépes alapismeretek
1.a. Fájlműveletek: Könyvtár-, fájl létrehozás, törlés, átnevezés, másolás – Total Commander

A legnépszerűbb kétpaneles magyarul is tudó fájlkezelő a Total Commander (továbbiakban TC), amelyet sok-sok hasznos kiegészítővel ruháztak fel. A képen látható a felső menüsor szerkezete, a gyorsikonok, a meghajtók, a két ablakban a két különböző meghajtó vagy könyvtár tartalma, alul pedig a gyorsgombok. Kezelését nagyon könnyű elsajátítani!

1.b. FTP. fájlműveletek: Távoli kiszolgálón történő fájlműveletek – TC.

Első lépésként a felső ikonsor FTP. ikonjára kattintva létre kell hozni a szükséges FTP. szerverazonosítókat. (Host, belépési név, jelszó minden oldalnál más, és beállítás után ezeket a TC. megjegyzi.) Ha ezek megvannak, akkor a listából kiválasztva a “Kapcsolódás” pottal építi fel a távoli szerverkapcsolatot.

A könyvtár- és fájlműveletek (megnyitás kivételével) ugyanúgy használhatók, mintha saját merevlemezen dolgoznánk.

1.c. FTP. mappaszerkezet:

Képalbumok FTP. könyvtára: ftp://domains/domainnev.hu/public_html/wp-content/images/*.*

Dokuk FTP. könyvtára: ftp://domains/domainnev.hu/public_html/wp-content/uploads/docs/*.*

Fontos! A balatonedericsi oldal könyvtárszerkezetét alapul véve a többi – később létrehozandó – mappánál is követni kell ezt a tematikát: A képalbumok az “images” könyvtárba kerüljenek, a dokumentumok az “uploads/docs” mappába, és a magyar ékezetektől meg kell tisztítani a fájl- és könyvtárneveket, SZÓKÖZ NE LEGYEN, ezt helyettesítsük kötőjellel, aláhúzott jellel!

Ajánlás: Érdemes saját gépen létrehozni egy wp-content főkönyvtártól kiindulva hasonló könyvtárszerkezetet kialakítani, és a dokumentumokat, képalbumokat először ott megfelelő struktúrában elhelyezni.

1.d. Grafikus szoftver használata – IrfanView ingyenes program

Számtalan fizetős professzionális grafikus szoftver van használatban (Photoshop, CorelDraw, stb), és vannak ingyenes, nagy tudású, de körülményesen kezelhető alkalmazások (pl. GIMP), és vannak szintén ingyenes, de egyszerűbb feladatokra tökéletesen alkalmas programok. Ezek egyike az IrfanView. Kicsi, gyors, tud magyarul, és nagyon sok feladatot egyszerűen tudunk elvégezni vele. A programtelepítő és magyarítása az alábbi linken érhető el: http://www.irfanview.com/

Leggyakrabban használt menüpontok:

  • Fájl menü: Mentés, Mentés másként
  • Szerkesztés menü: Beszúrás, Kijelölt rész a kép (ez fontos menü!)
  • Kép menü: Elfordítások, Tükrözések, Méretváltoztatás, Színváltoztatás, Automatikus színjavítás, Élesítés

A nyers kép megnyitása után ha kell, megfelelő irányba el kell fordítani, a szükséges részeket ki kell vágni, ha túl nagy, a megfelelő méretűre le kell kicsinyíteni, és ha indokolt, el kell végezni a színek módosítását, élesítést. Fontos: Az eredeti nyers fájl mindig maradjon meg, ne azt írjuk felül!

Az alábbi képméretekkel kell dolgozni:
Fejléc kép Főoldal diashow képek Kiemelt képek Képalbum fotók

1170x156px fejléckép

1170x156px fejléckép

1170x380px diashow kép

1170x380px diakép

734x320px kiemelt kép

734x320px kiemelt kép

Kb. 1400 px. képméret a fotóalbumokhoz

Természetesen, ha egy-egy cikk tartalmába más, ettől eltérő méretű kép beillesztése indokolt, ezektől a méretektől el lehet térni. A képalbum fotók mérete a tájolástól is függ (álló vagy fekvő kép), de lehetőleg 1280 px-nél kisebb ne legyen a kép szélesebbik oldala.

Szerkesztőként belépve és bejegyzéseket, eseményeket szerkesztve a “Kiemelt kép”, és a “Képalbum fotó” képméretekkel lesz dolgunk.

1.e. Wordpress sablon

Az oldalak/bejegyzések szerkezetét az alábbi fotók szemléltetik a legjobban.

  • Fejléc (fejléc kép, menü)
  • Kiemelt kép
  • Szövegtörzs
  • Widgetek (oldalsávok)
  • Szövegtörzs
  • Widgetek (oldalsávok)
  • Tabok (fülek)
  • Kapcsolódó információk
  • Lábléc
  • Lábléc widgetek

  • Képgaléria

  • Mappafájlokból hivatkozások
  • Táblázatok
  • Tabok (fülek)

Természetesen más, ritkábban alkalmazott elem is előfordulhat, de azok javarészt adminisztrátori feladatokhoz köthetők.

1.f. Szövegszerkesztők
  • Jegyzettömb
  • Word
  • Notepad++ (inkább adminisztrátori feladatokra)
  • WordPressbe integrált TinyMCE szövegszerkesztő (ismertetése később)
2. Wordpress tartalomkezelés
2.a. Tartalomkezelés – bejegyzések, oldalak, események, sablontípusok

Mi a különbség esemény, oldal, és bejegyzés között, amikor mindegyikkel szöveges információt, képet, stb. akarunk közölni?

Bejegyzések:

  • Szűrhető, kereshető kategóriákba vannak sorolva (pl. borászat, vendéglátás, stb.)
  • Szűrhető, kereshető címkékkel lehet ellátni, ezáltal egy kategórián belül is lehet különböző szűrhető azonosítókat hozzárendelni.

Oldalak:

  • Általában statikus tartalmak, nem szükséges kategóriákba sorolni címkéket hozzárendelni
  • Rendszerint nem változó információkat tartalmaznak, ezért a főmenüben vagy közvetlenül az oldalsávon helyezik el a hivatkozásaikat, ott fordulnak elő leggyakrabban. (Éppen ezért inkább az adminisztrátorok feladata oldalakat elhelyezni a portálon.

Események:

  • Ugyanúgy szűrhető, kereshető kategóriákba, címkékbe vannak sorolva az események, ám az itt közzétett tartalmak naptár szerűen is listázhatók.
  • Esemény helyszíneket, szervezőket is fel tudunk venni egy listára, amelyet a következő esemény felvitelekor csak ki kell választanunk a listából.

A szerkesztőablakok nem sokban különböznek. (Mivel gyakrabban használatosak, ezért a bejegyzés szerkesztőablakára helyezünk nagyobb hangsúlyt.)

A szerkesztőablak komponensei
  • Felső gyorsmenü
  • Bejelentkezett felhasználó
  • Adminisztrációs menü (baloldalt)
  • Bejegyzés címsora
  • Bejegyzés linkjének neve (átszerkeszthető)
  • Bejegyzés státusza
  • Média hozzáadás gomb
  • TinyMCE szövegszerkesztő gombok
  • Szövegszerkesztő ablak
  • Bejegyzés formátumsablon
  • Kategóriaválasztó
  • Kategóriaválasztó
  • Szövegszerkesztő ablak
  • Címkék hozzáadása, törlése
  • Restrict gomb (láthatóság)
  • Bejegyzés kivonat (rezümé)
  • Kiemelt kép szerkesztése
Változás az OLDAL szerkesztő ablakában:

  • A “Formátum” menü helyett az oldal sablonminta legördülő ablaka látható.
  • Kategóriák és címkék beállítópaneljei nem láthatók.

 

Fontos! A panel jobb felső részénél (a bejelentkezett felhasználó nevénél) van egy legördülő sáv: MIT LÁSSUNK? Ezt legördítve, a “Dobozok” szekcióból a felesleges elemek elől vegyük ki a pipát.

Ahol maradjon a pipa:

  • Restiction
  • Változatok
  • Oldaltulajdonságok
  • Szerző
  • Kiemelt kép
2.b. Tartalomkezelés (tartalom indexelés) –  kategóriák, címkék

Kategóriákból és címkékből az sem jó, ha kevés van, de az sem, ha túl sok, az optimális mennyiséget a tartalmak számához kell igazítani.

Minden bejegyzéshez kategóriát kell rendelni, ha ezt nem tesszük meg, akkor automatikusan az “Egyéb” kategóriába sorolja. Címkét ugyan nem kötelező a cikkhez rendelni, de a tartalomindexelés miatt mindenképpen ajánlott.

Meglévő kategória, címke hozzáadása: Cikk írásakor a szerkesztőablak jobb oldalán lévő “Kategória” és “Címkék” elemekből kell kiválasztani.

Új kategória, címke hozzáadása: Ugyanezen elemek alatt található egy “Új kategória hozzáadás” és Címke hozzáadás mező.

Túl sok kategória, címke használata kerülendő!

2.c. Események – eseménykategóriák, szervezők, helyszínek

Hasonló módon kell eljárni az Eseményekhez rendelt kategóriáknál és címkéknél. A szerkesztőablak ugyanaz, mint a bejegyzéseknél, viszont a beviteli lap alján új elemek is megjelentek:

  • dátum, időpont, illetve időintervallum,
  • az esemény helyszín,
  • a szervezők,
  • az esemény honlapja,
  • és költsége.
2.d. TinyMCE szövegszerkesztő, stíluselemek, H1-H6 (dokumentumfejek)

Platformfüggetlen szövegszerkesztő, amely kezelését tekintve nem sokban különbözik az általánosan használt irodai szövegszerkesztőktől.

Menüsora magyar, bár sok elem máshol van, mint ahogy azt megszoktuk pl. a Word esetében, de kis gyakorlással könnyen kiigazodunk menürendszerében.

Az általánosan használt másolás-beillesztés, betűtípus és méret változtatáson kívül számos új beépített elem található benne. A teljesség igénye nélkül ezekből néhány, amit gyakrabban használunk:

A “Beillesztés” menü alatt több új elem is beilleszthető (videó, horgony, stb.)

A “Média” menü alatt a “Formázás” elem teljesen új elemeket tartalmaz. A bekezdés címeknél ezen túl nem kell a betűtípusokkal, betűméretekkel bajlódni. A “Formázás – Kiemelések” menüpont 6 beépített címsortípust tartalmaz, melyet az általunk használt WordPress sablon előre definiált. A Kiemelés1 – 6 (Header1 – 6) különböző betűnagyságokat alkalmaz, az 1-es a legnagyobb (első szintű) címsor, a 6-os a legkisebb (6-os szintű) címsor formázását állítja elő. Fontos! A formázások egy teljes sor, bekezdés egészére vonatkoznak, tehát bekezdésen belül nem lehet a szöveg egy-egy kiválasztott részénél ezeket a stílusokat alkalmazni (átváltoztatja az egész bekezdést).

Előre definiált bekezdés stílusokat is találunk a “Formázás” alatt, bár ezek ritkábban használatosak.

2.e. Oldal/bejegyzés/esemény címek szintaktikája

A bejegyzés címének megadását alaposan gondoljuk át. Rövid legyen, és lehetőleg pontosan utaljon a cikk, esemény tartalmára. A keresőprogramok (Google) is indexeli!

A címsor hosszúsága maximum 40-45 karakter legyen. Ha csupa nagybetűvel írjuk, akkor ennél kevesebb. Túl hosszú címsor használata kerülendő, néhány szűrt oldal megjelenítésénél széttördelheti a lapot. 

2.f. Kiemelt kép beállítása

A cikkek, bejegyzések, események megjelenítését ajánlatos egységesíteni. Minden bejegyzés megjelenítésekor a címsor alatt egy – a cikkhez tartozó – kép dekorálja az oldalt.

Ehhez “KIEMELT KÉPET” kell alkalmazunk, melynek kötelező mérete 734 x 320 px. (Szerkesztése, létrehozása az IrfanView használatával javasolt.)

A szövegszerkesztő ablak jobb oldalsávjának legalsó területén találhatjuk a kiemelt kép feltöltésére, beállítására szolgáló beviteli ablakot.

2.g. Fényképalbum beszúrása

Több lépésből álló, de egyszerű művelettel lehet bejegyzéseinkhez fényképalbumot hozzárendelni. Lépések:

  • Hozzunk létre egy mappát, amely NE TARTALMAZZON magyar ékezeteket! (Pl: /csoportkepek)
  • Szerkesszük át a képeket kb. 1400 px. méretűekre, és JPG. formátumúra, majd másoljuk őket ebbe a mappába.
  • A TotalCommanderben nyissuk meg az FTP. kapcsolatot a szerverrel.
  • Menjünk bele a “domain.hu/wp-content/images” könyvtárba, és a saját számítógépről KÖNYVTÁRNEVESTŐL együtt másoljuk fel ebbe mappába.
  • Ha végeztünk a bejegyzés elkészítésével, a cikk aljára illesszük be az alábbi kódot:
  • {foldergallery folder=”wp-content/images/kepgaleria-konyvtara” title=””} (Kapcsos zárójel helyett szögletes kell!)
  • Mentsük el az oldalt, és nyissuk meg, hogy nem gépeltük-e el a könyvtár elérési útját. Ha mindent jól írtunk, akkor a cikk, bejegyzés alján kilistázódnak a fotóalbum bélyegképei.

Fontos: A szerverkönyvtárban a “kepgaleria-konyvtara” értelem szerűen a feltöltött képet tartalmazó könyvtárnévre értendő!

2.h. Dokumentumlista beszúrása

Hasonlóan az előző pontban írottakhoz, lehetőségünk van ugyancsak könyvtárszerkezetbe foglalt PDF, doc, docx, stb. ismertebb szöveges formátumok kilistázására is. Lépések:

  • Hozzunk létre egy ékezetmentes mappát (pl: /szervezeti-dokumentaciok )
  • Másoljuk bele a szükséges dokumentumokat
  • A TotalCommanderben nyissuk meg az FTP. kapcsolatot a szerverrel.
  • Menjünk bele a “domain.hu/wp-content/uploads/docs” mappába, és a sajátgépről KÖNYVTÁRNEVESTŐL együtt másoljuk fel ebbe mappába.
  • Ha végeztünk a bejegyzés elkészítésével, a cikk aljára (vagy a cikken belül ahova szeretnénk) ÚJ SORBAN illesszük be az alábbi kódot:

{MMFileList folder="/../../docs/dokumentumkonyvtar/" format="li" types="pdf,zip,doc,xls"/}

(Kapcsos zárójel helyett szögletes kell!)

Mentsük el az oldalt, és nyissuk meg, hogy nem gépeltük-e el a könyvtár elérési útját. Ha mindent jól írtunk, akkor a cikkben, bejegyzésben kilistázódnak a dokumentumok, amelyek kattintásra megnyílnak, vagy egy letöltési ablakot hív elő. (Dokumentumtípustól függően)

2.i. Fülek, tabok (tartalomtagolás)

Oldalon, bejegyzésen belül “fülekre”, tabulátorokra tagolható a tartalom, így egy oldalon belül könnyebb a tartalmak közt navigálni. Használata Shortcode meghívásával történik.

Kód: Működés:

Első fül


Első fül szövege.

Második fül


Második fül szövege.

Harmadik fül


Harmadik fül szövege.

Első fül


Első fül szövege.

Második fül


Második fül szövege.

Harmadik fül


Harmadik fül szövege.