Wordpress Maturski

8/18/2019 Wordpress Maturski

1/18

JAVNA USTANOVA GIMNAZIJA OBALA

WordPress

Maturski rad

1


2/18

1. Uvod

U ovom maturskom radu cu objasniti osnove korištenja WordPress-a.Maturski rad pokušat ćemo predstaviti kao priručnik za rad s WordPress-om. Wordpress je besplatna platforma za osobno koristenje s na!laskom na estetiku "eb standarde i lakoću upor

abe.WordPress koristite kada se #elite baviti svojim blo!om a ne boriti se sa softverom za nje!ovuizradu.

$. Početak rada

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

odabrati svoje korisničko ime te ime ono!a što izra&ujemo. 'bzirom da ćemo kroz ovaj

maturski rad napraviti "eb stranicu za predmet (nformatika u nastavku ćemo koristiti izraz

"eb stranica.

Pa počnimo.

'tvorimo pretrazivac te u adresnu traku napisemo )ttp*++"ordpress.com+. 'tvara nam se "eb

stranica s koje krećemo na re!istraciju. ,likom na reate Website pocinjemo izradu

Wordpress stranice* vidi sl.1. 'dabir dizajna/ sl.$.0aziv stranice/ sl. (zrada accounta2

sl.1. 'dabir dizajna

2

http://wordpress.com/http://wordpress.com/


3/18

sl.$. 0aziv stranice

3


4/18

$. Pocetak rada na stranici

,ada verifikujemo e-mail adresu i kada sve zavrsimo mozemo poceti rad na nasoj

stranici. sl.1. Prvi clanak/ sl.$. Uredivanje prvo! clanka2

sl. 1. Prvi clanak

4


5/18

sl.2. Uredivanje prv! "lan#a

Sa lijeve s$rane %&e% vidje$i sav ala$ &a 'redivanje nase! prv! "lan#a nanasj (e)s$rani"i.

. Postavke

U Postavkama sl. . Postavke2 odre&ujemo stavke koje će nam kasnije biti korisne u

radu poput imena "eb stranice tko sve mo#e ostavljati komentare na stranici privatnost itd.

3a#no je kada se promjene naprave kliknuti na kraju stranice na opciju „snimi promjene“,

kako bi nam zaista i ostale. 'bjasnit ćemo najbitnije*

• Općenite postavke* kao i što samo ime !ovori dajemo administratorov e-mail

ure&ujemo slo!an koji će biti prikazan na našo "eb stranici postavljamo jezik koji će

primaran pri pisanju• Čitanje: preporučava se označiti statičnu početnu stranicu pr. „O nama“ jer je puno

ozbiljnije i pre!lednije• Rasprava: omo!ućuje se da mi kao administratori odlučujemo čiji će komentar biti

objavljen kojim redoslijedom će postovi1 biti prikazani od najnovije! ka najstarijem

1 *a&li#a i&%e+' ps$va i s$rani"a je $a ,$ s' ps$vi -e,i/ sadr0e p'n inr%a"ija/

na#n dre+en! vre%ena %!' &as$arje$i i )i$i pre)a-eni ' ariv'/ d# s' s$rani"es$a$i-ne/ inr%a"ije na nji%a nis' -es$ %ijenjane/ pri%jeri"e kontakt ili adresa ili onama.


6/18

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

#elimo da bude vidljiva kao oznaka korisnika prilikom objavljivanja postova avatar2• Privatnost: podešavamo vidljivost naše "eb starnice naime postoji mo!ućnost da

označimo da ne #elimo da se "eb stranica mo#e pronaći preko tra#ilica ili da bude

vidljiva samo korisnicima koje mi odaberemo...

sl. . Postavke

4. 5lati

U 5latima imamo mo!ućnosti uvoza izvoza i brisanja "eb stranice. ,orisno je kada

je stranica !otova 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. 5lati2.


7/18

sl. 4. 5lati

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

povratak na "re#ivanje postavimo mi$ na ime web stranice (be! klika te nam se otvara

pro!or%ić " kojem" pi$e &as'boar tab. )a!orna plo%a, te kaa kliknemo na nj",

nastavljamo s "re#ivanjem.

5


8/18

sl. 6. 7ome

6. ,orisnici

,ao što smo već napomenuli mo!uće je identično ure&ivanje ali kroz različite alate.

8ako je i ovdje mo!uće ure&ivanje vlastito! profila postavljanje slike. Mo#emo pozvati

novo! korisnika i dati ulo!u koju će imati na "eb stranici pr. kao administrator urednik

autor odma) do prozora u kojem se odre&uje ulo!a postavljen je link koji kada se klikne na

nje!a objašnjava što koja ulo!a smije taj. koja su joj o!raničenja2.

