SVEUČILIŠTE JURJA DOBRILE U PULI

ODJEL ZA ODGOJNE I OBRAZOVNE ZNANOSTI

ODSJEK ZA RAZREDNU NASTAVU

WordPressSeminarski rad

Smjer: Razredna nastava, 3.god

Kolegij: Alati za e- obrazovanje I

Nositelj kolegija: V.pred. Janko Žufić

Studentica: Ana Jovanović

Pula, 8. svibanj 2012.

1. Uvod

U ovom seminarskom radu objasnit ćemo osnove korištenja WordPress-om.

Seminarski rad pokušat ćemo predočiti kao priručnik za rad s WordPress-om. Wordpress je

besplatna1 platforma za osobno izdavaštvo, s naglaskom na estetiku, web standarde, i lakoću

uporabe. WordPress koristite kada se želite baviti svojim blogom, a ne boriti se sa softverom

za njegovu izradu (hr.wordpress.org). WordPress pruža bezbroj mogućnosti u korištenju u

školi; zavisno o kreativnosti pojedinca (pr. može poslužiti za izradu web stranice škole,

školskih novina, kao zajednička web stranica jednog razreda ili više njih...). Treba još

napomenuti da je WordPress na engleskom jeziku, ali postoji i djelomičan prijevod na

hrvatski jezik, što dodatno olakšava korištenje (korisnici se kao volonteri mogu uključiti i

pomoći kod prevođenja). Za pomoć pri korištenju WordPress-a dostupni su materijali na

