WEBLAPKÉSZÍTÉS WORDPRESSEL Lépésről-lépésre
Kvaszingerné Prantner Csilla’s screenshots
2
A mintaweboldal címe: http://kvcsilla2.wordpress.com/ Ez egy bemutatkozó oldal.
3
Hogyan jutunk be a weboldalunk adminfelületére (a vezérlőpultra) a regisztráció után?
4
5
6
Bekerültünk az admin felületre! 7
8
Felület nyelvének magyarra állítása (amennyiben a regisztráció után közvetlenül ez nem történt meg) 1. a weboldal nyelve 2. az admin felület nyelve
9
10
Görgetés további beállításokhoz!
11
Ezután az admin felület még mindig angolnyelvű marad, a weboldal nyelve már magyar lesz!
12
A földgömbre klikkelve lehet megnézni, hogy milyen a weboldal. Már látszódni fog, hogy a nyelve magyar!
13
Ne zavarjon meg senkit, hogy m Weboldalán van ez bemutatva (Eddig kvcsilla2 volt, jelenleg sz
Magyar nyelvű lett az oldal!
14
A földgömbön belül lévő Dashboard-ra (Vezérlőpultra klikkelve lehet visszajutni az admin felületre, amely még angolnyelvű)!
15
16
17
18
Itt lehet jelszót változtatni A felületre való belépéshez!
19
Már az admin felület is magyarnyelvű!
20
Válasszunk egy jól bevált témát az oldal elkészítéséhez, utólag ez bármikor módosítható.
21
22
23
Ha nem a Twenty Twelve téma/sablon lenne alapértelmezetten az, amit az oldal létrehozásakor kaptunk, akkor a sok lehetőség közül az bármikor kiválasztható, s később módosítható.
24
25
Általános beállítások módosítása
26
27
Mindezek átírhatóak!
28
Új beállítások!
29
30
Végeredményként már itt van változás! Tekintük meg a! weboldalt a földgömbre klikkelve!
Látható, hogy a weboldal címe (ez esetben a név) és a jelmondata megváltozott! 31
Visszatérés az admin felületre! 32
33
Meglévő oldal módosítása
34
Ezt kiválasztva megjelennek az egyes oldalak nevei egy listában!.
35
Alaprtelmezetten egy oldal már létezik , amelynek neve „NÉVJEGY”! Szerkesszük ezt, legyen belőle „Bemutatkozás” menüpont!
36
1. Írjuk át az oldal és egyben a menüpont nevét!
2. Illesszük be a saját bemutatkozási szövegünket az itt található angol szövegrész helyett úgy, hogy a beillesztendő szöveget először másoljuk Jegyzettömbbe, majd aztán illesszük be ide. (Így a Word vagy egyéb szövegszerkesztő vagy böngésző program által megadott Stílusok törlődnek a szövegről.)
37
1. Álljon ott a kurzor, majd illesszünk be egy képet! Mielőtt ezt megtennénk a képet majd fel kell töltsük az úgynevezett Médiatárba! 2. Klikk a Média hozzáadása gombon!
38
39
Az alternatív szöveg kitöltése akadálymentesítési szempontból fontos!
A szöveg baloldalára igazítja!
Teljes méretben helyezi el a képet (max: 156x156 pixelben).
40
2. Ezzel megtekinteni, milyen lett!
1. Ezzel lehet elmenteni az oldalt!
Visszatérés az admin felületre: A főldgömbre klikk, majd Vezérlópult! 41
42
Új oldal létrehozása
43
Ez az, amit módosítottunk!
44
Ez az oldal mutassa be a munkahelyüket!
1. Az új olda címe legyen: „Munkahelyem”. 2. Szúrjunk be egy képet, előtte azt töltsük fel a Médiatárba, igazítsuk középre. 3. Utána illesszünk be egy szöveget (jegyzettömb). 4. Tegyük közzé! („Közzététel” olvasható az oldal mentésére szolgáló gombon első mentés esetén, módosítás után „Frissítés”!) 5. Előnézetben tekintsük meg az oldalt!
45
46
47
Drag and drop módján egyszerre több állomány is feltölthető! Töltsünk fel többet annak érdekében, hogy már fent legyenek azok a képek is, A Médiatárban, ameyek majd kellenek nekünk a Galéria menüpont elkészítéséhez!
48
A húzás folyamatában!
49
Minden egyes képre klikkelve töltsük ki az adott kép alternatív szöveg mezőjét!
50
Válasszuk ki azt, amelyik nekünk kell, az elrendezést állítsuk arra, hogy: „Középre”, a méretet akkorára, amely szerintünk megfelelő, majd illesszük be az oldalra. (A pipákat ki kell venni a többi kép bal felső sarkából, hogy azokat ne illeszzük be!)
51
A kurzorral álljunk a kép alá, s oda illesszünk be egy rövid ismertetőt a munkahelyünkről úgy, hogy a Jegyzettömbbe előtte beillesztjük, majd onnan ismételten kimásoljuk, s a végleges helyre illesztjük. Tegyük közzé az oldalt! Előnézetben tekintsük meg!
52
Az oldal megtekintésekor, az oldal további szerkesztéséhez gyorsan úgy lehet eljutni, hogy az Oldal alján lévő szerkesztés gombra klikkelünk!
53
54
Manuálisan gépeljük be a linkben megjelenítendő szöveget! Jelöljük ki. Válaszuk ki a kapocs ikont! Töltsük ki a panelt!
55
Vegyük ki a pipákat, semmi szükség arra, hogy hozzászoljanak a munkahelyünknek a leírásához, vagy engedélyezzük azt, hogy mások ezt kedveljék vagy megoszthasák!
56
Érdemes minden oldalon elrejteni azt, hogy kedvelhető vagy megosztható legyen az oldal, továbbá letiltani a hozzászólásokat!
Mikor megtekintjük a 57 Bemutatkozás oldalt látható, hogy annak allján vannak a megosztásra a kedvelésre és a hozzászólásra alkalmas ikonok és mezők. Ezeket érdemes kikapcsolni!
Menjünk a Szerkesztésbe! S azon belül vegyük ki a pipákat a lehetőségek elől!
58
Amennyiben az Interakcióva kapcsolatos két jelölőnégyzet nem látható, azaz nem szedhető ki a pipa előlük, jelenítsük meg azokat a jobb fent lévő „Mit lássunk” lenyíló lehetőséggel!
59
Ha az „Interakciók” opciót kipipáljuk, akkor lejjebb megjelenik Az a lehetőség, hogy az Interakciós blokkot el tudjuk tüntetni!
60
Vegyük ki a pipákat és mentsük az oldalt!
61
Készítsünk képgaléria oldalt!
62
63
64
Klikk a Galéria létrehozása gombon!
65
A megjelenő képek közül klikkeljünk azokra, amelyeket meg szeretnénk jeleníteni a galériánkban! Ezek jobb felső sarkában lesznek pipák! Klikk az Új galéria létrehozása gombbon!
66
Rendezzük olyan sorrendbe a képeket, amilyen sorrendben meg szeretnénk azokat jeleníteni a galériában! Majd klikk a Galéria beillesztése gombon!
67
Nem kell megijedni,a galéria a szerkesztő (admin) Felületen még nem látható! Vegyük ki az interakcióval s hozzászólásokkal/megosztásokkal kapcsolatos pipákat! Tegyük közzé az oldalt, s kérjünk Előnézetet!
68
A végeredmény egy lapozható galéria lesz a „Galéria” menüpont alatt!
69
Készítsünk olyan oldalt, amelyben videó vagy feliratozott videó van!
70
71
1. Adjunk címet az oldalnak! 2. Vegyük ki az oldal alján alapértelmezetten megjelenő nem kívánt blokkokat! 3. Menjünk át HTML nézetbe! (Minden oldalon eddig is volt lehetőségünk arra, hogy manuálisan belenyúljunk az oldalaink HTML kódjába!)
72
Youtube vieók oldalba ágyazása esetén a HTML kódba kell beillesztenünk a videó linkjét! 1. A kódot beilesztjük. 2. Közzéteszzük, anélkül, hogy előtte átváltanánk Grafikus nézetre! A mintában egy feliratozott videó látható! 3. Tekintsük meg Előnézetben!
73
74
Készítsünk kapcsolati űrlapot! Ez arra jó, hogy a robotok elől elrejtve tartsuk az e-mail címünket!
75
76
1. Nevezzük el az oldalt! 2. Váltsunk vissza „Grafikus „ nézetbe, amennyiben maradtunk abban! 3. Válasszuk az „Új kapcsolat felvételi űrlap” gombot!
77
1. A weboldalt ne jelenítsük meg! 2. Klikk a létrehozáshoz!
78
Eredmény!
79
Eredmény!
Látható, hogy a menüpontok sorrendje nem egyezik meg a létrehozás sorrendjével, hanem az ábécé szerinti növekvő sorrend lépett érvénybe. A heyes sorrend a kövtkező volna: 0. Kezdőlap, 1. Bemutatkozás, 2. Munkahely, 3. Galéria, 4. Videó, 5. Kapcsolat.
80
A menüpontok sorrendjének a beállítása Minden egyes oldalnak adható egy sorszám, amely meghatározza a menüben elfoglalt helyét. Vízszintes menük esetében minnél hátrébb szerepeltetnénk egy menüpontot annál nagyobb sorszámot kell az adott oldalhoz rendelnünk! Az előző dián lévő sorszámok a példában éppen megfelelőek. Lássuk hol adhatóak meg ezek!
81
Ezeket a számozásokat minden oldalon értelemszerűen tegyük meg. Ott is érdemes ahol jó helyre került a menüpont, mint például a „Bemutatkozás” oldalon.
82
Látható, hogy a sorrend megfelelő!
Menjünk a kezdőoldalra, amely esetünkben híroldal vagy blogoldal gyanánt funkcionál!
83
Töltsünk fel híreket a főoldalra!
84
Új hír/blog bejegyzés írása estén klikkeljünk a fenti „Kezdjük el” kifejezésre! Ugyanezt az eredményt érjük el, ha a Vezérlőpulton belül az „Bejegyzés” menüpont, „Új bejegyzés” almenüpontot választjuk!
85
Egy hír/blogbejegyzés esetében érdemes engedélyezni a kedveléseket, de a hozzászólásokat is, ezek alapértelmezetten engedélyezve is vannak!
86
Az első pár hír/blogbej. Esetében megnyílik bal oldalt egy párbeszédpanel, ezt nyugodtan zárjuk be!
87
Lépjünk ki az oldalból, így, mint egy idegen tudunk hozzászólni a hírhez!
88
Nyissuk meg a böngészőbe az általunk készített oldalt! Látható, hogy most nem lehet a szokásos módon fellépni az admin felületre. Úgy látjuk az oldalunkat, ahogyan a többi felhasználó látja.
Szóljunk hozzá a hírhez!
89
90
Eredmény! Moderálásra vár a hozzászólás! Kapunk egy e-mailt arról, hogy egy hozzászólás moderálásra vár!
91
Ha beírjuk a következő URL címet vissza tudunk lépni az oldalunkra, hogy moderálni tudjuk a hozzászólást!
92
93
94
95
Akkor jelenik meg az „Elfogadás” gomb és a mellette lévő további gombok, ha az egérkurzort a hozzászólás szövegének a terüete közelébe húzzuk!
96
Eredmény! Végeredményképpen megváltozik a hozzászólás rózsaszínes háttere, a Az „Elfogadás” gomb „Elutasítás” gombra vált annak érdekében, ha vissza Szeretnénk vonni azt a döntésünket, hogy a hozzászólás megjelenjen az oldalon!
97
Eredményként látható már a hozzászólás!
Kisalkalmazások, widgetek!
98
Gyomláljuk ki a jobb oldalon automatikusan megjelenő lehetőségeket (widget-eket), Csak azokat tartsuk meg, amelyeket hasznosnak tartunk megjeníteni az oldalunkon!
99
100
Jelenleg a következő állapot látható! amire nincsen szükségünk, azaz nem szeretnénk megjeleíteni az oldalsávban, azokat a widgeteket balra visszahúzzuk!
101
1. Balra húzzuk, ami nem kell neünk!
2. Lenyithatjuk! 3. Abból is balra húzzuk, ami nem kell!
102
Jobbra kell húzni azt, ami kell!
103
Eredmény! Miután csak a keresés és a címkefelhő vidgetek maradtak! Egyelőre nincs cimkefelhőelem.
104
Bármikor válthatunk másik megjelenítést (úgynevezett témát), s azt finomhangolhatjuk további beállításlehetőségekkel. (Vezérlőpult>Megjelenítés>Sablonok vagy Vezérlőpult>Megjelenítés>Testreszabás
105
106
A website egyes oldalainak elrejtése, azaz annak elérése, hogy ne jelenjenek meg az oldaon, ne legyenek nyilvánosak!
107
Például el szeretnénk rejteni a „Munkahely” menüpontot, s annak tartalmát!
108
109
110
Eredményként nem látszik, nem választható amenüpont!
111
Az admin felületen is jelezve van ez! ugyanott értelemzerint visszaváltoztatható, azaz nyilvánossá tehető az oldal ismét!
112
Weboldal törlése, importálása, exportálása
113
114
A Wordpress-es oldalakat adataink és a szerveren lévő mások adatainak védelme érdkében frissíteni kell! A wordpress.com oldalon err nincsen szükség, hiszena szolgáltatásnak a frissítés része, ezzel nincsen dolgunk!
VÉGE