9. (z!led

Ukoliko #elimo promijeniti trenutnu temu pr. osim besplatni) ima i oni) koje se

plaćaju2 ovdje ćemo to učiniti. Postoji i mo!ućnost filtriranja tj. postavljanja karakteristika

koje #elimo od teme sl. 9. 8ema2. 'stali alati*

6


9/18

sl. 9. 8ema

*. +ieti dodaci2 koristan je alat koji nam poma#e kod poboljšavanja naše "eb stranice tj.

što će sve na njoj još biti prikazano dodano2 pr. tra#ilica kalendar linkovi ...Ure&ivanjese radi dra!:drop metodom kliknemo lijeva strana2 na "id!et koji #elimo pr. kalendar

te ne di#ući prst s miša odvučemo i otpustimo dodatak !dje #elimo da se nalazi na "eb

stranici imamo ponu&ene opcije bočno !ore desno...2 sl. ;. ,alendar 1 sl.


10/18

sl. ;. ,alendar 1

sl.


11/18

sl. =. ,alendar

/. 0enii: kada kreiramo meni na nje!a ćemo umetati stranice kate!orije ili slično. ,ada

prvi pura kliknemo na meni otvara nam se prozor s uputama kod kreiranja. ,ako biste

kreirali prila!o&eni meni iznad unesite #eljeno ime i kliknite ,reiraj Meni. 0akon to!a

odaberite stavke kao što su stranice kate!orije ili korisničke poveznice iz lijevo! stupca

kako bi i) ste dodali u ovaj izbornik. 0akon što ste dodali #eljene stavke povucite i

spustite kako bi i) ste poredali po svojoj #elji. 8ako&er mo#ete kliknuti svaku stavku kako

biste otkrili dodatne konfi!uracijske opcije. ,ada završite sa kreiranjem vaše!

prila!o&eno! menija budite si!urni da ste kliknuli !umb >ave Menu sl. 1?. Meni2 . ,ada

je izbornik imenovan i snimljen krećemo s ure&ivanjem metodom dra!:drop. ,ad

budemo napravili stranice ovdje ćemo i) ubaciti.

11


12/18

sl. 1?. Meni

1. Po!aina: kao što i sama riječ !ovori ovim alatom mijenjamo pozadinu "eb stranice.

Mo#emo promijeniti boju ili ubaciti vlastitu sliku primjerice s računala.2. 3alavlje: slični rad kao i sa pozadinom samo što ovdje mo#emo promijeniti boju

naslova sliku za!lavlja- vlastitu ili iskoristiti iz predloška sl. 11. @a!lavlje2.

12


13/18

sl. 11. @a!lavlje

;. 5nkete

'vaj nam alat omo!ućava izradu anketa primjerice s višestrukim izborom te se nakon

!lasovanja odma) prikazuju rezultati.

tranice

13


14/18

,liknemo na &oaj nov" stranic". Pri izradi stranica da bi bolje s)vatili o čemu je

riječ mo#emo koristiti Pomoć. 'tvorit će se prozor s uputama o izradi. 0akon što smo

kreirali naslov i unijeli tekst kliknemo na Preprele i+ili Objavi. ,ada nadopunjavamo

tekst nakon što je stranica već objavljena za spremanje kliknemo 4"riraj. %a bi novonastala

stranica bili u izbornoj traci potrebno je vratiti se na alat 6!le7 6!bornici te u prozoru

>tranica označiti novonastalu stranicu te kliknuti na %odaj u izbornik a zatim snimiti

promjene sl. 11. >tranica i sl. 1$. >tranica $2.

sl. 11. >tranica

14


15/18

sl. 1$. >tranica $

1?. Media

'mo!ućeno nam je unošenje mp mp4 "av o!! audio datoteka te slika i video

datoteka do AB kao medijske zbirke. 'ne ostaju spremljene u na "eb stranici te prilikom

izrade postova ili stranica mo#emo se poslu#iti njima.

11. Postovi

Po defaultu u čeka nas post kao i stranica2 koji nam opisuje čemu slu#i. Postove

izra&ujemo klikom na Postovi7 &oaj novi. %odamo naslov i tekst. Cto se teksta tiče mo#emo

!a ure&ivati. 5lati za ure&ivanje slični su kao i u Microsoft 'ffice Wordu sl. 16. Ure&ivanje

teksta2. %a 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č

poplavi2 zatim kliknemo na stvaranje poveznice te nam se otvara prozor u kojemu unosimo

odredišni url i naslov. 0a sl. 16. Ure&ivanje teksta poveznica je napravljena tako da

istovremenim pritiskom 8DE na tipkovnici i klikom miša na riječ „st"enata“ otvara se

novi prozor i u njemu stranica >veučilišta Furja %obrile u Puli.

1


16/18

sl. 16. Ure&ivanje teksta

%a bi ubacili medijsku datoteku i+ili anketu u post iznad alatne trake za ure&ivanje teksta

pritisnemo %odaj fajl. 5ko smo odlučili ubaciti medijsku datoteku kliknemo na #eljenu

ikonu i otvara nam se prozor sa mo!ućnošću ubacivanja media datoteke s računala s url-a ili

iz medijske zbirke vidi 1?. Media i sl. 19. Medijska datoteka2

1

S$varanje


17/18

sl. 19. Medijska datoteka

@atim scrollamo$ do kraja označimo #eljenu veličinu poravnavanje te umetnemo u post i

snimimo promjene i objavimo sl.1;. Medijska datoteka $2.

2

15


18/18

sl.1;. Medijska datoteka $

1$. @aključak

U ovom maturskom radu naveli smo samo neke od mo!ućnosti rada u Wordpressu. Cto

!a više istra#ujemo do više informacija ćemo doći i napraviti ono što #elimo na ori!inalan

način. WordPress je besplatan i koristan alat isplati se ulo#iti vrijeme u nje!ovo proučavanje

jer mo!ućnosti rada u WordPressu zavise većinom o nama. >retnoG

1. Eiteratura*

1. worpress.com

2. (i#ipedia."%

16

Documents

Wordpress Maturski