njihovim web stranicama (http://en.support.wordpress.com/) ili tutorijali na

www.youtube.com (preporučamo http://www.youtube.com/watch?v=Fq39O_Rb-

pY&feature=relmfu) ili http://www.wordpresstipstricksandtweaks.com/.

2. Početak rada

Da bi uopće počeli raditi u WordPress-u, potrebno je napraviti korisnički račun,

odabrati svoje korisničko ime te ime onoga što izrađujemo. Obzirom da ćemo kroz ovaj

seminar za napraviti web stranicu za nastavni predmet Priroda i društvo, u nastavku ćemo

koristiti izraz web stranica.

Pa, počnimo.

Otvorimo web preglednik te u adresna traka za upis web adrese (address bar) upišemo

http://wordpress.com/. Otvara nam se web stranica s koje krećemo na registraciju. Klikom na

Sign up otvaraju nam se polja u koja unosimo željene podatke: ime web stranice, korisničko

ime, zaporku, te našu e-mail adresu na koju nam pri završetku registracije stiže link na kojeg

je potrebno kliknuti kako bi registracija bila završena (vidi sl.1. Početak rada)

1 Besplatan rad s WordPressom za razliku od plaćenog (vidi:hosting), ima za razliku to što će domena biti imestranice.wordpress.com, a ne imestranice.com ili imestranice.net.

sl.1. Početak rada

2. Izbor teme i rad s Nadzornom pločom

Kada se uologiramo na naš WordPress račun (sličan postupak kao kod registracije

samo što kliknemo na get started here gdje unesemo svoje podatke) otvara nam se Nadzorna

ploča koja je najbitnija stavka prilikom uređivanja. Naime, u sklopu nje se nalaze svi alati

potrebni za uređivanje naše web stranice. Kada prvi puta pristupimo, čekat će nas pozdravna

poruka sa par savjeta kako započeti s radom (vidi sl. 2. Nadzorna ploča). Obzirom da je

WordPress djelomično preveden, koristit ćemo se i stranim riječima prilikom objašnjavanja

(engleskim jezikom). Preskočit ćemo njihove savjete klikom na remind me later kako bi

započeli s uređivanjem web stranice. Važno je reći da zavisno o temi koju smo odabrali,

zavisit će i naše mogućnosti kod izrade izgleda stranice, razlike su male, ali postoji

mogućnost da neke teme ne podržavaju pojedine widgete (dodatke). Moguće je identično

uređivanje, ali kroz različite alate. Što više proučavamo, više otkrivamo.

sl. 2. Nadzorna ploča

3. Postavke

U Postavkama (sl. 3. Postavke) određujemo stavke koje će nam kasnije biti korisne u

radu, poput imena web stranice, tko sve može ostavljati komentare na stranici, privatnost itd.

Važno je kada se promjene naprave kliknuti na kraju stranice na opciju „snimi promjene“,

kako bi nam zaista i ostale. Objasnit ćemo najbitnije:

Općenite postavke: kao i što samo ime govori, dajemo administratorov e-mail,

uređujemo slogan koji će biti prikazan na našo web stranici, postavljamo jezik koji će

primaran pri pisanju

Pisanje: preporuča se označiti „WordPress treba automatski ispraviti nepravilno

ugniježđen XHTML“

Svi alati potrebni za uređivanje web

stranice

Čitanje: preporuča se označiti statičnu početnu stranicu, pr. „O nama“ jer je puno

ozbiljnije i preglednije

Rasprava: omogućuje se da mi kao administratori odlučujemo čiji će komentar biti

objavljen, kojim redoslijedom će postovi2 biti prikazani (od najnovijeg ka najstarijem

ili obrnuto), upisujemo riječi koje će biti dodane na crnu listu, umećemo sliku koju

želimo da bude vidljiva kao oznaka korisnika prilikom objavljivanja postova (avatar)

Privatnost: podešavamo vidljivost naše web starnice, naime postoji mogućnost da

označimo da ne želimo da se web stranica može pronaći preko tražilica ili da bude

vidljiva samo korisnicima koje mi odaberemo...

sl. 3. Postavke

2 Razlika između postova i stranica je ta što su postovi češći, sadrže puno informacija, nakon određenog vremena mogu zastarjeti i biti prebačeni u arhivu, dok su stranice statične, informacije na njima nisu često mijenjane, primjerice kontakt ili adresa ili o nama.

4. Alati

U Alatima imamo mogućnosti uvoza, izvoza i brisanja web stranice. Korisno je, kada

je stranica gotova, izvesti je tj. napraviti kopiju i spremiti je na vlastito računalo, jer se ona

kasnije na isti način može uvesti, pr. to vam može poslužiti kao predložak pri izradi nove

stranice (sl. 4. Alati).

sl. 4. Alati

Napomena: kako bi pratili promjene kliknemo na ime web stranice (sl. 5. Home), te za

povratak na uređivanje postavimo miš na ime web stranice (bez klika) te nam se otvara

prozorčić u kojemu piše Dashboard taj. Nadzorna ploča, te kada kliknemo na nju,

nastavljamo s uređivanjem.

sl. 5. Home

5. Korisnici

Kao što smo već napomenuli, moguće je identično uređivanje, ali kroz različite alate.

Tako je i ovdje moguće uređivanje vlastitog profila, postavljanje slike. Možemo pozvati

novog korisnika i dati ulogu koju će imati na web stranici, pr. kao administrator, urednik,

autor (odmah do prozora u kojem se određuje uloga postavljen je link, koji kada se klikne na

njega objašnjava što koja uloga smije, taj. koja su joj ograničenja).

6. Izgled

Ukoliko želimo promijeniti trenutnu temu (pr. osim besplatnih ima i onih koje se

plaćaju), ovdje ćemo to učiniti. Postoji i mogućnost filtriranja, tj. postavljanja karakteristika

koje želimo od teme (sl. 6. Tema). Ostali alati:

sl. 6. Tema

1. Widgeti (dodaci) koristan je alat koji nam pomaže kod poboljšavanja naše web stranice, tj.

što će sve na njoj još biti prikazano (dodano), pr. tražilica, kalendar, linkovi ...Uređivanje

se radi drag&drop metodom, kliknemo (lijeva strana) na widget koji želimo, pr. kalendar

te ne dižući prst s miša odvučemo i otpustimo dodatak gdje želimo da se nalazi na web

stranici, imamo ponuđene opcije (bočno, gore, desno...) (sl. 7. Kalendar 1, sl. 8. Kalendar

2, sl. 9. Kalendar 3). Imenujemo widget po želji pr. Kalendar s ispitnim rokovima.

Također, ako ih želimo deaktivirati s naše web stranice, napravimo isto, samo obrnuto.

Napomena: ukoliko pri korištenju alata u WordPressu zatrebamo dodatnu pomoć, u

desnom gornjem kutu imamo ikonicu Pomoć, te kada kliknemo na nju otvara se prozor

s uputama o onome što trenutno radimo (sl. 6. Tema).

sl. 7. Kalendar 1

sl. 8. Kalendar 2

sl. 9. Kalendar 3

2. Izbornici: kada kreiramo izbornik, na njega ćemo umetati stranice, kategorije ili slično.

Kada prvi pura kliknemo na izbornik otvara nam se prozor s uputama kod kreiranja. Kako

biste kreirali prilagođeni izbornik, iznad unesite željeno ime i kliknite Kreiraj Izbornik.

Nakon toga odaberite stavke kao što su stranice, kategorije ili korisničke poveznice iz

lijevog stupca kako bi ih ste dodali u ovaj izbornik. Nakon što ste dodali željene stavke,

povucite i spustite kako bi ih ste poredali po svojoj želji. Također, možete kliknuti svaku

stavku kako biste otkrili dodatne konfiguracijske opcije. Kada završite sa kreiranjem

vašeg prilagođenog izbornika, budite sigurni da ste kliknuli gumb Snimi Izbornik (sl. 10.

Izbornik) (hr.wordpress.org). Kada je izbornik imenovan i snimljen krećemo s

uređivanjem, metodom drag&drop. Kad budemo napravili stranice, ovdje ćemo ih ubaciti.

sl. 10. Izbornik

3. Pozadina: kao što i sama riječ govori, ovim alatom mijenjamo pozadinu web stranice.

Možemo promijeniti boju ili ubaciti vlastitu sliku, primjerice s računala.

Napomena: treba paziti kod preuzimanja slika s Googla jer su neke možda zaštićene

copyrightom3.

4. Zaglavlje: slični rad kao i sa pozadinom, samo što ovdje možemo promijeniti boju

naslova, sliku zaglavlja- vlastitu ili iskoristiti iz predloška (sl. 11. Zaglavlje).

3 Nakladničko i autorsko pravo.

sl. 11. Zaglavlje

7. Ankete

Ovaj nam alat omogućava izradu anketa, primjerice s višestrukim izborom, te se nakon

glasovanja odmah prikazuju rezultati.

8. Komentari

Postavke o komentarima namjestili smo još na početku seminara (vidi Postavke).

Prikazani su nam podaci o pošiljatelju, koliko je komentara na čekanju (zavisno o

postavkama).

Promjena boje naslova u crvenu

Promjena slike zaglavlja

9. Stranice

Kliknemo na Dodaj novu stranicu. Pri izradi stranica, da bi bolje shvatili o čemu je

riječ možemo koristiti Pomoć. Otvorit će se prozor s uputama o izradi. Nakon što smo

kreirali naslov i unijeli tekst, kliknemo na Predpregled i/ili Objavi. Kada nadopunjavamo

tekst, nakon što je stranica već objavljena, za spremanje kliknemo Ažuriraj. Da bi novonastala

stranica bili u izbornoj traci, potrebno je vratiti se na alat Izgled- Izbornici te u prozoru

Stranica označiti novonastalu stranicu, te kliknuti na Dodaj u izbornik, a zatim snimiti

promjene( sl. 11. Stranica i sl. 12. Stranica 2).

sl. 11. Stranica

1

2

3

sl. 12. Stranica 2

9. Poveznice (linkovi)

Prilikom otvaranja WordPressa imamo umetnute poveznice (po defaultu), kao i

pozdravnu poruku itd. Moguće ih je izbrisati. Poveznice mogu biti razdvojene po

Kategorijama: kliknemo na Poveznice- Kategorije poveznica, te imenujemo novu

kategoriju poveznica pr. PKP te kliknemo na Dodaj novu kategoriju poveznica. Sada smo

stvorili kategoriju u koju ćemo dodati poveznice. Kliknemo na Dodaj novu poveznicu te

ispunimo potrebna polja. Ispod svakog polja napisano je objašnjenje čemu ono služi. Sad

odaberemo kategoriju u koju želimo da nam se poveznica nalazi. Nakon što smo ispunili

podatke, nemojmo zaboraviti kliknuti na Dodaj poveznicu (sl. 13. Poveznica).

Napomena: preporuča se da se prilikom stvaranja poveznica označi opcija u Odredištu:

_blank — novi prozor ili kartica, što znači da će nam se klikom na poveznicu, ona otvoriti

u novom prozoru (new tab), tako da osoba koja je posjetila našu web stranicu neće biti maknuta s

nje.

sl. 13. Poveznica

Sada trebamo to što smo napravili prebaciti na stranicu. To smo slično već napravili.

Kliknemo na Izgled- Widgeti te drag&drop metodom postavimo poveznicu na željeno mjesto

na stranici (sl. 14 . Postavljanje poveznice na stranicu). I, naravno, snimimo promjene.

sl. 14 . Postavljanje poveznice na stranicu

10. Media

Omogućeno nam je unošenje mp3, mp4, wav, ogg audio datoteka, te slika i video

datoteka kado 3 GB kao medijske zbirke. One ostaju spremljene u na web stranici te prilikom

izrade postova ili stranica, možemo se poslužiti njima.

11. Postovi

Po defaultu u čeka nas post (kao i stranica), koji nam opisuje čemu služi. Postove

izrađujemo klikom na Postovi- Dodaj novi. Dodamo naslov i tekst. Što se teksta tiče, možemo

ga uređivati. Alati za uređivanje slični su kao i u Microsoft Office Wordu (sl. 15. Uređivanje

teksta). Da bi stvorili poveznicu, označimo riječ koju želimo da bude poveznica klikom

mišem na početak riječi te prelaskom preko riječi i otpuštanjem miša na kraju riječi (da riječ

poplavi), zatim kliknemo na stvaranje poveznice te nam se otvara prozor u kojemu unosimo

odredišni url i naslov. Na sl. 15. Uređivanje teksta, poveznica je napravljena tako da

istovremenim pritiskom CTRL na tipkovnici i klikom miša na riječ „studenata“ otvara se

novi prozor i u njemu stranica Sveučilišta Jurja Dobrile u Puli.

sl. 15. Uređivanje teksta

Da bi ubacili medijsku datoteku i/ili anketu u post iznad alatne trake za uređivanje teksta, u

ravnini s Prenesi/Umetni kliknemo na željenu ikonu i/ili . Ako smo odlučili ubaciti

medijsku datoteku, kliknemo na željenu ikonu i otvara nam se prozor sa mogućnošću

ubacivanja media datoteke s računala, s url-a ili iz medijske zbirke (vidi 10. Media i sl. 16.

Medijska datoteka)

Stvaranje poveznice

sl. 16. Medijska datoteka

Zatim scrollamo4 do kraja, označimo željenu veličinu, poravnavanje, te umetnemo u post i

snimimo promjene i objavimo (sl.17. Medijska datoteka 2).

4 Desni plavi klizač (scrollbar) povučemo mišem do kraja prema dolje.

sl.17. Medijska datoteka 2

Možemo napraviti i kategorije u koje ćemo razvrstati postove (Postovi- Kategorije).

Napomena: postoji mogućnost da namjestimo vrijeme kada želimo da nam post bude

objavljen (sl. 18. Vrijeme objave posta) te vidljivost posta (možemo ga i zaštititi lozinkom).

Korisno, zar ne?

sl. 18. Vrijeme objave posta

12. Zaključak

U ovom seminarskom radu naveli smo samo neke od mogućnosti rada u Wordpressu.

Što ga više istražujemo, do više informacija ćemo doći i napraviti ono što želimo na

originalan način. WordPress je besplatan i koristan alat, isplati se uložiti vrijeme u njegovo

proučavanje jer mogućnosti rada u WordPressu zavise većinom o nama. Sretno!

13. Literatura:

1. hr.wordpress.org. Preuzeto 5. svibanj 2012. iz http://hr.wordpress.org/

2. http://www.youtube.com/watch?v=Fq39O_Rb-pY&feature=relmfu. Preuzeto 5. svibanj

2012. s www.youtube.com