A prezentáció a Tempus Közalapítvány által az Európai Felsőoktatási Térség reformja (559232-EPP-1-2014-1-HU-EPPKA3-BOLOGNA ) projekt keretében szervezett “Nemzetközi honlapfejlesztési ismeretek és web 2.0 ötletek, módszerek, technikák” című kurzushoz készült

1. Abonyi-TóthAndor, ELTE Informatikai Kar
1
A prezentáció a Tempus Közalapítvány által az Európai Felsőoktatási
Térség reformja (559232-EPP-1-2014-1-HU-EPPKA3-BOLOGNA ) projekt
keretében szervezett “Nemzetközi honlapfejlesztési ismeretek és web
2.0 ötletek, módszerek, technikák” című kurzushoz készült

2.  Előzőleg létrehoztunk egy többnyelvű
Wordpress oldalt, melyben elhelyeztünk
oldalakat és bejegyzéseket.
 A portál megjelenését testreszabtuk az
accelerate nevű sablonnal.
 Ebben a részben folytatjuk a portál
testreszabását, a közösségi oldalakban rejlő
lehetőségek kiaknázásával.
2

3.  Ha átállítottuk volna a portál megjelenését
másik sablon alapján, állítsuk vissza az előző
részben megalkotott állapotot (Accelerate
sablon használata)
3

4. 4

5.  Előzőleg nem illesztettünk képet az
oldalakba, bővítsük most az oldalakat
képekkel.
5

6.  Nyissuk meg a Nemzetközi tanulmányok
oldalt szerkesztésre!
 A szerkesztőben kattintsunk a Média
hozzáadása gombra!
6

7.  Töltsük fel a
kmte_nemzetkozitanulmanyok.jpg képet!
(Fájlok kiválasztása gomb, vagy fogd és vidd
módszer)
 A megjelenő felületen
megadhatjuk a kép adatait
(cím, nyelv)
 Alul a méretnél adjuk meg a
Teljes méretet, az illesztés
legyen Középre, és kattintsunk
az oldalba illesztés gombra!
7

8.  Bekerül a kép oda, ahol a kurzor állt. Ha rossz
helyre került volna, vonszoljuk a helyére.
8

9.  Töltsük fel a erasmus_logo.png
képet is!
 Ezt a szövegbe, jobbra
igazítva illesszük be,
bélyegkép méretben!
9

10.  Bekerül a kép oda, ahol a kurzor állt. Ha rossz
helyre került volna, vonszoljuk a helyére.
10

11.  Publikáljuk (Frissítsük) az oldalt, és nézzük
meg az eredményt!
11

12.  Az egyes képeknek eltérő képaláírással,
helyettesítő szövegekkel kell megjelenniük az
eltérő nyelvi oldalakon. Ezért a feltöltött
képek esetén el kell készíteni a különböző
nyelvi fordításokat is.
 Ezt úgy tudjuk megtenni, hogy a
Médiatárban rákattintunk az adott képre,
majd a További részletek szerkesztése
linkre kattintva megadjuk a kép jellemzőinek
fordítását is a nyelv mellett + jelre kattintva.
12

13.  Ezek után már a képeket az angol nyelvű
oldalakon is be tudjuk illeszteni.
 Feladat: a korábban feltöltött két kép angol
változatát is készítsük el, és illesszük be az
International studies oldalra, majd frissítsük
az oldalt!
13

14. 14

15.  A Megjelenés/Testreszabás menüpontban válasszuk
ki a Fejrész kép menüt, és töltsük fel a kmte_fejlec.jpg
képet!
 Kattintsunk a Kiválasztás és vágás gombra! Állítsuk
be, hogy mely területet akarjuk megtartani a képből!
15

16.  Kattintsunk a Mentés és közzététel gombra és
nézzük meg az eredményt!
16

17. 17

18.  Most állítsuk be a logót is!
 Válasszuk ki a
Megjelenés/Testreszabás menüből a
Header almenüpontot, ott pedig
kattintsunk a Header Logo almenüre!
 Töltsük fel kmte_logo.png képet!
 Ezek után válasszuk ki a Header
almenüből a Mutatás almenüt, és
állítsuk be, hogy a szöveg és a logó is
látszódjon (Mindkettő).
18

19.  A fejlécben immáron az intézmény logója is
látszik.
19

20. 20

21.  Ha szeretnénk lehetővé tenni a
látogatóinknak, hogy a közösségi oldalakon
egyszerűen megoszthassák a portál
tartalmát, olyan bővítményt kell
választanunk, amely támogatja ezt a
tevékenységet.
 A továbbiakban mi azAddThis modul
használatát mutatjuk be.
21

22.  Az AddThis bővítmény telepítésével minden
oldalon és bejegyzésnél megjelenik egy
eszköztár, amellyel a közösségi oldalakon
megosztható a tartalom.
 Válasszuk ki a Bővítmények/Új hozzáadása
menüpontot.
 Keressünk rá azAddThis névre!
22

23.  Az AddThis Sharing buttons
bővítménynél kattintsunk a
Telepítés most gombra.
 A sikeres telepítés után
kapcsoljuk be a bővítményt.
23

24.  A telepítés után a Beállítások / AddThis
Sharing buttons menüpontban találjuk a
beállításokat.
 Itt meghatározhatjuk, hogy milyen ikonok
jelenjenek meg a bejegyzések felett, illetve
alatt, illetve szeretnénk-e oldalsávot, a
különböző közösségi oldalakon való
megosztáshoz.
24

25. 25

26.  Állítsuk be, hogy a bejegyzések alatt
legyenek ikonok, és jelenjen meg az oldalsáv
is.
26

27.  A bejegyzések alatt használhatóak a megosztási ikonok,
illetve megjelenik az oldalsáv is, amellyel kényelmesen
megoszthatóak az egyes bejegyzések a látogatók által.
27

28.  Ha szeretnénk nyomon követni, hogy az
egyes bejegyzéseket, és oldalakat a
közösségi oldalakon hányan osztották meg,
akkor erre a célra megfelelő bővítményt kell
találnunk!
 Mi a Social MetricsTracker bővítmény
telepítését javasoljuk.
28

29.  A bővítmény bekapcsolása után megjelenik a
vezérlőpulton egy Social Metrics menüpont,
amelyben elérhetjük a megfelelő adatokat.
29

30.  A http://wordpress.org/plugins/ oldalon
keressen hasznos bővítményeket és próbálja
ki azokat a gyakorlatban is.
 A kapcsolódó padleten írja meg, hogy milyen
hasznos bővítményeket talált!
 http://padlet.com/abonyita/eazk0wepbk5x
30

31. 31