Successfully reported this slideshow.
Your SlideShare is downloading. ×

Egy fiktív oktatási intézmény többnyelvű webportáljának kialakítása Wordpress alapokon II. rész

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad

Check these out next

1 of 31 Ad

Egy fiktív oktatási intézmény többnyelvű webportáljának kialakítása Wordpress alapokon II. rész

Download to read offline

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

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

Advertisement
Advertisement

More Related Content

More from Andor Abonyi-Tóth (9)

Recently uploaded (20)

Advertisement

Egy fiktív oktatási intézmény többnyelvű webportáljának kialakítása Wordpress alapokon II. rész

  1. 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. 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. 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. 4
  5. 5.  Előzőleg nem illesztettünk képet az oldalakba, bővítsük most az oldalakat képekkel. 5
  6. 6.  Nyissuk meg a Nemzetközi tanulmányok oldalt szerkesztésre!  A szerkesztőben kattintsunk a Média hozzáadása gombra! 6
  7. 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. 8.  Bekerül a kép oda, ahol a kurzor állt. Ha rossz helyre került volna, vonszoljuk a helyére. 8
  9. 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. 10.  Bekerül a kép oda, ahol a kurzor állt. Ha rossz helyre került volna, vonszoljuk a helyére. 10
  11. 11.  Publikáljuk (Frissítsük) az oldalt, és nézzük meg az eredményt! 11
  12. 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. 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. 14
  15. 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. 16.  Kattintsunk a Mentés és közzététel gombra és nézzük meg az eredményt! 16
  17. 17. 17
  18. 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. 19.  A fejlécben immáron az intézmény logója is látszik. 19
  20. 20. 20
  21. 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. 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. 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. 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. 25
  26. 26.  Állítsuk be, hogy a bejegyzések alatt legyenek ikonok, és jelenjen meg az oldalsáv is. 26
  27. 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. 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. 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. 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. 31

×