Embed Size (px)
DESCRIPTION
5 Wordpress
Citation preview
Web 2.0 - WordPress
Web 2.0
Internetes szolgáltatások gyűjtőneve, melyek a közösségre
épülnek
a felhasználók közösen készítik a tartalmat vagy megosztják
kollaboráció
címkézés: lehetővé teszi fogalmak osztályozását. A fogalmak
csak egy kategóriába vagy alkategóriába tartozhatnak. Ezzel
szemben egy fogalomhoz több címke is tartozhat. címkefelhő
megnő a társadalmi mobilitás, vagyis bárki hozzáférhet a
„terjesztési csatornákhoz”
internet szociális háló (közösségek alakulása)
Web 2.0
Web 2.0 jellemzői
a web mint platform: a cél olyan webes szolgáltatások
fejlesztése, melyek felváltják az asztali alkalmazásokat
az adat mint hajtóerő: a felhasználó birtokolja, szerkeszti és
teszi közzé az információt adatvezérelt rendszerek
részvételen alapuló tervezés: a felhasználó
közreműködésével jönnek létre az oldalak tartalmai
komponensalapú fejlesztés: az alkalmazások több fejlesztő
által írt modulból állnak össze
laza szervezeti struktúra: a webes szoftverek folyamatosan
fejleszthetők
Web 2.0
Web 2.0
Web 3.0 – szemantikus web?
probléma: a neten lévő információk struktúrálatlanok, nehéz az
eligazodás. Két változat van a netezők között:
a feed-jeik között nézelődnek
linkről linkre kattintgatva keresik a tartalmat
a szemantikus web egy „internetre emelt intelligens réteg”,
amely segít megtalálni a számunkra érdekes információkat
erősen épít a mesterséges intelligenciára, amelynek
megvalósulása igencsak kérdéses
a szemantika arra utal, hogy a weben lévő tartalmak
számítógépes műveletek segítségével nyernék el a jelentésüket
Web 2.0 szolgáltatások
közösségi oldalak: Facebook, MySpace, LinkedIn, iWiW
képmegosztó oldalak: Flickr, Picasa, Photobucket
videómegosztó portálok: YouTube, Google Videos
blogok: WordPress, Twitter
online irodai alkalmazások: Google Calendar, Google Docs &
Spreadsheets
hírforrások (feed-ek): RSS, Atom
online tárhely: Boksz.net, Dropbox
WordPress
Internetes blogok kialakulása: fogyasztóból szerző
Ezt segítik elő a blogrendszerek és a tartalomkezelő rendszerek
(CMS – Content Management System)
WordPress: blogokhoz készített tartalomkezelő rendszer
A rengeteg letölthető tartalom és kiegészítés miatt komolyabb
feladatok ellátására is alkalmas
A rendszer használata egyszerű, a rendszerhez való fejlesztés
szaktudást igényel
Elérhető hozzá számos design és plugin
Blog alternatívák
Blogger – Google blog szolgáltatása
Textpattern
„nincs hozzá közösség”
beépített SPAM védelem, RSS, oldal statisztika
Moveable Type
itt jelent meg először a trackback
konfigurálható felhasználói szerepkörök
Serendipity
pluginek, témák, trackback, támogatás
könnyű frissíteni, ha újabb verzió jön ki
LyfeType, Flatpress, Nucleus
CMS
Drupal, Joomla, Frog CMS, TYPO, b2Evolution
Wordpress
Elegáns, jó felépítésű publikálási rendszer PHP és MySQL alapokon
Ingyenes rendszer, fejlesztése egészen 2001-ig nyúlik vissza
Működés feltétele: PHP 4 és MySQL 3
Adminisztrácója és karbantartása kezdők számára is egyszerű
Rengeteg funkciót kínál, ami még bővíthető (pluginek)
A kinézet könnyen változtatható, a weben vannak ingyenes „témák” (theme).
Wordpress
Felhasználók kezelése - jogosultsági szintek
Hírforrások (RSS) támogatása
legutóbbi bejegyzések, kategóriák, hozzászólások számára
Permalinkek
„tiszta” URL-ek használata
Pingback, Trackback támogatás
Jelszó védelem
Dátumhoz kötődő bejegyzés publikálás
Többoldalas bejegyzések (<!--nextpage-->)
Kategóriák, címkézés
Emotikonok
E-mail blogolás
Asztali blog alkalmazás, Word 2007-ből tudunk bejegyzéseket
publikálni!
WordPress – Trackback, Pingback
Visszakövetés – Trackback
arra való, hogy tudassuk egy másik blog tulajával, hogy a
bejegyzésünkben hivatkozunk rá
Példa:
Laci ír egy bejegyzést a blogjában
Feri erre reagál, de nem hozzászólásként Laci blogjában,
hanem ír egy saját bejegyzést, és abban a Laci blogjában
lévő bejegyzés Trackback címére hivatkozik (általában a
bejegyzés címe /trackback)
ha Laci fogadja a bejegyzéseket, akkor erről értesítést kap,
Feri bejegyzésének rövid kivonatával
Pingback
nem kell hozzá speciális link, a bejegyzésben lévő minden
linkre megpróbál pinget küldeni
Beállítások / Interakció / Alapértelmezett cikk beállításai
Wordpress - Taxonómiák
a taxonómiák arra szolgálnak, hogy valamilyen rendszerbe foglaljuk
a blog tartalmát (bejegyzések, linkek, oldalak)
3 taxonómia van alapértelmezésben
címkék
kategóriák
link kategóriák
Linkeknél XFN kapcsolat megadása
Xhtml Friends Network
WordPress beüzemelése – saját tárhelyre
1. Regisztrálni egy ingyenes webtárhelyre
http://www.atw.hu (magyar oldal, nem teljes funkcionalitás)
http://www.000webhost.com/ (külföldi oldal, teljes funkcionalitás)
2. A regisztráció után belépni az adminisztrációs felületre
feljegyezni az FTP hozzáféréshez szükséges adatokat
létrehozni a WordPress számára egy adatbázist, ennek is fel kell jegyezni
a hozzáférési adatait
3. A WordPress letöltése (http://www.word-press.hu)
4. A wp-config.php fájl szerkesztése, az adatbázis adatainak megadása
5. Majd a WordPress felmásolása a tárhelyre FTP segítségével
6. Létrehozni a wp-content/uploads könyvtárat 777 jogosultsággal
7. Phpmyadmin-ban az adatbázis kódolását beállítani latin1_swedish-ről
utf8_general-ra!!!
8. Majd a böngészőbe begépeljük a WordPress oldalunk címét, beírjuk a blog
címét, a rendszer ad egy jelszót, és már kezdhetjük a blog szerkesztését.
WordPress beüzemelése – a wordpress.com oldalon
1. Lehetőség van a WordPress oldalán (www.wordpress.com) saját blogot indítani
2. Menete:
1. http://en.wordpress.com/signup/
2. Megadjuk az adatokat, a felhasználónév lesz a blog címében az URL első része: pl.
valami.wordpress.com
3. Elfogadjuk a nyilatkozatot
4. A következő oldalon kiválasztjuk a nyelvet
5. A rendszer küld egy e-mail üzenetet, amiben az aktivációs link lesz, erre kattintunk
és elkészül a blogunk.
6. Belépés: http://felhasznalonev.wordpress.com/wp-admin
3. Előnyök
megbízható tárhely, szinte 100%-os rendelkezésre állás
nem kell a WordPress telepítési folyamatát végigcsinálni
4. Hátrányok
korlátozott számú témák
nem telepíthetők pluginek, pl. fórum, naptár, stb.
WordPress
Vezérlőpult: legutóbbi hozzászólások, statisztikák, quickpress
(gyorsszerkesztő - bejegyzés írása), stb.
Blogszörfözés: kapcsolat más blogokkal, listázhatjuk a bejegyzéseiket
(felváltotta a Subscription – feliratkozás)
Hozzászólásaim: a wordpress.com-os oldalakra írt hozzászólásainkat
láthatjuk, illetve az előtti és utána lévő hozzászólást
Readomattic: a blogszörfözés és a címkeszörfözés alatt hozzáadott
„tartalom” szerint böngészhetünk, legyen az címke, blog vagy twitter
Címkeszörfözés: egy adott címkéhez tartozó bejegyzéseket listázhatunk
Statisztikák
Akismet statisztikák: a spam szűrő plugin statisztikája
WordPress
Blogjaim: a blogjaink listája, kapcsolat létrehozása Yahoo, Twitter,
Facebook vagy MSN Live azonosítónkhoz
bejegyzések írása e-mail-en (http://en.support.wordpress.com/post-by-
email/), telefonon keresztül
My Subscriptions: e-mail küldése bejegyzés létrehozásakor
Frissítések
Domain hozzáadása: ha nem tetszik pl. a valami.wordpress.com
VideoPress: videómegosztás a blogunk segítségével
Custom CSS: saját megjelenés hozzáadása a bloghoz
Space Upgrades: tárhely növelése
No-ads: reklámok letiltása a blogon
Unlimited Private Users: korlátlan számú privát felhasználó
hozzáadása a bloghoz
Domainek
saját domain megadása, a wordpress oldalunk itt lesz elérhető
WordPress
Bejegyzések
a meglévő bejegyzéseinket tudjuk szerkeszteni
új bejegyzéseket hozhatunk létre
többoldalas bejegyzések (<!--nextpage-->)
menthetjük piszkozatként
levédhetjük jelszóval
előre megadott időben is publikálásra kerülhet
címkéket rendelhetünk hozzá
kategóriákba sorolhatjuk
excerpt: megadhatunk összefoglalást a bejegyzéshez
megjegyzéseket lehet engedélyezni a bejegyzéshez
létrehozhatunk címkéket, amiket a bejegyzésekhez lehet
rendelni
létrehozhatunk kategóriákat, amelyekben a bejegyzéseket
helyezhetjük el
WordPress
Bejegyzések
Szavazás hozzáadása
szerkeszthetjük, az eredményeket kérhetjük le
Send to editor – berakhatjuk a szerkesztőfelületre
Share – Embed – megosztás más oldalakon
Egyéni form hozzáadása
kapcsolatfelvétel a látogatókkal
új mezőket adhatunk hozzá, feliratot, kötelező-e (Required)
választható mezők
Checkbox (igen-nem mező), Dropdown (legördülő lista),
Radio (több opcióból csak egy választható), Website
a beérkezett üzeneteket a Visszajelzések menü alatt
láthatjuk vagy az „E-mail notifications” opció alatt megadva
az e-mail címünket elküldi a visszajelzéseket
WordPress
Média
a blogunkba média állományokat is feltölthetünk, amelyekre
hivatkozhatunk a bejegyzésekben és az oldalakon
a tárhely mérete 3GB
engedélyezett fájltípusok: jpg, jpeg, png, gif, pdf, doc, docx, ppt,
pptx, odt, pps, ppsx, xls, xlsx
Médiatár: a feltöltött médiaállományokat listázhatjuk
Új hozzáadása: állományok feltöltése
Flash alapú feltöltés egyszerre több állomány feltölthető
feltöltés után megadhatjuk az állományok adatait
szerkeszthetjük a képet: forgatás, tükrözés, vágás, méret
WordPress
Linkek
a blogunkon közzétehetünk linkeket is, ezeket kategóriákba
sorolhatjuk
a bejegyzések és a linkek kategóriája NEM EGYEZIK MEG!
Szerkeszt: a hozzáadott linkeket szerkeszthetjük
nevét, címét
privát linkké is tehetjük
ismertetést írhatunk róla
kategóriákba sorolhatjuk
hol jelenjen meg, pl. új ablakban
a linkkel való kapcsolatot adhatjuk meg (XFN)
Add new: link hozzáadása
Link kategóriák: link kategóriák szerkesztése
WordPress
Oldalak
a bejegyzések mellett lehetek a blogon oldalak is
az oldalra általában az állandó, fix tartalmat szokták elhelyezni, pl.
önéletrajz, elérhetőségek, stb.
Szerkeszt
permalink – közvetlen link
közzététel beállítása
szülő oldal beállítása
template beállítása (ez függ a választott témától)
Link: a linktár beillesztése az oldalra
Archives: az arhívum beillesztése az oldalra
Contact: kapcsolatfelvételi űrlap beillesztése
Page without sidebar: oldalsáv nélküli oldal
rendezéshez egész szám megadása
Add new: új oldal létrehozása
WordPress
Hozzászólás
Itt láthatjuk a bejegyzésekhez illetve az oldalakhoz fűzött
hozzászólásokat
ezeket:
elutasíthatjuk: ilyenkor nem jelenik meg a hozzászólás
válaszolhatunk rá
módosíthatjuk
spam-nek jelölhetjük
törölhetjük
Visszajelzések
a bejegyzésben vagy oldalban lévő űrlap beküldött adatai
Értékelés
bejegyzéseknél
oldalaknál
hozzászólásoknál
WordPress
Polls – Szavazások
szerkesztés: létrehozott „kérdések” módosítása
új hozzáadása
válaszlehetőségek megadása
eredmény mutatásának beállítása
a százaléknak és a szavazók számának mutatása
csak a százalék mutatása
eredmény elrejtése
többszöri szavazás tiltása
cookie
cookie és IP cím alapján
stílus választása
custom styles: saját stílus készítése a szavazáshoz
beállítások: alapértelmezett opciók megadása
WordPress
Témák
kb. 110 db megjelenés, egyéni opciókkal és widget-ekkel
Widgets
Mini alkalmazások az oldalsávba
Akismet
spam blokkoló - megjeleníthetjük, hogy hány spam
commentet érzékel az oldalon
Archívum
az blogbejegyzéseket hónapokra bontva böngészhetjük
Author grid – az blog „íróinak” megjelenítése, Gravatar infók
Box.net file sharing
fájlmegosztó funkció, lehetővé teszi olyan típusú fájlok
megosztását, melyeket a wordpress nem támogat
Blog statisztikák
látogatottság számláló
WordPress
Widgets
Címkefelhő
Delicious
könyvjelzők kirakása a delicious azonosítónk és címkék
segítségével
Feliratkozottak
Fricska
Flickr RSS csatorna alapján képeket helyez ki
Friss bejegyzések
Gravatar
saját fényképünk megjelenítése
Kép
fénykép megjelenítése
WordPress
Widgets
Kategóriák
Keresés
Legutóbbi hozzászólások
Linkek
Meebo
online chatszolgáltatás az oldalon keresztül (pl. a
hallgatókkal történő kapcsolattartáshoz)
Meta
be és kijelentkezés az oldalra, az oldalhoz tartozó RSS
csatornák
Naptár
adott napra kattintva megjelennek az aznapi bejegyzések
Népszerű bejegyzések
WordPress
Widgets
Oldalak
RSS
RSS hírforrás elemeinek megjelenítése
RSS Links
az bejegyzésekhez és a megjegyzésekhez tartozó RSS
kihelyezése
SocialVibe
valamilyen jó cél támogatása
Szerzők
Text
tetszőleges szöveg (HTML kód) megjelenítése
WordPress
Widgets
Top Clicks
azon linkek megjelenítése, melyekre a blognézők
legtöbbször kattintottak
Top Rated
a legtöbb szavazatot kapó oldalak, bejegyzések,
megjegyzések listázása
egy Twitter mikroblog tweet-jeinek megjelenítése
VodPod
webes videó manager, ahol saját listákat alakíthatunk ki
videókból, és azokat tehetjük közzé a blogon
WordPress
Menük
egyedi menü létrehozása, amit használhatunk elsődleges menüként
vagy widget segítségével az oldalsávban
Extrák
Enable mShots site previews on this blog – a bejegyzésekben és az
oldalakban a linkekhez „snapshot” ablak beállítása
Display a mobile theme when… - mobil téma bekapcsolása ha mobil
böngészőn nézzük az oldalt
Hide related links on this blog… - kapcsolódó linkek elrejtése
Háttér – oldalháttér beállítása
Sablon beállítások (témától függ)
az oldal szerkezeti elemeibe rakhatunk HTML kódot, Twitter kirakása
Typekit Fonts
saját betűtípus megjelenítése az oldalon
Editt CSS
saját megjelenés készítése a bloghoz (ha van Custom CSS Upgrade)
WordPress
Felhasználók
jogosultsági szintek
adminisztrátor (administrator) – a blog tulajdonosa, bármit
csinálhat a bloggal, akár törölheti is
szerkesztő (editor)– bejegyzéseket, oldalakat szerkeszt,
hozzászólásokat moderál, kategóriákat szerkeszt, médiát
szerkeszt
szerző (author) – bejegyzéseket szerkeszt, állományokat tölt
fel
közreműködő (contributor) – bejegyzéseket szerkeszt, de
nem publikálhatja, a publikáláshoz a bejegyzést az
adminisztrátornak kell jóváhagynia
felhasználók hozzáadása e-mail cím segítségével
WordPress
Meghívások
egy meghívó kiküldése a megadott címre, névre,
felvehetjük contributor-ként a blogunkba
Profilom
Gravatar információk beállítása
Személyes beállítások
Fun mode – a bejegyzések publikálásánál „This post is super
awesome”, néha a bejegyzés után egy „éljenző tömeg” látható
Proofreading – helyesírás ellenőrzés
Felhasználónév és jelszó változtatása
Enable Geotagging – a bejelölése után a bejegyzésekhez
hozzáadható egy földrajzi hely is (Geo Location)
WordPress
Eszközök
Kattintás ide – felvehetjük a „Kattintás ide” linket a könyvjelzők
közé, és tetszőleges weboldalon egy szövegrészt kijelölve és
rákattintva a könyvjelzőre publikálhatjuk azt
Kategória és címke konvertáló
Bejegyzés e-mail-en – e-mail segítségével tudunk bejegyzést
publikálni (http://en.support.wordpress.com/post-by-email/)
Webszereksztő eszközeinek ellenőrzése – metadatok megadása
az oldalhoz (pl. Google Webmaster Tools)
Oldaltérkép - blogneve.wordpress.com/news-sitemap.xml
Importálás
bejegyzések, hozzászólások importálása más blogokból
Export
egy fájlba menthetjük a bejegyzéseket, oldalakat, stb.
WordPress
Általános
a blog általános adatainak megadása
Írás
írási beállítások megadása
Olvasás
olvasási beállítások megadása
Interakció
hozzászólások írására, moderálására vonatkozó beállítások
Média
feltöltött képek méretének beállítása
Adatvédelem
blog hozzáférésére vonatkozó beállítások, pl. Privát blog
OpenID
WordPress
SMS - http://en.support.wordpress.com/text-messaging/
Megosztás
Facebook, Twitter, Yahoo, Messenger Connect
Domainek
saját domain hozzáadása a wordpress-es helyett
E-mail post changes
több szerző esetén hasznos, ha értesülünk a változásokról
(http://en.support.wordpress.com/email-post-changes/)
Webhooks
bejegyzés, oldal vagy hozzászólás írása esetén a kiválasztott
adatokat elküldhetjük egy másik weboldalnak feldolgozásra
Wordpress
Bejegyzés írása, szerkesztése Word 2007-ben
Slideshare prezentációk közzététele - slideshare.net
pdf, ppt, pptx, doc, docx, stb. formátumok feltöltése
adott dokumentum kiválasztása
majd alatta a WordPress linkre kattintunk, és a két szövegmező
közül a második tartalmát kimásoljuk és berakjuk a bejegyzésbe
vagy az oldalba
Chat kialakítása Meebo-val
szükség van egy HTML kódrészletre, amit a
http://www.meebome.com/ oldalon érhetünk el
beállítjuk a méretet, színt, stb., majd a következő oldalon
megadjuk a meebo azonosítónkat és jelszavunkat
a következő oldalon lesz a HTML kód a WordPress widgethez
Youtube videó beillesztése
[youtube=videó URL-je]
Wordpress – egy új blog első lépései
Az admin jelszó megváltoztatása, felhasználókra vonatkozó
beállítások (bárki regisztrálhat, új felhasználók jogosultsága, stb.)
Állandó URL-ek beállítása (permalinkek – Beállítások/Közvetlen
linkek)
Téma letöltése és aktiválása
Alapértelmezett kategória beállítása (Bejegyzések/Kategóriák)
Spamszűrő beállítása, spam kommentek kiszűrésére – ajánlott:
Akismet, api key kérése
Célszerű próbatartalommal megtölteni az oldalt
(http://wpcandy.com/articles/easier-theme-development-with-the-sample-
post-collection.html), Eszközök/Import/Wordpress
RSS hírforrás beállítása – hány bejegyzés jelenjen meg, a teljes
szöveget célszerű belerakni
Statisztika beállítása – plugin (WordPress.com Stats) segítségével
Beállítások/Általános oldal
Wordpress – hasznos linkek
Hivatalos weboldal: http://wordpress.org/
Magyar oldal: http://word-press.hu/
Magyar WP magazin: http://wpmagazin.net/
Wordpress Lap: http://wordpress.lap.hu/
Online tesztek készítése
Teljesen ingyenes megoldás nincs, némi korlátozás mindegyikben
van
Polldaddy.com
kérdőív (Survey) – korlátozás: 100 visszajelzés havonta, 10
kérdés / kérdőív
szavazás (Poll)
értékelés (Rating)
teszt (Quiz) – korlátozás: 10 kérdés / teszt
ezek Wordpress-be ágyazhatók
ProProfs Quiz Maker (http://www.proprofs.com/ )
korlátozás: 1 kérdés/lap
iTest: http://itest.sourceforge.net/
Google szolgáltatások
Gmail
több mint 7 GB tárhely, spamszűrés
automatikus mentés, szűrők létrehozása, levelek címkézése
(mappahasználat helyett), józanság ellenőrzése
beépített azonnali üzenetküldés (Gtalk)
Docs
webalapú irodai alkalmazáscsomag (táblázatkezelő,
szövegszerkesztő, prezentációkészítő, kérdőív szerkesztése)
a dokumentumok menthetők doc, rtf, pdf, xls, ppt, pps formában
kérdőívek eredményeinek begyűjtése, rögzítése!!!!!!!
Calendar (naptár)
online naptárszolgáltatás, napi, heti, havi, stb. bontások, több
naptár létrehozása, importálás Outlook-ból
események megosztása másokkal, SMS értesítés küldése, stb.
Google szolgáltatások
Groups
levelezési listák létrehozása (pl. egy adott kurzus hallgatóit
berakjuk egy levlistába, így egyszerre küldhetünk nekik
üzenetet)
hozzáférés korlátozása (pl. csak meghívással lehet tag vagy
nyilvános lista), spamszűrés, stb.
Picasa
saját képgyűjtemény, galéria létrehozása
Reader
RSS olvasó
Maps
online térképszolgáltatás
útvonaltervezés
műholdkép, utcakép (nagyobb városokban)
Egyéb web 2.0 szolgáltatások
Delicious
linkgyűjtemény készítése – blogba RSS segítségével berakható
mikroblog szolgáltatás
kapcsolat a wp bloggal – tweet készítése bejegyzésből!!!
Flickr
képgyűjtemény kialakítása
a képek bejegyzésekként „kiküldhetők” a blogunkba
Ustream
online óra tartása webkamera segítségével
az órát rögzíthetjük és később visszanézhetjük
RSS
Really Simple Sindication
web 2.0 szolgáltatás a hírlevél helyett
Hasznos oldalak
Tanár blog: http://tanarblog.hu/
Informatikai hírek: http://kocka.blog.hu/
Oktatással kapcsolatos videók:
http://www.teachers.tv/
http://www.teachertube.com/
Linkmegosztó szolgáltatások
http://www.delicious.com/
http://www.diigo.com/
Online fordítók
http://www.webforditas.hu/
http://translate.google.com/
http://translation.babylon.com/hungarian/
sd
Hasznos oldalak
Online szótárak
http://dict.sztaki.hu/index.hu.jhtml
http://www.leo.org/
http://www.magyarnemet.hu/
Fogalom térképek
http://www.text2mindmap.com/
Wordpress
.
