Osnove rada u WordPressu - srce.unizg.hr · Osnove rada u WordPressu (C700) 7 1. Uvod Od početka razvoja weba, kad je grupa znanstvenika namjeravala razmjenjivati rezultate svojih

Osnove rada u WordPressu WordPress 4.8

C700

priručnik za polaznike © 2017 Srce

Ovu inačicu priručnika izradio je autorski tim Srca u sastavu:

Autorica: Maja Cvitković

Recenzent: dr. sc. Kruno Golubić

Urednica: Gorana Kurtović

Lektorica: Mia Kožul

Sveučilište u Zagrebu

Sveučilišni računski centar

Josipa Marohnića 5, 10000 Zagreb

[email protected]

ISBN 978-953-8172-09-0 (meki uvez) ISBN 978-953-8172-10-6 (PDF)

Verzija priručnika C700-20171027

Ovo djelo dano je na korištenje pod licencom Creative Commons

Imenovanje-Nekomercijalno-Dijeli pod istim uvjetima 4.0

međunarodna. Licenca je dostupna na stranici:

http://creativecommons.org/licenses/by-nc-sa/4.0/.

Sadržaj

1. Uvod ...............................................................................................................................7

1.1. Izrada web-stranica ...................................................................................................................8

1.2. Pregled sadržaja tečaja.......................................................................................................... 12

2. Instalacija WordPressa i prvi koraci .......................................................................... 13

2.1. Web-poslužitelj ....................................................................................................................... 13

2.2. Sustavi za upravljanje sadržajem .......................................................................................... 15

2.3. Instalacija WordPressa .......................................................................................................... 16

2.4. Pregledavanje početnoga web-sjedišta iz uloge posjetitelja .................................................. 20

2.5. Prednja i stražnja strana – pogledi na web-sjedište iz uloge administratora ........................ 22

2.6. Promjena izgleda web-sjedišta .............................................................................................. 24

2.7. Pitanja za ponavljanje: Instalacija WordPressa i prvi koraci .................................................. 28

3. Dodavanje i uređivanje sadržaja ................................................................................ 29

3.1. Nadzorna ploča ...................................................................................................................... 29

3.2. Upis i pohranjivanje objava .................................................................................................... 31

3.3. Rad s popisima objava ........................................................................................................... 34

3.4. Uređivanje sadržaja objava .................................................................................................... 35

3.5. Izdvajanje uvodnoga dijela objave ......................................................................................... 37

3.6. Dodavanje istaknute slike objavi ............................................................................................ 38

3.7. Stranice .................................................................................................................................. 39

3.8. Vježba: Dodavanje i uređivanje objava i stranica .................................................................. 42

4. Postavke web-sjedišta ................................................................................................ 45

4.1. Elementi stranice izrađene WordPressom ............................................................................. 45

4.2. Izbor teme .............................................................................................................................. 47

4.3. Prilagođavanje izgleda teme .................................................................................................. 50

4.4. Postavke web-sjedišta vezane za prikaz sadržaja ................................................................ 51

4.5. Izbornici .................................................................................................................................. 52

4.6. Dodaci .................................................................................................................................... 54

4.7. Widgeti ................................................................................................................................... 58

4.8. Vježba: Promjena postavki web-sjedišta ............................................................................... 61

5. Rad s medijskim zapisima .......................................................................................... 63

5.1. Pojedinačne slike u tekstu ..................................................................................................... 63

5.2. Vježba: Rad sa slikama.......................................................................................................... 73

5.3. Galerije slika ........................................................................................................................... 75

5.4. Video zapisi ............................................................................................................................ 78

5.5. Ostale vrste zapisa ................................................................................................................. 80

5.6. Vježba: Rad s medijskim zapisima ........................................................................................ 81

6. Unos i oblikovanje tekstova ....................................................................................... 83

6.1. Upis i lijepljenje teksta ............................................................................................................ 83

6.2. Provjera pravopisa ................................................................................................................. 86

6.3. Pregled funkcija editora.......................................................................................................... 87

6.4. Umetanje linkova .................................................................................................................... 89

6.5. Upotreba stilova ..................................................................................................................... 92

6.6. Tekstni ("HTML") editor .......................................................................................................... 94

6.7. Vježba: Pisanje i upotreba editora ......................................................................................... 97

7. Svrstavanje objava ...................................................................................................... 99

7.1. Kategorije objava ................................................................................................................... 99

7.2. Brzi pristupi objavama pojedine kategorije .......................................................................... 102

7.3. Oznake i dodaci za upotrebu oznaka ................................................................................... 104

7.4. Formati objava i istaknuta objava ........................................................................................ 105

7.5. Vježba: Povećanje preglednosti web-sjedišta grupiranjem objava ...................................... 107

8. Optimizacija za tražilice (SEO) ................................................................................. 109

8.1. Kako rade tražilice? .............................................................................................................. 110

8.2. Općenita pravila za SEO ...................................................................................................... 110

8.3. Dodaci u WordPressu kao pomoć za SEO .......................................................................... 114

8.4. Vježba: Uređivanje objava s ciljem poboljšanja rangiranja na tražilicama .......................... 116

9. Rad u timu.................................................................................................................. 117

9.1. Uloge na web-sjedištu izrađenom pomoću WordPressa ..................................................... 118

9.2. Pregled postojećih korisnika i dodavanje novoga ................................................................ 120

9.3. Korisnički podaci u WordPressu .......................................................................................... 121

9.4. Olakšavanje grupnoga rada ................................................................................................. 122

9.5. Vježba: Stvaranje novih korisnika i suradnja autora ............................................................ 123

10. Komunikacija unutar WordPressa ........................................................................... 125

10.1. Komentari ............................................................................................................................. 125

10.2. Obrasci za kontakt ............................................................................................................... 128

10.3. Pregled ostalih načina komuniciranja unutar WordPressa .................................................. 131

10.4. Vježba: Komunikacija unutar WordPressa........................................................................... 133

11. Komunikacija s drugim sustavima ........................................................................... 135

11.1. Veza na stranicu na društvenim mrežama........................................................................... 136

11.2. Reagiranje na objavu putem društvenih mreža ................................................................... 137

11.3. Prenošenje objava na društvene mreže .............................................................................. 138

11.4. Primanje tuđih popisa iz RSS izvora .................................................................................... 138

11.5. Stvaranje RSS izvora ........................................................................................................... 140

11.6. Zadaci: Komunikacija s drugim sustavima ........................................................................... 141

12. Gdje raditi s WordPressom? .................................................................................... 143

12.1. Odabir vlastite domene ........................................................................................................ 143

12.2. Izbor poslužitelja .................................................................................................................. 145

12.3. Izbor usluge udomljavanja i instalacija web-sjedišta s WordPressom ................................. 147

12.4. Pitanja ključna za odluku o izboru poslužitelja ..................................................................... 151

12.5. Uvoz i izvoz podataka .......................................................................................................... 152

12.6. Pitanja za ponavljanje: Gdje raditi s WordPressom? ........................................................... 154

13. Kamo dalje? ............................................................................................................... 155

13.1. Izgradnja web-sjedišta ......................................................................................................... 155

13.2. Praćenje novosti ................................................................................................................... 156

13.3. Proučavanje tema ................................................................................................................ 157

13.4. Proučavanje dodataka ......................................................................................................... 159

13.5. Usavršavanje u izradi sadržaja ............................................................................................ 159

13.6. Nastavak učenja za autore koji vladaju jezicima potrebnim za izgradnju CMS-ova ............ 160

13.7. Pitanja za ponavljanje: Kamo dalje? .................................................................................... 161

14. Dodaci ........................................................................................................................ 163

14.1. Instalacija lokalnog web-poslužitelja .................................................................................... 163

14.2. Dodatak za omogućavanje slanja poruka elektroničke pošte s bilo kojeg poslužielja ......... 166

Osnove rada u WordPressu (C700)

7

1. Uvod

Od početka razvoja weba, kad je grupa znanstvenika namjeravala

razmjenjivati rezultate svojih istraživanja, u društvu se promijenilo štošta.

Danas je web medij kojim se služe potencijalni kupci, klijenti ili drugi ljudi

koji predstavljaju izvor prihoda proizvođačima ili davateljima usluga, što

znači da je prisustvo na webu značajno za poslovanje. Web je postao

idealan medij i za isticanje pojedinaca, a postoje i zakonske odredbe

koje nalažu objavu određenih dokumenata na webu.

Sve to znači da je danas objavljivanje na webu nužnost, pa ga treba

pojednostavniti koliko se može uz zadržavanje potrebne funkcionalnosti i

uključivanje novih.

Cilj je ovoga tečaja polaznike upoznati s trenutačno najraširenijim

sustavom za izradu web-sjedišta, WordPressom, a tijekom tečaja svaki

će polaznik na temelju pripremljenih materijala stvoriti web-sjedište na

temu Čvorovi.

Tečaj traje tri dana, a raspored sadržaja u tečaju po danima bit će

izložen nakon kratke povijesti izrade web-stranica.

Preduvjeti za pohađanje i razumijevanje ovoga tečaja jesu poznavanje

osnova uporabe računala do razine pokretanja programa i rada s

datotekama, vještina rada s web-preglednicima te pisanje i umetanje

slika u bilo kojem programu za obradu teksta.

U priručniku se rabe ovi simboli:

podebljano su označeni važni pojmovi i naredbe, dok je put do

naredbe istaknut kurzivom

podebljano i kurzivom označena su imena datoteka

kurzivom su označene vrijednosti koje se nalaze u nekim poljima ili

koje korisnik treba upisati

u uglatim se zagradama nalaze oznake tipaka, na primjer [Esc] ili

[Ctrl]+[F]

u okvirima sa strane navedene su napomene.

Na kraju svake cjeline nalaze se vježbe ili pitanja, dok su na početku

poglavlja navedeni ishodi učenja koji mogu također poslužiti za

ponavljanje sadržaja svakoga pojedinog poglavlja.

Po završetku ovog poglavlja polaznik će moći:

odrediti što je CMS

navesti nekoliko njemu bliskih funkcija koje se jednostavno

mogu ostvariti CMS-om, a ne mogu ako se web-sjedište stvara

alatima za izradu web-stranica

opisati razvoj alata za izradu web-stranica, odnosno

web-sjedišta u kontekstu povećanja produktivnosti autora

priloga na web-sjedištu.


8

1.1. Izrada web-stranica

Web je nastao kao usluga na Internetu koja je korisnicima omogućila

primanje i pregledavanje sadržaja istim programom te vrlo jednostavan

način prelaska na povezane sadržaje diljem svijeta putem linkova. Za

određivanje strukture i, posredno, izgleda takvih sadržaja osmišljen je

poseban jezik, HTML (engl. hypertext markup language).

U početku su ljudi pisali stranice upotrebom HTML-a. To znači da su

pisali tekstove s oznakama koje su služile određivanju strukture

dokumenta, a da istovremeno nisu imali uvid u efekte upisanih oznaka,

tj. izgled upisanoga teksta u web-pregledniku.

Prva web-stranica: izvorni tekst u HTML-u i izgled u web-pregledniku.

Vrlo su se brzo pojavili programi koji su autorima web-stranica davali

privid rada u uobičajenim programima za obradu teksta, ali su kao

konačni rezultat i dalje imali dokumente u potrebnom obliku, sa

strukturom teksta određenom pomoću elemenata HTML-a. Budući da su

autori tijekom rada gledali izgled buduće stranice umjesto opisa

strukture stranice pomoću HTML-a, ti su se editori svrstavali u skupinu

WYSIWYG editora (engl. what you see is what you get).

Editori vrste WYSIWYG često su bili vrlo ugodni za rad, no zadržali su

nekoliko nedostataka koji su ometali rad korisnika. Sa stanovišta alata

za razvoj web-sjedišta većina se tih nedostataka odnosila na

usklađivanje rada skupine autora na istom web-sjedištu – kako

vremenski, zbog potrebe za istovremenim mijenjanjem raznih dijelova

iste stranice, tako i estetski ili funkcionalno, zbog česte neusklađenosti

dizajna stranica različitih autora ili čak istog autora, ali napisanih u

različitim trenucima. Problem je predstavljala i složenost komunikacije s

posjetiteljima.


9

WYSIWYG editor s istovremenim prikazom

HTML-kôda i izgleda web-stranice.

Rješenje navedenih problema našlo se u sustavima za upravljanje

sadržajem (engl. content management system, CMS), koji su razvijeni

za svrstavanje i dohvat raznih vrsta dokumenata za velike tvrtke i

ustanove. CMS-ovi koji su služili za upravljanje sadržajem na

web-sjedištima u početku su se nazivali WCMS (engl. web content

management system), no postali su toliko popularni da su preuzeli ime

svojega prethodnika tako da se izvorno značenje pojma CMS danas

spominje samo u izuzetnim situacijama.

Pregled pojmova vezanih za način izrade web-stranica.

Tamnijom su bojom istaknuta razdoblja

u kojima je pojedina tehnika bila na vrhuncu.

Pojavom CMS-ova autori su prestali stvarati HTML-dokumente –

umjesto toga oni sadržaje, na primjer nove članke, dodaju putem

19

90

.

20

00

.

20

10

.

HTML – jezik za izradu web-stranica

Web 2.0

WYSIWYG editori kao glavni alat za izradu web-stranica

CMS na webu

blogovi

2006. je obični čovjek, autor

sadržaja na webu, proglašen

osobom godine u izboru

časopisa Time

Napomena

U početku su web-stranice pisali ljudi. Danas web-stranice sastavljaju programi, no to ne isključuje potrebu poznavanja HTML-a – barem na razini ideje i prepoznavanja osnovnih elemenata.


10

web-preglednika. Web-stranice koje dolaze do računala posjetitelja i

koje se prikazuju na njihovim monitorima stvaraju programi unutar

CMS-a na temelju upisanih članaka, a u skladu s dodatnim uputama

autora o dizajnu stranice i uključivanju ostalih sadržaja.

Dodatna je prednost takvih sustava da se jednom pohranjeni prilog

može upotrijebiti na raznim mjestima: na jednoj se stranici može naći

kao cijeli članak, na drugoj se može pojaviti njegova najava u okviru

popisa uvodnih rečenica najnovijih članaka, a naslov članka može se

naći i u popisu članaka odgovarajuće rubrike. Općenito, dodavanjem

sadržaja u CMS autori utječu na web-sjedište, ne više samo na jednu

izoliranu stranicu, kao što je bio slučaj pri sastavljanju

HTML-dokumenata.

Stvaranje web-sjedišta putem CMS-a od početka je privlačilo autore

jednostavnošću jer više nije bilo potrebe za akcijama koje su mnogi

korisnici smatrali složenima:

CMS-ovi omogućavaju rad iz web-preglednika; dakle, autori mogu

raditi s bilo kojega računala, ne nužno onoga na kojem imaju

instaliran poseban editor za rad s web-stranicama

radi se izravno sa sadržajem na poslužitelju umjesto drugoga

najčešćeg načina – stvaranja stranica na lokalnom računalu te

prijenosa na poslužitelj nakon svake promjene

bez puno muke sve stranice web-sjedišta imaju sličan izgled, što

daje dojam profesionalnosti; bez uporabe CMS-ova je za isti učinak

potrebno puno pažnje korisnika.

Sa stanovišta grupnoga rada odlučujuće su bile sljedeće prednosti

CMS-ova:

mogućnost istovremenoga rada na sadržajima koji će se kasnije

nalaziti na istoj stranici

jednostavniji rad autora jer autori ne moraju voditi brigu o

oblikovanju

ujednačen izgled svih stranica (izgled tekstova te odabir i položaj

ostalih elemenata), čak i ako na njima rade različiti autori

jednostavan redizajn cijeloga web-sjedišta u slučaju potrebe za

osvježenjem dizajna ili promjene vizualnog identiteta organizacije –

vlasnika web-sjedišta.

No, CMS-ovi su donijeli i niz manje očekivanih prednosti koje su dale

poticaj za razvoj u raznim smjerovima.

Mnogi od prvih sustava za upravljanje sadržajem bili su napisani za

trgovinu putem Interneta te su morali uključivati komunikaciju kupaca s

prodavačem, dok je autorima koji su u to vrijeme stvarali web-sjedišta na

druge načine bilo kakva komunikacija s posjetiteljima bila relativno

složena. Uvođenjem CMS-ova opće namjene svim su vlasnicima

web-sjedišta postale dostupne razne mogućnosti komunikacije s

posjetiteljima: slanje poruka vlasnicima web-sjedišta, ankete,

komentiranje članaka, rasprave, naručivanje proizvoda i usluga te drugi.

Napomena

Danas većini korisnika važna web-sjedišta poput društvenih mreža, trgovina ili drugih sustava namijenjenih poslovanju ne bi postojala bez sustava za upravljanje sadržajem. Svaki od tih sustava stvoren je prema ideji komunikacije na određenom web-sjedištu i značajno se razlikuje od CMS-ova opće namjene, kao što je WordPress.

Napomena

Rad pomoću CMS-ova nekim je korisnicima neprirodan jer osjećaju gubitak kontrole nad objavljivanjem: korisnici ne utječu izravno na izgled stranice, nego dodaju članke od kojih programi stvaraju stranice.


11

Komunikacija je došla do tako visoke razine da glavni sadržaj pojedinih

web-sjedišta, društvenih mreža, nastaje tako da danas veliki broj

korisnika dodaje svoje priloge i reagira na priloge drugih.

Vrlo se brzo ustanovilo da se navedene prednosti CMS-a mogu iskoristiti

i za web-sjedišta koja u pravilu održava jedna osoba. Krajem 90-ih

godina način rada CMS-ova preuzela su web-sjedišta s člancima

primarno organiziranim u kronološki niz, poput dnevnika – web-logovi,

odnosno blogovi.

Web u kojem značajnu ulogu igraju tzv. obični ljudi sa svojim blogovima,

komentarima, ali i doprinosima u društvenim mrežama, mnogim je

korisnicima pružao nov doživljaj te je skovan pojam Web 2.0. Utjecaj

dvosmjernog weba bio je toliki da je 2006. godine američki magazin

Time proglasio sve korisnike osobom godine zbog doprinosa izgradnji

weba.

Naslovnica časopisa Time koja slavi web-sjedišta

s doprinosima mnoštva malih autora.

Od početka razvoja CMS-ova razvijeno je niz sustava – kako općenitih,

tako i specijaliziranih, kako besplatnih tako i komercijalnih. Posebnu su

liniju stvarali sustavi koji su omogućavali razvoj blogova, među koje se

2003. smjestio i WordPress.

WordPress je sustav otvorenoga kôda, što za korisnike znači da je

besplatan i da ga, ako raspolažu odgovarajućim znanjima, mogu

mijenjati, nadograđivati ili na druge načine sudjelovati u njegovu razvoju.

Važno je napomenuti i da je WordPress rezultat rada zajednice

volontera diljem svijeta.

Kao i svi ostali programi, tako se WordPress s godinama mijenjao te je

od sustava namijenjenoga jednom autoru narastao do CMS-a koji

podržava rad cijele redakcije i koji se može proširiti tako da zadovoljava

potrebe različitih autora i organizacija.

Danas postoji niz CMS-ova, među kojima su najpoznatiji upravo

WordPress, pa Joomla, Drupal i drugi. Na ovom se tečaju govori o

CMS-u WordPress, no svi su CMS-ovi slični te je prelazak s jednoga na

drugi relativno jednostavan.

Napomena

Službeno WordPressovo web-sjedište je wordpress.org.


12

WordPress je sustav otvorenoga kôda, što među ostalim znači

da se relativno jednostavno mogu stvarati dodaci potrebni za

ostvarivanje raznih posebnih funkcija, za omogućavanje

jednostavnijega rada, povećanje sigurnosti itd.

Nekoliko je desetaka tisuća službenih dodataka WordPressu, ali samo

će mali izbor dodataka biti najavljen, a djelomično i prikazan tijekom

ovoga tečaja. Odgovarajući dijelovi teksta bit će označeni znakom

kockice.

Činjenica da je WordPress popularan ima i drugu stranu

medalje jer popularni sustavi privlače napadače koji se

pokušavaju okoristiti tuđim web-sjedištima za ostvarivanje svojih

kriminalnih aktivnosti.

Autori WordPressa ulažu mnogo napora u stvaranje sustava u koji će biti

teško provaliti, no i vlasnici web-sjedišta izrađenih pomoću WordPressa

moraju surađivati. Sigurnosne će napomene tijekom tečaja biti označene

simbolom lokota kao u ovom primjeru.

1.2. Pregled sadržaja tečaja

U ovom su tečaju obuhvaćeni osnovni pojmovi potrebni za

razumijevanje rada u CMS-u, prikaz osnovnoga načina rada u

WordPressu za web-sjedište namijenjeno informiranju korisnika te rad s

dodacima WordPressu.

U tri dana tečaja sadržaj je raspoređen od nužnih prema onima koji

samo osiguravaju dobru posjećenost web-sjedišta, slično kao što se

odvijao povijesni razvoj CMS-ova. Okvirno je sadržaj podijeljen po

danima na sljedeći način:

prvi se dan govori o postavljanju web-sjedišta i unosu sadržaja, a

cilj je upoznavanje odnosa između objekata WordPressa

drugi je dan posvećen pretežno dodavanju i reorganizaciji sadržaja

s ciljem lakšega snalaženja posjetitelja na web-sjedištu i postizanju

boljega dojma

treći dan obuhvaća sadržaje vezane za ljude – suradnike i

posjetitelje, daje smjernice za postizanje veće posjećenosti

stranica, opisuje razna mjesta za smještanje web-sjedišta te otvara

mogućnosti za daljnje usavršavanje autora.

Polaznici će na tečaju stvoriti prazno web-sjedište te ga nadopunjavati

sadržajima vezanim za zadanu temu, Čvorovi. Pri radu će upotrijebiti

većinu osnovnih funkcija WordPressa te nekoliko njegovih proširenja da

bi se upoznali sa širinom funkcija koje se mogu ostvariti WordPressom.

U ovom tečaju neće biti spomenute promjene koje treba učiniti u

programima koji pokreću WordPress ili u dodacima WordPressu, ma

koliko one jednostavne bile. U tečaju neće biti niti prilagođavanja izgleda

stranica koje zahtijevaju znanje HTML-a ili drugih jezika potrebnih za

izradu web-stranica.


13

2. Instalacija WordPressa i prvi koraci

Web-sjedište je skup povezanih stranica jednoga vlasnika na jednoj

domeni koje posjetitelji doživljavaju kao skup stranica dostupan u

jednom ili više koraka s naslovnice (engl. home page). Svi podaci koje

posjetitelji primaju u obliku stranica web-sjedišta moraju biti pohranjeni

na nekom stalno dostupnom računalu, tj. mora se osigurati isporuka tih

podataka posjetiteljima kad god to oni zažele.

U ovom će poglavlju prvo biti riječi o programima i računalima koji se

brinu da posjetiteljima stranice budu isporučene, a zatim će biti opisan

jedan način postavljanja web-sjedišta pokretanog WordPressom.

Poglavlje završava razgledavanjem upravo stvorenoga web-sjedišta te

namještanjem njegova izgleda.

2.1. Web-poslužitelj

Web-poslužitelj (engl. web server) je program koji odgovara na

zahtjeve za isporukom web-stranica.

Do web-poslužitelja stižu zahtjevi za web-stranicama od kojih svaki

sadrži adresu željene stranice na temelju koje poslužitelj zapakira i

pošalje ili web-stranicu ili, bitno rjeđe, poruku o nedostupnosti stranice.

Na sličan se način isporučuju i slike koje se prikazuju na web-stranicama

te drugi podaci potrebni za prikaz stranica.

Računalo na kojem radi program s ulogom web-poslužitelja obično se

također naziva web-poslužiteljem, premda ono može imati i druge uloge,

kao što su rad s elektroničkom poštom i slično. Razumljivo, katkad se

druga uloga stavlja u prvi plan, pa se računalo čija je glavna uloga uloga

web-poslužitelja naziva poslužiteljem za elektroničku poštu.


razdvojiti dva značenja naziva web-poslužitelj

prikupiti podatke potrebne za instalaciju WordPressa

samostalno otvoriti stranicu na kojoj se mogu preuzeti programi

potrebni za rad web-sjedišta u WordPressu

instalirati WordPress na poslužitelj ako je stvorena baza

podataka i ako se podaci prenose FTP-jem

opisati korake instalacije i povezati ih s pojmovima

web-poslužitelj, CMS, programi, baza podataka

razlikovati pogled posjetitelja od pogleda administratora

u ulozi administratora prelaziti s prednje strane web-sjedišta na

stražnju stranu i nazad

prilagoditi izgled web-sjedišta koristeći se izborom neke od

ugrađenih tema i izbornikom za prilagodbu.

Napomena

Uobičajen je izraz „posjetitelj web-sjedišta“ premda korisnik koji gleda stranice ništa ne posjećuje – on zahtijeva stranice i stranice mu se isporučuju.

Napomena

Kućni routeri, uređaji koji u

većini obitelji služe za izlaz iz lokalne mreže na Internet također sadrže web-poslužitelj.

Zato korisnik može, na primjer, postavke veze namještati na obrascima web-stranica koje

isporučuje upravo taj uređaj.


14

Poslužitelji u pravilu rade stalno, što se obično označava s 24/7/365.

Programi koji zahtijevaju usluge od poslužitelja nazivaju se klijentskim

programima, a računala na kojima se oni izvode klijentskim računalima.

U početku postojanja weba svi su autori web-stranica na poslužitelje

stavljali web-stranice – tekstove napisane u HTML-u koji su bili

isporučivani posjetiteljima te su ih klijentski programi posjetitelja

prikazivali kao web-stranice. Na web-poslužiteljima su se osim tekstova

nalazili i drugi podaci, prije svega slike, koje klijentski programi

naknadno zahtijevaju na temelju podataka napisanih na web-stranici.

Kad su stranice bile pohranjene na poslužiteljima, adrese stranica su

bile URL-ovi (engl. uniform resource locator), koji su uz ime domene

računala sadržavali put do datoteke u obliku niza mapa koje se nalaze

jedna unutar druge i te, na kraju, imena datoteke koja se nalazi u

posljednjoj mapi i koju je trebalo isporučiti klijentu.

Prikaz rada statičkih web-stranica

s istaknutim sadržajem web-sjedišta na poslužitelju.

Klijent poslužitelju šalje URL, a dobiva odgovarajući sadržaj.

Danas ovakav način rada na mnogim web-sjedištima više nije moguć jer

se njihov sadržaj često mijenja – gotovo svaki dan, sat, a moguće je i

mijenjanje nekoliko puta u sekundi ako je, na primjer, riječ o društvenim

mrežama, trgovinama na Internetu, online praćenju sportskih događaja

ili nekoj drugoj dinamičnoj aktivnosti.

Sadržaj koji se isporučuje posjetitelju web-stranica iz navedenih se

razloga danas umjesto u obliku HTML-dokumenata pohranjuje na druge

načine, prikladnije za često mijenjanje podataka, a web-stranice

pohranjene na poslužiteljima dobile su naziv statičke web-stranice.

HTML-dokumenti

slike …

klijent

poslužitelj

Napomena

Klijentsko računalo također može imati različite uloge, pa, među ostalim, može biti i poslužitelj.


15

2.2. Sustavi za upravljanje sadržajem

Stranice koje korisnici danas dobivaju stvaraju se u trenutku nakon što

web-poslužitelj primi zahtjev za stranicom. Njihov se sadržaj lako može

mijenjati od trenutka do trenutka, od prikazivanja jednom korisniku do

prikazivanja nekom drugom – i to sve bez utjecaja autora web-sjedišta.

Zbog stalnih se promjena takve stranice zovu dinamičke web-stranice.

Sustavi za upravljanje sadržajem, CMS-ovi, stvaraju dinamička

web-sjedišta, skupove dinamičkih web-stranica, i u pravilu ih čine

sljedeći elementi:

baza podataka u koju ljudi unose podatke (članke, popise

korisnika, komentare,…)

programi koji služe za upravljanje unosom i prikazom podataka

dizajn koji utječe na cijelo web-sjedište

slike i ostali multimedijski sadržaj

ostali podaci (na primjer tekstovi elemenata korisničkoga sučelja na

raznim jezicima).

Prikaz rada dinamičkih web-stranica

s istaknutim komponentama web-sjedišta na poslužitelju.

Klijent poslužitelju šalje URI, a dobiva

upravo složenu web-stranicu ili sadržaj drugačije vrste.

Na temelju navedenih podataka i adrese koju dobije od posjetitelja,

web-poslužitelj stvara stranicu u HTML-u i isporučuje ju posjetitelju. Zato

adresa stranice više ne može sadržavati mjesto stranice u strukturi

mapa na poslužitelju, kao što je to bio slučaj kod URL-a, nego sadrži

opis načina stvaranja te stranice. Takve se adrese nazivaju URI (engl.

uniform resource identifier), iako se najčešće u praksi nailazi na stari,

netočni, naziv URL.

poslužitelj

programi

slike

baza podataka

dizajn ostali podaci

klijent …


16

Rad autora u CMS-u obuhvaća unos sadržaja putem web-stranica

dostupnih samo autorima nakon čega se sadržaj pohranjuje u bazu

podataka.

Pri isporuci web-stranica posjetiteljima poslužitelj prvo dohvaća sadržaj

određen primljenim URI-jem iz baze podataka, a zatim slaže sadržaj na

web-stranicu. Na sadržaj stranice osim adrese mogu utjecati i drugi

podaci, pa tako identitet korisnika koji je u tom trenutku prijavljen na

stranicama određuje što on treba i smije vidjeti ili, na primjer, lokacija

korisnika određuje prikazanu vremensku prognozu.

2.3. Instalacija WordPressa

U WordPressu se može početi raditi na niz raznih načina, od kojih će na

početku tečaja biti prikazana klasična, takozvana petominutna

instalacija. Prolazeći kroz nju budući korisnik WordPressa može ponoviti

važne dijelove CMS-ova te se tako pripremiti za razumijevanje sadržaja

koji slijedi.

Na ovom će tečaju svaki polaznik raditi na svom web-sjedištu koje će se

nalaziti na poslužitelju dostupnom samo unutar učionice, dok će pred

kraj tečaja, nakon upoznavanja s raznim dodatnim zahtjevima na

web-poslužitelj, biti prikazane mogućnosti za udomljavanje web-sjedišta

zasnovanoga na WordPressu na poslužitelju prikladnom za daljnji rad.

Za početak rada potrebni su:

web-poslužitelj s dodatnim programima:

- interpreter (prevoditelj) za PHP, programski jezik u kojem je

pisan WordPress

- sustav za rad s bazama podataka, na primjer MariaDB ili

MySQL

baza podataka

programi koji čine WordPress.

Postavljanjem svega navedenoga dobiva se web-sjedište s primjerom

sadržaja i s nekoliko dizajna spremnih za primjenu.

Web-poslužitelj

Za polaznike tečaja pripremljen je web-poslužitelj dostupan putem

adrese http://wordpress.ucionice.srce.hr.

Bez obzira na web-adresu poslužitelja – bio on dostupan samo lokalno,

kao na ovom tečaju, ili putem Interneta, kao što je konačni cilj većine

autora, autor se prvo treba uvjeriti u njegovu dostupnost.

Adresna traka web-preglednika.

Napomena

Fraza „u CMS-u“, odnosno „u WordPressu“ skraćena je fraza „na web-sjedištu izrađenom pomoću CMS-a (ili sustava WordPress)“, pri

čemu se misli ili na ono web-sjedište na kojem autor objavljuje svoje sadržaje ili na sva web-sjedišta

izgrađena pomoću WordPressa. Ista se fraza može odnositi i na elemente sučelja, npr. neki okvir za unos podataka koji se pojavljuje na svim sjedištima izrađenim pomoću WordPressa. Razlika između ovih značenja je ili nebitna ili se vidi iz konteksta.

Napomena

Polaznicima koji ovaj dio tečaja ponavljaju kod kuće preporuča se prvo pročitati cjelinu „Gdje raditi s WordPressom?“.


17

Ako se u adresnu traku web-preglednika upiše adresa web-poslužitelja,

dobiva se odgovor koji je najčešće u obliku web-stranice. Ta stranica

može biti očekivanoga sadržaja, ali poslužitelj može poslati i sadržaj koji

govori da stranica nije nađena (takozvana pogreška 404 ili neka druga).

Ako se u adresnu traku upiše adresa poslužitelja koji ne postoji ili

trenutačno nije aktivan, web-preglednik javlja da poslužitelj nije nađen.

Provjera ostalih instaliranih programa obavlja se u ovisnosti o

web-poslužitelju te programima koji se nalaze na njemu. Važno je

provjeriti jesu li verzije tih programa u skladu barem s minimalnim

zahtjevima WordPressa, navedenim na stranici

https://wordpress.org/about/requirements/. To u pravilu znači da svi

potrebni programi moraju biti ažurni.

U učionici se udovoljavanje zahtjevima za instalaciju može provjeriti

putem sljedećih adresa:

podaci o interpreteru za PHP na http://wordpress.ucionice.srce.hr

podaci o sustavu za rad s bazama podataka na prethodno

navedenoj adresi i na

http://wordpress.ucionice.srce.hr/phpmyadmin.

Nakon što se budući autor web-sjedišta uvjeri da poslužitelj zadovoljava

uvjete za instalaciju WordPressa, mora još od odgovornih osoba prikupiti

podatke potrebne za budući rad.

Na ovom tečaju svaki polaznik radi na svom web-sjedištu na navedenom

web-poslužitelju, a podaci potrebni za rad dani su sljedećom tablicom:

Podaci o web-poslužitelju za rad u učionici u okviru ovoga tečaja.

Na nekom drugom poslužitelju bilo koji od ovih podataka može biti različit.

Opis podatka Vrijednost

na ovom tečaju

adresa zajedničkoga

web-poslužitelja http://wordpress.ucionice.srce.hr

način prijenosa datoteka SFTP

adresa poslužitelja za

prijenos datoteka wordpress.ucionice.srce.hr

mapa u koju treba

smjestiti programe public_html

korisnički podaci za

prijenos datoteka

korisničko ime: wordpressXY

lozinka: wordpressXY

adresa naslovnice

web-sjedišta polaznika

http://wordpress.ucionice.srce.hr/

~wordpressXY

XY je brojčana oznaka računala polaznika


18

Baza podataka

Za rad WordPressa potrebna je baza podataka koja će sadržavati

sadržaje koje autori upišu u obliku tekstova, ali i mnoge druge podatke o

web-sjedištu.

Prije instalacije WordPressa treba poznavati smještaj i ime baze

podataka s kojom će WordPress raditi, kao i korisničke podatke za

korisnika koji pravo pristupa i promjene – kako podataka, tako i strukture

baze podataka (na primjer, dodavanje novih tablica za smještanje

podataka). Baza podataka može biti stvorena unaprijed ili se korisniku

može dozvoliti stvaranje vlastite baze.

Baza podataka je za svakog polaznika na ovom tečaju stvorena

unaprijed, a podaci o njoj potrebni autoru budućega web-sjedišta su

navedeni u sljedećoj tablici:

Podaci o bazi podataka stvorenoj za rad u učionici u okviru ovoga tečaja.

Prijenos programa i instalacija WordPressa

Programi potrebni za rad WordPressa mogu se preuzeti s web-sjedišta

wordpress.org. Hrvatska inačica WordPressa dostupna je i izravno na

dijelu WordPressovog web-sjedišta namijenjenoga hrvatskim

korisnicima, hr.wordpress.org, rubrika Preuzimanje.

Stranica za preuzimanje s aktualnom i prethodnim inačicama.

Opis podatka Vrijednost

na ovom tečaju

naziv poslužitelja localhost

ime baze wp-XY


pristup bazi podataka

korisničko ime: wp-XY

lozinka: wp-XY

XY je brojčana oznaka računala polaznika

Napomena

U tečaju se radi s hrvatskim prijevodom korisničkoga sučelja WordPressa, a

engleski se nazivi spominju samo tamo gdje hrvatski još nisu udomaćeni.

Napomena

Baza podataka se ne mora nalaziti na istom računalu na kojem se nalaze programi koji stvaraju web-sjedište, no u pravilu se za manja web-sjedišta ipak nalazi na istom poslužitelju (localhost).


19

Preporuča se preuzeti najnovije izdanje koje se izravno nudi jer razlike

između instaliranoga WordPressa i priručnika ne mogu biti velike, a zbog

stalnog usavršavanja sustava isplati se raditi s novijom verzijom. U

slučaju rada na operacijskom sustavu Windows sljedeći su koraci

najjednostavniji ako se preuzme datoteka sažeta u ZIP obliku.

WordPress se diči svojom petominutnom instalacijom, no ona se može

još pojednostavniti. Sljedeći postupak iskorištava sve mogućnosti

automatizacije koje WordPress trenutačno nudi:

1. Izdvojiti sav sadržaj iz preuzete datoteke u neku novu mapu na

svom računalu.

2. Prenijeti sve datoteke u mapu na poslužitelju koja je određena za

smještaj web-sjedišta u skladu s dozvoljenim načinima prijenosa (v.

tablicu s podacima o web-poslužitelju).

3. Posjetiti web-sjedište upisivanjem adrese web-sjedišta u adresnu

traku, te pri prvom posjetu kroz niz obrazaca koji se pojavljuju na

uzastopnim web-stranicama upisati podatke nužne ili samo važne

za rad web-sjedišta:

- podatke za bazu podataka koju će upotrebljavati WordPress

- podatke o budućem web-sjedištu.

Podaci vezani za bazu podataka su ranije prikupljeni: ime baze

podataka, korisničko ime i lozinka za bazu podataka te naziv

poslužitelja. Prefiks, koji se također može prilagoditi, odnosi se na

unutarnju organizaciju baze podataka te zasad može ostati

nepromijenjen.

Prvi posjet web-sjedištu – upis podataka o bazi podataka.

Za prelazak na sljedeći korak nužno je ispravno ispuniti sva polja.

U sljedećem se koraku, na sljedećoj stranici, upisuju podaci o

web-sjedištu:

naziv web-stranice koji će se nalaziti na jahaču kartice

web-preglednika i na gumbu na traci zadataka koji će odgovarati

otvorenoj stranici web-sjedišta

Napomena

Opis načina prijenosa datoteka ne nalazi se u ovom priručniku jer on značajno ovisi o izboru poslužitelja.


20

Jahač i gumb na traci zadataka

neposredno nakon kraja instalacije.

korisničko ime i lozinka administratora web-sjedišta, osobe

koja će moći uređivati sadržaje web-sjedišta u WordPressu i

mijenjati postavke web-sjedišta.

Prvi pristup web-sjedištu – posljednji korak instalacije.

Preostala polja zasad nemaju funkciju te će o njihovim značenjima biti

riječi u kasnijim poglavljima ovoga tečaja.

Ako je na poslužitelju na kojem je korisnik instalirao WordPress aktivan

poslužitelj elektroničke pošte, korisnik će primiti poruku o uspješno

dovršenoj instalaciji.

2.4. Pregledavanje početnoga web-sjedišta iz uloge posjetitelja

Nakon završene instalacije WordPress preusmjerava korisnika na

stranicu za prijavu da bi odmah mogao početi uređivati web-sjedište.

Iskusnim se korisnicima preporuča odmah krenuti u tom smjeru, ali je za

upoznavanje s WordPressom najbolje prvo pogledati stranice kao

običan korisnik.

Ako se u web-pregledniku u kojem nije prijavljen administrator upiše

adresa naslovnice svojega web-sjedišta, prikazuje se naslovnica

web-sjedišta s nekim upisanim podacima.

Napomena

Web-preglednik zna koji je korisnik prijavljen na pojedino web-sjedište.

Da bi se isto web-sjedište moglo istovremeno pregledavati iz dvije različite uloge, mogu se upotrijebiti ili dva različita preglednika ili se za drugog korisnika treba upotrijebiti anonimni (privatni) prozor dostupan, na primjer, iz izbornika web-preglednika.


21

Na stranici se mogu uočiti:

1. naziv web-stranice (web-sjedišta) upisan pri instalaciji, na svim

stranicama web-sjedišta ujedno i link na početnu stranicu

2. upisana objava Dobar dan, svijete s datumom instalacije kao

datumom objave.

3. bočni stupac s poljem za pretraživanje i nekoliko skupina linkova –

nove objave, najnoviji komentari itd.

te drugi, za prvi posjet manje važni detalji. Može se uočiti i da je stranica

oblikovana s naslovnom slikom te isticanjem teksta – na primjer, naslovi

pojedinih sadržaja na stranici napisani su većim slovima u odnosu na

tekst, a datumi su istaknuti verzalom (velikim tiskanim slovima).

Uz minimalne se zahvate može promijeniti izgled stranice, pa se na

stranici može naći i izbornik . Oblikovanje je i dalje skladno, u stvari

jednako kao i u prvom primjeru.

Izgled naslovnice web-sjedišta nakon instalacije

uz minimalne promjene.

Na stranici koja se dobiva nakon instalacije nalazi se podnaslov Objave

ispod kojeg se zasad nalazi jedna objava, a kasnije će se u nizu nalaziti

niz objava koje će upisati vlasnik web-sjedišta. Klikom na naslov

prikazane objave otvara se stranica s naslovom Dobar dan, svijete –

Čvorovi, s tekstom objave i jednim komentarom objave te malo

drugačijim izborom i rasporedom ostalih elemenata stranice.

Obični korisnici mogu komentirati objave, ali se prema početnim

postavkama WordPressa njihovi komentari prikazuju tek kad to odobri

administrator web-sjedišta.

Napomena

Dodatni se sadržaji mogu malo razlikovati od prikazanog, ovisno o instalaciji.


22

Pregledavanje web-sjedišta s mobilnih uređaja

Većina web-sjedišta u WordPressu dizajnirana je tako da se prilagođava

veličini i obliku ekrana na kojem se prikazuje, što je osobito važno ako je

riječ o vrlo uskim ekranima poput ekrana pametnih telefona.

Pri prijelazu na mali ekran izbornici se obično sažimaju u gumb s tri

crtice, a okviri sa sadržajem slažu se jedan ispod drugog. Dizajn može

varirati u ovisnosti o položaju monitora – je li vodoravan ili uspravan

(pejzaž ili portret).

Prikaz upravo stvorenoga web-sjedišta s mobilnog uređaja.

je simbol za sažeti izbornik.

Dizajn koji se prilagođava obliku monitora tako da se raspoređuju

njegovi osnovni dijelovi na prikladan način zove se responzivni dizajn.

Većina dizajna koji se dobivaju kroz WordPress je responzivna.

2.5. Prednja i stražnja strana – pogledi na web-sjedište iz uloge administratora

Korisnik čiji su podaci upisani pri postavljanju web-sjedišta ima ulogu

administratora i u početku je jedini korisnik koji može mijenjati podatke

na web-sjedištu.

Kad je prikazana naslovnica web-sjedišta, na njoj se može nalaziti link

Prijava koji vodi do stranice s okvirom za prijavu. Bez obzira na

postojanje tog linka do istog se okvira dolazi upisujući /wp-login.php iza

adrese naslovnice. Zato za web-poslužitelje koji se upotrebljavaju na

tečaju treba upisati wordpress.ucionice.srce.hr/~wordpressXY/wp-

login.php, gdje je XY brojčana oznaka računala polaznika.


23

Okvir za prijavu.

Iskusni korisnici weba mogu primijetiti da se korisnički podaci

šalju putem HTTP-a, odnosno da ispred adrese web-stranice

za prijavu ne stoji zaključani lokot, simbol zaštićenoga načina

prijenosa, HTTPS-a.

Uvođenje HTTPS-a za kritične funkcije je u WordPressovu

planu za 2017. godinu, a isti se efekt može već sada postići

upotrebom odgovarajućih dodataka ili na neki od naprednijih

načina.

Nakon prijave WordPress korisniku-administratoru prikazuje nadzornu

ploču, stranicu s koje može urediti sve detalje svojega web-sjedišta.

Nadzorna se ploča još naziva i stražnjom stranom (engl. back end)

web-sjedišta u WordPressu.

Administrator može web-sjedište promatrati i s prednje strane (engl.

front end) koja nalikuje na pogled običnoga posjetitelja te je dostupna

adresom koju upotrebljavaju posjetitelji.

U oba slučaja administrator na vrhu ekrana vidi alatnu traku (engl.

toolbar) koja mu omogućava obavljanje važnih poslova.

Alatna traka na nadzornoj ploči

i na prednjoj strani web-sjedišta.

Kad je prikazana nadzorna ploča, klikom na naziv web-sjedišta u alatnoj

traci ili dodatno i na link Posjeti web-stranicu prelazi se na prednju

stranu web-sjedišta.

Alatna traka na prednjoj strani web-sjedišta u prvom redu izbornika

sadrži također ime web-sjedišta, ali je ono link za prelazak na naslovnicu

nadzorne ploče. Zadržavanjem pokazivača miša na imenu web-sjedišta

Napomena

Pojava alatne trake, kao i mnogih drugih elemenata korisničkog sučelja, može se isključiti.

Napomena

Ikona s logom WordPressa otvara izbornik s linkovima na službene stranice WordPressa.


24

otvara se izbornik koji sadrži linkove za prelazak na različite dijelove

nadzorne ploče.

Jedina bitno različita funkcija na alatnoj traci na prednjoj strani

web-sjedišta u odnosu na stražnju stranu jest funkcija Prilagodi koja

omogućava promjenu dizajna web-sjedišta uz istovremeni pretpregled.

Izvan alatne trake postoji još jedna razlika između pogleda posjetitelja i

pogleda administratora: administrator uz svaku objavu vidi i link Uredi

koji otvara glavni sadržaj stranice za uređivanje. Time se prelazi na

stražnju stranu web-sjedišta.

2.6. Promjena izgleda web-sjedišta

Jedna od važnih značajki CMS-ova jest jednostavna promjena dizajna

web-sjedišta. Ta je promjena neovisna o sadržaju te se može provesti u

bilo kojem trenutku i ponavljati kad god administrator smatra da je to

potrebno.

U dizajn su uključeni, na primjer:

raspored glavnih i pomoćnih sadržaja na stranici

položaj naslova i naslovnih slika web-sjedišta

položaj izbornika

izbor fontova

izbor boja teksta, podloga, crta i drugih grafičkih elemenata.

Sve što utječe na izgled web-sjedišta u WordPressu zove se tema.

WordPress se instalira s nekoliko uključenih tema, mogu se dodavati

druge teme, besplatne ili plaćene, a korisnici sa znanjem jezika koji služi

oblikovanju stranice (CSS) mogu sami stvarati svoje teme. Za potpunu

slobodu u stvaranju tema potrebno je još poznavanje i HTML-a, što se

uz znanje CSS-a podrazumijeva, te PHP-a.

Teme u WordPressu obično zadaju samo raspored elemenata stranice,

dok, na primjer, boje i slike mogu lako mijenjati i administratori koji ne

raspolažu znanjima potrebnim za razvoj vlastite teme. U mnogim

temama administratori mogu kroz jednostavne obrasce mijenjati i

raspored elemenata stranice unutar unaprijed zadanih okvira.

Promjena izgleda web-sjedišta započinje na prednjoj strani klikom na

link Prilagodi alatne trake, čime se ulazi u tzv. prilagodnik (engl.

customizer), tj. otvara se prikaz stranice s izbornikom koji ističe pojedine

dijelove stranice, odnosno teme koji se mogu prilagoditi.

Od WordPressove verzije 4.7 pri prvom se ulasku u prilagodnik, ako još

nema upisanih vlastitih tekstova, prikazuju primjeri sadržaja prikladni za

demonstraciju izabrane teme (tzv. početni sadržaj teme, engl. starter

content). U tom slučaju administrator treba dobro pogledati svaki detalj

prikazan na stranici i razmisliti o njemu iz dva kuta:


25

zašto je upravo taj sadržaj uključen i koju mogućnost izabrane

teme on ističe

je li taj sadržaj na njegovu web-sjedištu potreban, tj. treba li ga

možda promijeniti ili ukloniti.

Ako se, dok je prikazan početni sadržaj teme, klikne na gumb Spremi &

Objavi, primjeri sadržaja koji se nalaze u okviru početnoga sadržaja

teme pohranjuju se kao sadržaj web-sjedišta.

Na stranici za prilagodbu s pretpregledom postoje četiri skupine funkcija:

1. polje s nazivom teme te gumbom za promjenu teme

2. izbornik s raznim mogućnostima za promjenama izgleda

web-stranica

3. prečac za uređivanje pojedinog elementa, dostupan samo na

nekim elementima

4. gumbi za simuliranje prikaza na drugačijim ekranima.

Nakon promjene pojedinih svojstava administrator može upotrebom

linkova na svojim stranicama još u pretpregledu posjetiti druge stranice

web-sjedišta te tako provjeriti djelovanje novih postavki na izgled

stranica s različitim vrstama sadržaja.

Prilagodba izgleda web-sjedišta s pretpregledom.

Na lijevoj je strani povećan lijevi dio ekrana.

Prilagodba započinje izborom teme.

WordPress se instalira s tri teme, ali je ukupni broj raspoloživih

tema ogroman. Izbor i omogućavanje upotrebe drugih tema bit

će opisani nakon upoznavanja s elementima WordPressa koji

mogu utjecati na izbor teme.

Ovisno o izboru aktivne teme mogu se prilagoditi i drugi elementi, od

kojih se najčešće mijenjaju sljedeći:


26

identitet stranice:

- naziv web-stranice koji se nalazi u zaglavlju stranice

- tekst ispod naslova (slogan)

- logo i ikona stranice; logo će se nalaziti u zaglavlju uz naslov

stanice, a ikona stranice na jahaču kartice web-preglednika ili na

gumbu u traci zadataka

boje – potpuno ili u ograničenom izboru, ovisno o izabranoj temi

zaglavlje – mogućnosti ponovno ovise o zadanoj temi, ali se

najčešće dozvoljava promjena slike, za koju se preporučaju

dimenzije navedene u obrascu za izbor slike.

Logo, naslov i slogan pri uređivanju identiteta stranice.

Nakon promjene identiteta stranice

novi naslov i ikona stranice vidljivi su na jahaču kartice.

Budući da se na tečaju prvo radi s objavama nalik na članke u

blogovima, bit će potrebno u odjeljku Statična početna stranica

postaviti da naslovnica prikazuje najnovije objave (blog). Da bi se

osigurao pristup svim sadržajima početnog sadržaja teme, u odjeljku

Izbornici treba postaviti da se Glavni izbornik nalazi na lokaciji Primarni

izbornik.

Ostale se točke izbornika prilagodnika odnose na složenije elemente koji

će biti opisani kasnije u tečaju, nakon čega će biti objašnjena i njihova

upotreba. Tada će biti detaljnije opisane i ovdje neopisane, a provedene,

složenije akcije.

Postavljanje slika u WordPress

Za promjenu zaglavlja, loga i ikone stranice korisnik mora postaviti svoje

slike.

Klikom na gumb za postavljanje odgovarajuće slike otvara se Zbirka

medija, skup svih slika i ostalih medijskih zapisa koje su autori postavili

u WordPress. Na početku rada u njoj se nalaze samo slike koje su

postavljene pri instalaciji ili pri preuzimanju početnoga sadržaja teme.

Napomena

Zbirka medija otvara se s različitim naslovima, pa se tako prikaz sadržaja medijske zbirke u ovoj cjelini nalazi ispod naslova Odaberite logo i Odaberi sliku, ovisno o slici koja se dodaje.


27

Zbirka medija – kartica sa slikama koje su postavljene u WordPress

tijekom instalacije ili s početnim sadržajem teme

te kartica Prijenos zapisa koja poziva na prijenos povlačenjem.

Postupak je dodavanja slika u zbirku medija sljedeći:

1. U okviru zbirke medija izabrati karticu Prijenos zapisa.

2. Izabrati sliku na svom računalu. Veličina datoteke koja se prenosi

ne smije prelaziti ograničenje postavljeno na poslužitelju, što je u

ovom slučaju 2MB. Ako autor želi postaviti sliku koja je veća od

najveće propisane veličine, treba je smanjiti na svom računalu prije

prijenosa.

3. Premjestiti sliku ili povlačenjem iz prozora s popisom datoteka

smještenih u nekoj mapi na računalu korisnika (na primjer

Eksplorera za datoteke ili s radne površine) u označeni prostor za

prijenos ili izborom datoteke.

4. Upravo učitana slika prikazuje se u umanjenom prikazu i označena

je. Prikazana su i njezina dodatna svojstva, koja zasad ne treba

uređivati.

5. Slika se postavlja gumbom Odaberi.

Napomena

Budući da je riječ o medijskoj zbirci, prenijeti se mogu različite vrste datoteka, no samo su neke od njih slikovne: JPG, JPEG, PNG, GIF.


28

2.7. Pitanja za ponavljanje: Instalacija WordPressa i prvi koraci

1. Koja su dva značenja izraza web-poslužitelj?

2. Koji su programi potrebni na web-poslužitelju da bi se na njemu

moglo postaviti web-sjedište izrađeno pomoću WordPressa?

3. Koji je program potreban za rad na računalu autora web-sjedišta i

priloga na njemu?

4. Što se kopira na poslužitelj da bi se mogla pokrenuti petominutna

instalacija WordPressa? Koji su korisnički podaci potrebni u tom

trenutku?

5. Što osim kopiranja datoteka treba obaviti na poslužitelju prije

početka petominutne instalacije WordPressa?

Pomoć: za polaznike ovoga tečaja to je odrađeno prije početka

tečaja u sklopu pripreme poslužitelja za tečaj.

6. Koji je podatak dobiven od vlasnika poslužitelja potreban za

pokretanje poznate petominutne instalacije?

7. Koji se podaci dobiveni od vlasnika poslužitelja upisuju u

web-obrasce pri poznatoj petominutnoj instalaciji?

8. U čemu se razlikuje pogled administratora na naslovnicu

web-sjedišta od pogleda običnoga posjetitelja?

9. Kako mogu na istom računalu u dva prozora istoga

web-preglednika raditi dva različita korisnika (na primjer

administrator i posjetitelj web-sjedišta)?

10. Kako se može uređivati izgled web-sjedišta uz istovremeni

pretpregled?

11. Koji se podaci vezani uz web-sjedište nalaze na svakoj prikazanoj

stranici web-sjedišta?


29

3. Dodavanje i uređivanje sadržaja

Nakon instalacije WordPressa i početnoga namještanja izgleda

web-sjedišta treba početi postavljati sadržaj.

Tekstovi u WordPressu mogu biti postavljeni kao objave i kao stranice.

Objave i stranice se vrlo malo razlikuju po izgledu i po parametrima koji

im se mogu pridružiti, ali je velika razlika u načinu postupanja s njima:

objave u pravilu sadrže vijesti te se automatski pojavljuju u

popisima objava, kronološki sortirane od novijih prema starijima,

poput objava u blogovima

stranice služe za objavljivanje stalnih podataka i u pravilu su

dostupne putem linkova iz izbornika.

U ovom će poglavlju biti riječi o upisivanju i uređivanju objava i stranica,

pri čemu će naglasak biti više na njihovim svojstvima nego na

atraktivnom sadržaju.

Budući da se i objave i stranice upisuju, odnosno uređuju, na stranicama

u okviru nadzorne ploče, ovo poglavlje započinje kratkim pregledom

rada s nadzornom pločom.

3.1. Nadzorna ploča

Naslovnicu nadzorne ploče administrator može otvoriti na dva načina:

ako je već prikazana prednja strana web-sjedišta i ako je

administrator prijavljen, on može kliknuti na naziv web-sjedišta u

alatnoj traci ili izabrati naziv web-sjedišta Nadzorna ploča

upisivanjem adrese svojega web-sjedišta iza kojeg slijedi

/wp_admin; na primjer, za potrebe ovoga tečaja treba upisati

wordpress.ucionice.srce.hr/~wordpressXY/wp-admin.


prepoznati dijelove nadzorne ploče i prilagoditi prikaz na

glavnom, radnom dijelu

upisati sadržaj nove objave i urediti sadržaj postojeće

odabrati pod kojim će uvjetima njegova objava biti vidljiva te

namjestiti odgovarajuće opcije

izabrati alate potrebne za učinkovito snalaženje u popisu koji

sadrži velik broj objava ili stranica

odabrati koji će dio objave biti vidljiv u popisu objava na

web-stranici i umetnuti oznaku Pročitaj više na odgovarajuće

mjesto

objavi pridružiti istaknutu sliku i po potrebi je ukloniti

razlikovati stranice od objava

usporediti uređivanje stranica i uređivanje objava.


30

I ostali linkovi izbornika ispod naziva web-sjedišta na alatnoj traci služe

za pristup nadzornoj ploči, no oni umjesto naslovnice otvaraju stranice

za obavljanje pojedinih poslova.

Alatna traka administratora na prednjoj strani web-sjedišta

s linkovima za pristup raznim dijelovima nadzorne ploče.

Na stranici s nadzornom pločom nalaze se:

1. alatna traka

2. izbornik, koji može sadržavati opise funkcija ili samo ikone, što se

mijenja posljednjom funkcijom izbornika s ikonom trokutića (zatvori

izbornik / otvori izbornik).

3. glavni dio stranice

4. kutak za korisničke podatke prijavljenoga korisnika.

Osnovni dijelovi nadzorne ploče.

Na glavnom se dijelu nadzorne ploče nalazi skup okvira koji pružaju uvid

u stanje web-sjedišta, ali i okoline, pa se tako, na primjer, na njoj nalaze

vijesti s web-sjedišta wordpress.org.

Gornji okvir, Dobro došli u WordPress, može se ukloniti klikom na link

Zatvori, dok se ostali mogu minimizirati klikom na odgovarajući

trokutić ili potpuno isključiti funkcijom Opcije zaslona .


31

Crtkani okvir s tekstom Ovdje povuci okvire služi za premještanje

prikazanih okvira. Premještanje ima smisla nakon instalacije raznih

dodataka WordPressu od kojih neki na nadzornu ploču postavljaju svoje

okvire s prikazom aktivnosti, pa među mnoštvom okvira administrator

mora odrediti koji su mu najpotrebniji te koji mu je raspored okvira

najbolji.

Budući da je nadzorna ploča stranica koju administrator vidi svaki put

kad se prijavi u WordPress, dobro je da je upozna i uredi. Osim

navedenog rasporeda, na ugodnost rada mogu utjecati i boje, koje se

također mogu promijeniti: klik na ime korisnika u kutku s korisničkim

podacima Uredi moj profil.

U izborniku se na vrhu nalaze nazivi različitih vrsta sadržaja: objave,

medijski zapisi (na primjer, slike), stranice i komentari. U donjem dijelu

izbornika su linkovi na različite postavke web-sjedišta, među kojima se

nalaze izbor teme te prilagodba izgleda koja vodi do prilagodbe izgleda

web-sjedišta s pretpregledom – iste one do koje se dolazi funkcijom

Prilagodi alatne trake na prednjoj strani web-sjedišta.

Nakon izdavanja nove inačice WordPressa, neke od

instaliranih tema ili drugih dodataka na nadzornoj se ploči

katkad pojavi obavijest o potrebi ažuriranja odgovarajućega

dijela sustava. To se u pravilu može obaviti klikom na gumb za

pokretanje ažuriranja, a tek u rijetkim slučajevima ponovnom

instalacijom.

Obavijest o dostupnim nadogradnjama WordPressa i dodataka.

3.2. Upis i pohranjivanje objava

Nova se objava može započeti na dva načina:

s alatne trake na prednjoj ili stražnjoj strani web-sjedišta: Novo

Objava

iz izbornika nadzorne ploče: Objave Dodaj novu.

U oba se slučaja otvara stranica s obrascem za unos objave u okviru

nadzorne ploče.

Napomena

Na temelju do sada opisanih funkcija može se zaključiti da se do iste funkcije može doći na razne načine – ovdje čak nisu navedeni svi načini.

Pri radu s mnogim sustavima, pa tako i WordPressom, puno je

bolje pratiti logiku grupiranja i raspoređivanja funkcija nego mjesto na koje treba kliknuti, čemu su mnogi korisnici skloni. Naime, funkcija koja je potrebna često ima pristup s mjesta na kojem je potrebna, što može biti na potpuno novom mjestu za korisnika. Osim toga, nova verzija sustava može donijeti i malo promijenjeni raspored funkcija.


32

Upis objave – članka s običnim tekstom.

Polja koja treba ispuniti pri upisu nove objave jesu:

1. format – zasad neka ostane članak jer je to jedini oblik zajednički

svim temama

2. naslov

3. tekst objave.

Ako autor ne upiše naslov, na stranicama nadzorne ploče umjesto

naslova stajat će tekst (bez naslova) dok će na prednjoj strani

web-sjedišta objava zaista biti bez naslova. Za objave formata članak

preporuča se uvijek napisati naslov, dok će upotreba naslova u ostalim

vrstama objava biti opisana kasnije, u poglavlju o svrstavanju objava.

Izgled objave u okviru za unos teksta otprilike odgovara budućem

izgledu objave na web-stranici, no ne odgovara potpuno. Da bi autor još

tijekom rada na objavi mogao vidjeti objavu u obliku u kojem će biti

prikazana posjetiteljima, postoji gumb Pretpregled kojim se u novoj

kartici web-preglednika otvara prikaz još nepohranjene objave.

Kartica za dodavanje objave u pozadini

i kartica za pretpregled u prednjem planu.

Iako stranica za pretpregled sadrži funkciju Uredi objavu, poželjno je

vratiti se na stranicu za uređivanje, što se može učiniti promjenom

kartice ili zatvaranjem kartice pretpregleda.

Kad je korisnik zadovoljan napisanim, objavu treba pohraniti. No,

pohranjivanje u WordPressu nudi više mogućnosti od običnog

objavljivanja dovršenoga teksta:

Napomena

Autori često zaborave da su u pretpregledu objave i da je ostala otvorena kartica za uređivanje – tri su situacije u kojima treba paziti:

Ako se na kartici za pretpregled prijeđe na naslovnicu, neće se vidjeti promjene u tamo prikazanoj objavi.

Ako korisnik samo prijeđe na karticu za uređivanje te poslije ponovno upotrijebi funkciju Pretpregled,

stranica s pretpregledom će se otvoriti u pozadini, na istoj kartici na kojoj se pretpregled nalazio prvi put.

Ako korisnik upotrijebi link Uredi objavu,

otvorit će se stranica za uređivanje na kartici na kojoj je bio prikazan pretpregled (dakle, druga stranica za uređivanje).


33

Spremi skicu pohranjuje objavu tako da ona neće biti vidljiva

posjetiteljima

Objavi sprema objavu tako da je ona vidljiva posjetiteljima.

Spremanje objave koja neće biti vidljiva posjetiteljima služi za spremanje

nedovršenih tekstova zbog nedostatka vremena u trenutku pisanja ili

zato što objavu mora pregledati druga osoba. Ako na web-sjedištu radi

samo jedna osoba, status pohranjene objave koju još treba dovršiti

može ostati skica, dok će ostala stanja, namijenjena suradnji većega

broja osoba na izgradnji web-sjedišta, biti opisana kasnije tijekom ovoga

tečaja.

Okvir Objavi s gumbima i opcijama za pohranjivanje objava.

Tekst na gumbu Spremi skicu mijenja se ovisno o izabranom statusu,

a za objavljene objave umjesto gumba Objavi stoji gumb Ažuriraj.

Objavljene su objave, ako se ništa ne promijeni, javne, no vidljivost im

se može i promijeniti. Tako objave mogu biti zaštićene lozinkom, a može

se namjestiti i da budu privatne, odnosno dostupne samo autorima koji

mogu uređivati tuđe vijesti (dakle, zasad samo administratoru).

Konačno, većina se objava objavljuje odmah, no postoje situacije u

kojima neki tekst treba objaviti kasnije. Za tempiranje objavljivanja

postoji opcija Objavi koja omogućava unos vremena u kojem treba

objaviti objavu.

Dakle, objava koju autor pohrani može se nalaziti u nizu stanja koja su

jasno istaknuta u okviru Objavi i u popisu objava na nadzornoj ploči:

Administrator može promijeniti status i vidljivost bilo koje objave

funkcijama iz okvirića Objavi.

Zahtijeva akciju autora

(pregled, doradu…)

Objavljeno

status vidljivost

skica

na čekanju

objavljeno

na čekanju

tempirano

privatno

javno

zaštićeno

lozinkom


34

Osim akcijom autora objave se spremaju i automatski svakih nekoliko

sekundi. Ako autor uređuje već objavljenu vijest, na prednjoj će se strani

web-sjedišta vidjeti stara verzija dok god autor sâm ne pohrani novu.

Naime, spremljene međuverzije nisu nužno potpune, pa bi mogle zbuniti

posjetitelja.

Podatak o automatskom spremanju

u desnom donjem kutu područja za uređivanje sadržaja.

3.3. Rad s popisima objava

Sve pohranjene objave administrator može vidjeti na nadzornoj ploči pod

točkom izbornika Objave ili Objave Sve objave.

Popis objava se, slično kao naslovnica nadzorne ploče, može prilagoditi

potrebama korisnika klikom na gumb Opcije zaslona . Na primjer,

mogu se privremeno sakriti stupci čiji sadržaj još nije obrađen u ovom

tečaju, pa u popisu ostaju vidljivi samo osnovni podaci opisani u

prethodnom poglavlju:

naslov objave sa statusom (status nije prikazan ako je objava

objavljena)

autor

datum objave.

Podaci vidljivi u popisu objava.

Stupci Naslov i Datum imaju naslove u obliku linkova koji služe za

sortiranje popisa po podacima iz odgovarajućeg stupca. Svaki sljedeći

klik na isti naslov stupca mijenja redoslijed sortiranja – od uzlaznog na

silazni i obratno.

Budući da broj objava može biti jako velik, vrlo je vjerojatno da će se

popis objava protezati na više ekrana. Namještanje velikoga broja

stavaka po stranici u obrascu Opcije zaslona u kombinaciji sa

sortiranjem i(li) pretragom unutar stranice ([Ctrl]+[F]) može olakšati rad,

Napomena

Rad s raznim popisima u WordPressu slijedi istu logiku, što znači da se jednom svladana logika rada s popisima objava može primijeniti u nizu drugih situacija.


35

ali se pokazuje da je filtriranje, tj. ograničavanje skupa prikazanih poruka

na one koje zadovoljavaju neko svojstvo, alat koji više doprinosi

produktivnosti administratora.

Objave se mogu brzo filtrirati izborom statusa (sve, objavljene, skice,

itd.) ili drugih zanimljivih kriterija (na primjer, moje, u slučaju rada u

timu). Kod svojstava koja se razlikuju od jednog do drugog web-sjedišta

za filtriranje se upotrebljavaju padajući popisi iz kojih treba izabrati

željene filtere te kliknuti na gumb Filtriraj .

Mogućnosti za filtriranje: linkovi i filtriranje iz padajućih popisa .

Objave se mogu i pretraživati po cijelom tekstu objave, pri čemu se traži

upisani niz znakova, a ne nužno cijela riječ. To je vrlo praktično za

tekstove na hrvatskom jeziku jer se često može upisati samo korijen

riječi koja bi se trebala naći u tekstu.

Kad korisnik pronađe objavu koju želi urediti i postavi miš iznad retka

popisa u kojem se nalaze njezini podaci, omogućava se prelazak na

stranicu za uređivanje klikom na naslov objave ili na link Uredi. Tzv.

brzim linkovima omogućeni su i Pregled (pretpregled) i bacanje u

Smeće, odnosno Vraćanje i Trajno brisanje za objave koje se već

nalaze u smeću.

Uobičajene akcije s pojedinačnom porukom u popisu objava.

Ovisno o stanju objave predložene akcije mogu biti i drugačije.

Najzanimljiviji je link Brzo uredi kojim se već na popisu objava otvara

mali obrazac za unos najvažnijih podataka o objavi – od statusa objave,

naslova i datuma do promjene autora. Sve promjene treba pohraniti

klikom na gumb Ažuriraj.

Brzo uređivanje može se provesti i putem izbornika Grupne radnje

Uredi ako su odgovarajuće objave prethodno označene klikovima na

potvrdne okvire. Kao Grupna radnja predviđeno je i brisanje poruka.

3.4. Uređivanje sadržaja objava

Do sad su bili pokazani unos osnovnoga teksta objave i namještanje

statusa objave – parametara koji određuju njezino pojavljivanje na

stranici koju vide posjetitelji web-sjedišta ili služe kao putokaz za daljnje

akcije članovima tima suradnika na web-sjedištu.


36

Većina autora osjeća potrebu uljepšati svoj tekst, no da bi se postigao

profesionalni izgled web-sjedišta, poželjno je što manje upotrebljavati

pojedinačna oblikovanja dijelova teksta.

Zbog navedenog se u editoru izravno nudi relativno mali broj alata za

uređivanje teksta, od kojih su za unos teksta prema prethodnim

smjernicama važni:

1. otvaranje drugoga reda alatne trake

2. skrivanje svega sadržaja stranice osim okvira editora, što služi za

Pisanje bez ometanja.

Prvi red alatne trake, prikazan odmah pri ulasku u editor.

Nakon što korisnik otvori drugi red alatne trake, u njemu vidi sljedeće

važne alate:

3. promjena načina lijepljenja (Zalijepi kao tekst) – kad je gumb

isključen, lijepi se kopirani tekst zajedno s oblikovanjima iz izvornog

programa; kad je gumb uključen, lijepi se pročišćeni tekst, bez

oblikovanja

4. Ukloni formatiranje, potrebno u slučaju pretjerane upotrebe raznih

efekata ili lijepljenja iz drugih programa upotrebom pogrešne

postavke lijepljenja

5. Poništi i Vrati poništenu akciju.

Drugi red alatne trake koji autor prema potrebi

otvara klikom na odgovarajući gumb u prvom redu alatne trake.

Gotovo svi alati imaju tipkovničke prečace na koje editor upozorava

korisnike prikazujući ih u opisu alata, a popis svih prečaca, od kojih neki

nemaju svoj gumb u editoru, dostupan je klikom na ikonu sa znakom

upitnika u donjoj alatnoj traci.

Opis alata i podsjetnik na tipkovnički prečac.

Čitanje s ekrana u pravilu je teže od čitanja s papira, a pokazuje se da je

od svih načina oblikovanja dostupnih s alatne trake važnije grupiranje

teksta, a osobito razlikovanje prijeloma odlomka od prijeloma reda. Zato

autori moraju dobro upoznati funkciju tipke [Enter]:

tipkom [Enter] završava se odlomak, čime se stvara uobičajeni

razmak među odlomcima, obično veći od razmaka među recima

Napomena

Za postizanje preglednoga sadržaja puno je važnije poznavati funkciju tipke [Enter] nego sve alate alatnih traka.


37

gotovo nikad nisu potrebna dva uzastopna kraja odlomka (tj. dva

uzastopna pritiska na tipku [Enter])

prijelom reda može se upisati kombinacijom tipaka [Shift]+[Enter].

Slično, bjelina služi za razdvajanje riječi i nikad nisu potrebne dvije

uzastopne bjeline, tj. dva uzastopna pritiska na razmaknicu.

3.5. Izdvajanje uvodnoga dijela objave

Tekst objave može biti dugačak, a naslovnica bi trebala sadržavati

najave dovoljno velikoga broja objava da bi posjetitelji različitih interesa

mogli pronaći nešto za sebe. Teoretski bi na naslovnici mogli biti samo

naslovi, no lakše je potaknuti posjetitelje da pročitaju objavu ako su uz

naslove prikazani kratki uvodni tekstovi.

Uvodni se dio od ostatka objave odvaja umetanjem oznake Pročitaj

više, koja je toliko važna da se nalazi u prvom redu alatne trake –

onome koji je stalno vidljiv.

Gumb za unos oznake Pročitaj više.

Oznaka Pročitaj više umeće se nakon dijela teksta koji bi trebao stajati

na naslovnici i u editoru se prikazuje kao crta s oznakom More.

Oznaka Pročitaj više (more) u editoru i na naslovnici.

Nakon pohranjivanja objave, na prednjoj se strani web-sjedišta u popisu

objava prikazuje dio teksta do oznake Pročitaj više, a nakon nje stoji

tekst Nastavi čitati. Ovisno o temi može stajati i drugačiji tekst, a tekst

može biti u obliku linka ili gumba te stajati u istom redu s prethodnim

tekstom ili u svom redu ili odlomku.

Napomena

Neke teme ignoriraju oznaku Pročitaj više te u

popisu objava lome objavu nakon određenog broja znakova. To čine uglavnom iz estetskih razloga, da bi svaka objava zauzimala približno jednak prostor na naslovnici.


38

Ako tekst nema oznaku Pročitaj više, bit će cijeli prikazan na naslovnici,

a u ekstremnom se slučaju oznaka Pročitaj više može staviti na

početak teksta. U tom će se slučaju na naslovnici vidjeti samo naslov

teksta i, eventualno, istaknuta slika o kojoj će biti riječi u sljedećem

poglavlju.

3.6. Dodavanje istaknute slike objavi

Istaknuta slika se u popisu objava pojavljuje uz objavu i služi za

privlačenje pogleda na nju. Ako se objava prenese na društvene mreže,

u pravilu se uz naslov vidi i istaknuta slika objave.

Mogućnost uključivanja istaknute slike ovisi o izabranoj temi, no zbog

njezine važnosti danas je ona uključena u vrlo veliki broj tema. Na

primjer, sve teme koje se dobivaju s instalacijom WordPressa

omogućavaju upotrebu istaknute slike.

Istaknuta slika u popisu objava

i u objavi na Facebooku.

Na stranici s prikazanom cijelom objavom istaknute se slike mogu, ali ne

moraju pojavljivati – ovisno o izabranoj temi. Ako se pojavljuju, to je

obično ispred ili neposredno iza naslova.

Pri izboru istaknute slike treba paziti na niz detalja:

istaknute slike najbolje obavljaju svoj posao ako su jasne, s

dovoljno kontrasta i s malo detalja


39

za izabranu temu postoji idealna veličina slike, prikladne i potpuno

neprikladne veličine

položaj slike u odnosu na objavu ovisi o izabranoj temi i može

utjecati na izbor slike jer nije svaka slika prikladna za svaki položaj

(na primjer, često je važno jesu li slike postavljene kao portret ili

kao pejzaž, tj. uspravno ili vodoravno).

Istaknuta slika je svojstvo objave, a ne dio sadržaja, pa se ne dodaje u

editoru, nego se na stranici Uredi objavu pridružuje objavi pomoću linka

iz okvira Istaknuta slika.

Okvir Istaknuta slika prije i nakon postavljanja slike.

Klikom na link Postavi istaknutu sliku otvara se Zbirka medija, skup

svih slika i ostalih medijskih zapisa koje su autori sadržaja na

web-sjedištu postavili u WordPress. U ovom se trenutku u njoj nalaze

samo slike koje su postavljene pri instalaciji i dodavanju početnoga

sadržaja teme te eventualno slika zaglavlja, logo i ikona stranice,

postavljene u početnom uređivanju izgleda web-sjedišta.

Način rada sa zbirkom medija jednak je na svim mjestima u WordPressu

na kojima se umeću slike ili drugi multimedijski sadržaji, što znači da se

u slučaju postavljanja istaknute slike samo ponavlja postupak opisan u

poglavlju „Promjena izgleda web-sjedišta“.

Nakon dodavanja istaknute slike treba provjeriti izgled objave – objaviti

ili ažurirati objavu, te pogledati popis novosti na naslovnici i potom cijelu

objavu.

Istaknuta se slika može zamijeniti ili ukloniti funkcijama okvira Istaknuta

slika.

3.7. Stranice

U izborniku nadzorne ploče se malo ispod linka Objave nalazi link

Stranice. Kao što je to bio slučaj s objavama, pri instalaciji je dodana

jedna stranica, a pri prijenosu početnoga sadržaja teme dodano ih je još


40

nekoliko. Te stranice administrator može, slično kao i objave, pregledati

upotrebom popisa stranica dostupnih s nadzorne ploče.

Stranice su namijenjene za objavljivanje sadržaja čija aktualnost ne ovisi

o vremenu. Naime, dok objave u popisima objava sortirane kronološki

od najnovije prema starijima, stranice su najčešće grupirane prema

sadržaju, posjećuju se putem izbornika i tijekom vremena ne mogu

postati manje dostupne nego što su bile nakon objavljivanja. Izbornici se

mogu nalaziti na različitim mjestima web-stranice i mogu imati različite

oblike, pri čemu lokacije i oblici izbornika ovise o izabranoj temi.

Osnovni položaji izbornika: pri vrhu stranice u temi Twenty fifteen

i u bočnoj traci u temi Twenty sixteen .

Neovisnost o vremenu ističe se i tako da se stranice u većini tema

prikazuju bez datuma objavljivanja, a neprikazivanjem imena autora ističe

se da podaci na njima nisu osobni stavovi ili doprinosi, nego vrijede za

cijelo web-sjedište.

Jednom napisana stranica se metodama osnovne instalacije

WordPressa ne može pretvoriti u objavu, jednako kao što se ni

objava ne može pretvoriti u stranicu. No, ako autor zaista treba

pretvoriti mnoštvo stranica u objave ili obratno, može se poslužiti nekim

od dodataka (pluginova) s tom namjenom.

Popis upisanih stranica, dostupan s nadzorne ploče klikom na link

Stranice, sadrži iste elemente kao popis objava. To su:

popis stranica s linkovima za uređivanje, brzo uređivanje i sl. koji

se pojavljuju za onaj redak iznad kojeg se nalazi pokazivač miša

potvrdni okviri za biranje stranica nad kojima će biti provedene

grupne radnje i padajući popisi grupnih radnji

naslovi stupaca u obliku linkova za stupce po čijim se sadržajima

može sortirati

filteri u obliku linkova i padajućega popisa

okvirić za pretraživanje

gumb za stvaranje nove stranice

gumb Opcije zaslona za prilagođavanje izgleda popisa stranica.

Napomena

Stranica u WordPressu nije isto što i web-stranica.

Web-stranica stvorena WordPressom može

sadržavati zaglavlje, podnožje, bočne trake, izbornike i ono najvažnije – glavni sadržaj koji može biti objava, stranica ili nešto treće.


41

Popis stranica – na prvi pogled jednak popisu objava.

Ulaskom u uređivanje stranice bilo klikom na naslov stranice u popisu

bilo klikom na link Uredi, otvara se stranica za uređivanje na kojoj

najveći dio zauzima editor potpuno jednak onome koji se upotrebljava pri

sastavljanju objava. Pokraj okvira editora nalazi se niz okvirića sa

svojstvima stranice.

Koji će okvirići s dodatnim svojstvima biti prikazani ovisi, kao i kod

objava, o izboru Opcija zaslona. Za početni je rad nužan okvirić Objavi,

koji se ni ne može isključiti, te okvirić Istaknuta slika da bi se mogle

ukloniti ili zamijeniti istaknute slike koje su postavljene uz stranice pri

instalaciji WordPressa ili postavljanju početnoga sadržaja teme.

Izbor okvira koji će biti prikazani

do kojeg se dolazi izborom funkcije Opcije zaslona.

U okviru Objavi mogu se, slično kao kod objava, namjestiti podaci koji

utječu pretežno na pojavljivanje stranica na prednjoj strani web-sjedišta.

Tako stranica može biti objavljena ili samo pohranjena, može biti vidljiva

svima ili samo izabranim posjetiteljima, a objavljivanje se stranice može,

jednako kao i objavljivanje objave, namjestiti za točno određeni trenutak.

Primjeri sadržaja koji se trebaju nalaziti na gotovo svakom web-sjedištu

su stranice Informacije i Kontakti. Odgovarajuće se stranice stvaraju pri

instalaciji WordPressa ili postavljanju početnoga sadržaja teme,

dostupne su iz izbornika i treba ih odmah na početku rada prilagoditi

potrebama web-sjedišta.


42

Kod stranica koje su već vezane za izbornik treba paziti da ih se ne

postavlja u stanje nevidljivo posjetiteljima i ne briše jer posjetitelji u

protivnom nakon klika na odgovarajući link u izborniku dobivaju poruku o

nepostojećoj stranici.

Poruka o nepostojećoj stranici.

Obavijest o nepostojećoj stranici (pogreški 404) dobiva se kad

god korisnik zatraži sadržaj s pogrešnom adresom, bez obzira

na to je li riječ o stranici, objavi ili nekom trećem sadržaju.

Izgled te stranice ovisi o izabranoj temi, a može se dodatno prilagoditi i

instalacijom odgovarajućih dodataka.

Premda se svi vlasnici web-sjedišta nadaju da će njihovi potencijalni

posjetitelji uvijek zatražiti postojeće stranice, mnogi od njih posebno

uljepšavaju stranice na kojima se nalazi obavijest o nepostojećem

sadržaju. Neki pokušavaju zadržati posjetitelja prikazom izbora važnih

objava ili stranica, a drugi pokušavaju zabaviti posjetitelje duhovitim

tekstovima ili slikama.

3.8. Vježba: Dodavanje i uređivanje objava i stranica

1. Stvorite novu objavu s naslovom i tekstom koji se nalazi u datoteci

izlozba.docx. Naslov teksta upišite kao naslov objave, a tekst

zalijepite bez prenošenja oblikovanja.

Uočite promjenu u oblikovanju. Uočite da se naslov teksta zalijepio

bez oblikovanja, tj. da će biti oblikovan jednako kao i svi ostali

naslovi objava.

2. Pronađite na webu fotografiju stopala koje se spominje u tekstu

(marble right foot wearing a sandal). Postavite tu sliku kao

istaknutu za objavu o izložbi.

U ovom zadatku postoji mali izazov: Koji je nužan međukorak

između uočavanja slike koju želite postaviti i postavljanja kao

istaknute slike?


43

3. Eksperimentirajte s oznakom Pročitaj više. Postavite je nakon

prvog odlomka te pogledajte popis najnovijih objava na naslovnici.

Može li najava vijesti u tom obliku privući pozornost posjetitelja

zainteresiranih za izložbe? Imate li bolje mjesto za oznaku

Pročitaj više?

Dodajte na početak teksta rečenicu „U sljedećih ćete mjesec dana

u našim prostorijama moći doznati sve o vezanju cipela – od

prapovijesti do današnjih dana.“, uklonite postojeću oznaku

Pročitaj više te postavite oznaku Pročitaj više iza nove uvodne

rečenice.

4. Pregledajte naslovnicu svog web-sjedišta te uočite nesklad

istaknutih slika u popisu objava.

Pokušajte ustanoviti kakve bi slike trebalo postaviti da bi

naslovnica djelovala skladno.

5. Smanjite prozor tako da ima oblik i veličinu ekrana mobitela, tj. da

se izgled prikazane stranice promijeni u izgled prikladan za

mobilne uređaje. Možete se poslužiti i povećavanjem prikaza

sadržaja (zumiranjem).

6. Ne mijenjajući veličinu prozora dodajte novu objavu s naslovom

Čvorovi na slušalicama te započnite pisati tekst o problemima sa

zapetljanom žicom na slušalicama koje nosite uz mobitel.

Nakon prve rečenice spremite objavu kao skicu, pregledajte

naslovnicu i pokušajte naći upravo napisan početak objave.

7. Vratite prozor na uobičajenu veličinu, te pregledajte popis objava.

Uočite zapisani status objave o slušalicama.

8. Vratite se na uređivanje upravo započete objave, dodajte još jednu

rečenicu, po želji i izdvojenu sliku, te je spremite ponovno kao

skicu. Dodajte oznaku Pročitaj više te ponovno spremite objavu.

9. U okviru Objavi uočite mogućnost pregleda revizija – pregledajte

sve revizije objave o problemima sa slušalicama.

10. Objavu Dobar dan, svijete postavite u stanje skice koristeći se

linkom Brzo uredi.

11. Uredite stranicu Kontakti tako da obrišete postojeći tekst te

prepišete i oblikujete sljedeći tekst (prijelom reda upišite

kombinacijom tipaka [Shift]+[Enter]):

12. Uklonite istaknute slike stranica Kontakti i Informacije.

Čvorovi

društvo ljubitelja užadi i niti

Gornja ulica 24

12345 Donji Kraj


44

13. Trebate objaviti cjenik usluga udruge Čvorovi tako da se ne nalazi

u popisu vijesti, nego da bude dostupan samo iz izbornika.

Stvorite stranicu Cjenik s jednom stavkom: Radionica za 5 – 7

sudionika u trajanju od najmanje dva školska sata koja se održava

u prostorijama udruge Čvorovi stoji 500 kn/sat s uključenim

materijalom.

Zasad samo spremite cjenik. Uočite da još nije dostupan iz

izbornika.

14. Vratite se na popis objava te brzo, upotrebom sortiranja,

ustanovite koja je najstarija.


45

4. Postavke web-sjedišta

U prethodnoj je cjelini pokazano uređivanje objava i stranica na

web-sjedištu izrađenom pomoću WordPressa. Premda objave i stranice

čine glavni sadržaj web-sjedišta, treba obratiti pozornost i na druge

detalje, od kojih neki utječu na opći dojam, neki na snalaženje

posjetitelja na web-sjedištu, a neki samo na učinkovitost rada autora.

U ovoj će se cjelini nabrojati dijelovi web-stranice s prednje strane

web-sjedišta, pokazat će se utjecaj tema na raspored sadržaja na

stranici te način punjenja dodatnih elemenata stranice sadržajem. Opisat

će se i različiti dodaci WordPressu koje administrator može instalirati te

početi upotrebljavati nakon najčešće vrlo jednostavne prilagodbe.

4.1. Elementi stranice izrađene WordPressom

Web-sjedištu u WordPressu može se mijenjati dizajn izborom nove teme

i prilagođavanjem već izabrane. Koliko god različite bile, sve su teme

izgrađene od elemenata zadanih idejom WordPressa, a razlike među

temama su u broju i smještaju tih elemenata te njihovu izgledu.

Poznavanje osnovnih elemenata WordPressa i njegovih tema olakšava

snalaženje na web-sjedištu, odluku o rasporedu sadržaja po elementima

(posredno i na stranici) te, konačno, izbor teme.

Osnovni su elementi web-stranice stvorene WordPressom:

1. zaglavlje, prostor u kojem se prema početnim postavkama nalaze

naziv web-sjedišta, slogan, logo i slika zaglavlja


pokazati na web-stranici izrađenoj pomoću WordPressa

osnovne dijelove stranice: zaglavlje, izbornike, bočne trake,

podnožja i glavni dio stranice

uočiti razliku u veličini i smještaju osnovnih dijelova stranica na

različitim stranicama web-sjedišta i pri primjeni različitih tema

pri izboru teme prema svojim potrebama odrediti koja svojstva

prikaza stranice mora imati željena tema

preuzeti i primijeniti novu temu

namjestiti postavke web-sjedišta vezane za prikaz

stvoriti nove izbornike i urediti im sadržaj

rasporediti izbornike na mjesta predviđena za smještaj izbornika

razmjestiti widgete na raspoloživa mjesta

pronaći i instalirati preporučene widgete i druge dodatke

pregledati popis instaliranih dodataka.


46

2. bočne trake, mjesto u kojem se nalaze widgeti, objekti s raznolikim

pomoćnim sadržajima koji služe za navigaciju, isticanje obavijesti i

drugo

3. podnožje, koje se obično nalazi na dnu stranice, prema početnim

postavkama sadrži podatak o CMS-u, ali može sadržavati i druge

sadržaje

4. glavni dio stranice u kojem se nalaze popisi objava, sadržaji

pojedinih objava, sadržaji stranica i ostali sadržaji koji oprvdavaju

razlog postojanja promatranog web-sjedišta.

Jedan od mogućih rasporeda elemenata na stranici.

Teme se razlikuju po broju i položaju osnovnih elemenata, što se može

naslutiti promatrajući web-sjedište s prednje strane. Osnovnim se

elementima od teme do teme razlikuje izgled, ali i ponašanje pri

promjeni veličine ekrana, prepunjenosti sadržajem i sl.

Gledajući samo prednju stranu web-sjedišta katkad je teško odrediti koji

dio stranice pripada kojem elementu i koje su mogućnosti prilagođavanja

elemenata. No, kad administrator prilagođava postojeće elemente ili ih

puni sadržajem – bilo putem prilagodnika s prednje strane web-sjedišta

bilo preko nadzorne ploče – može lako uočiti koji elementi stranice

postoje, kojim ih sadržajem može napuniti te može li ih prilagoditi svojim

potrebama i na koje sve načine. Naime, sadržaji izbornika u prilagodniku

i izbornika Izgled nadzorne ploče odražavaju sve mogućnosti

prilagođavanja izgleda stranica koje nudi pojedina tema.

Za mnoge je teme način prilagođavanja pojedinih elemenata sučelja

usklađen s načinom prilagođavanja ostalih postavki WordPressa jer

postoje standardi za izradu tema. Nažalost, zbog širokog kruga autora

moguća su manja odstupanja od tog standarda.

Svaka tema u WordPressu ima najmanje dva različita izgleda stranica:

prikaz niza objava (kao, na primjer, u blogu) te prikaz pojedinih objava ili

stranica. Ta se dva izgleda razlikuju u sadržaju glavnoga dijela stranice,

bočna

traka

podnožje

bočna

traka

zaglavlje

glavni dio

stranice

Napomena

Naziv zaglavlje ne znači da

će se odgovarajući element naći zaista na vrhu stranice, kao što bi se moglo očekivati.

Na primjer, u temi Twenty Fifteen zaglavlje se nalazi na lijevoj strani stranice.

Napomena

Dobro je pogledati i izvornu dokumentaciju za pojedinu temu.

Na primjer, na stranici https://theme.wordpress.com/themes/twentysixteen nalazi se opis teme koja se upotrebljava na ovom tečaju.


47

a mogu se razlikovati i u rasporedu osnovnih elemenata te sadržaju koji

se nalazi u njima.

Usporedba načina razmještaja glavnih elemenata stranice

pri prikazu popisa najnovijih objava i pri prikazu jedne objave

u temi Twenty Sixteen.

4.2. Izbor teme

Tema se iz nadzorne ploče bira izborom Izgled Teme, dok je s

prednje strane izbor teme dostupan klikom na link Prilagodi alatne trake

te klikom na gumb Promijeni pokraj naziva aktivne teme.

U oba se slučaja prikazuje popis instaliranih tema sa slikama, a, dok je

miš iznad slike teme, gumb Detalji teme vodi na popis svojstava te teme

na temelju kojeg autor može i bez instaliranja teme vidjeti ispunjava li

mu tema očekivanja. Naime, iskusni autori znaju koje sadržaje žele na


48

svojim stranicama, na kojim bi se mjestima na stranici oni trebali nalaziti,

te koliko im je dodatnih mogućnosti prilagođavanja potrebno, a

WordPress i autori tema ubrzavaju im izbor navođenjem svojstava.

Popis instaliranih tema na početku rada s WordPressom.

Miš se nalazi iznad prve teme, koja je ujedno aktivna.

Na donjoj je slici popis svojstava teme Twenty Sixteen

koji se dobiva klikom na oznaku Detalji teme.

Poznavanje osnovnih elemenata stranica u WordPressu osobito je

važno kod izabiranja teme koja još nije na raspolaganju na web-sjedištu

koje administrator uređuje, a treba je izabrati među tisućama

raspoloživih tema.

Izabiranje teme koja još nije instalirana na web-sjedište započinje

također sa stranice Izgled Teme koja sadrži popis instaliranih tema –

klikom na gumb Dodaj novu.

Teme koje još nisu instalirane mogu se pregledavati kao sličice ili u

Pretpregledu, ali samo s unaprijed upisanim sadržajem, dok je

pretpregled sa sadržajem upisanim na web-sjedište moguć tek nakon

instalacije teme.

Da bi izbor tema prema željama administratora bio jednostavniji, postoji

Filtar osobina kojim administrator može odrediti mogućnosti teme koje

su mu važne za izgradnju web-sjedišta. Iz niza osobina može se

izdvojiti:

je li sadržaj organiziran u stupce ili je razmještaj rešetkast, tj. jesu li

najave objava nanizane jedna iznad druge ili je glavni dio stranice

popločen naslovima i uvodnim sadržajem objava

postojanje lijeve i(li) desne bočne trake

uključivanje istaknute slike objava i stranica

Napomena

Pri izboru teme najvažniji su elementi koji se prikazuju na stranici i njihove mogućnosti prilagođavanja.

Konkretne boje, obrubi i slični efekti najčešće su vrlo nisko na ljestvici prioriteta jer se oni mogu vrlo lako promijeniti nakon instalacije teme.


49

mogućnosti uređivanja zaglavlja

mogućnost prilagođavanja boja sadržaja na web-sjedištu

mogućnosti postavljanja slike na pozadinu web-sjedišta.

Posebna skupina filtera predstavlja preporuke za teme web-sjedišta u

ovisnosti o njegovu sadržaju: blog, obrazovanje, fotografija, portfolio itd.

Dio popisa za izbor svojstava teme – filter za pronalaženje tema.

Daljnjim učenjem o WordPressu administratorima sve više svojstava iz

filtera postaje poznato i važno, premda sva svojstva većini korisnika

vjerojatno nikad neće biti potrebna (na primjer, podrška za jezike koji se

pišu zdesna nalijevo, tzv. RTL jezike).

Osim putem nadzorne ploče koja omogućava izravnu

instalaciju, teme su dostupne i s raznih web-sjedišta. U tom se

slučaju treba preuzeti zip datoteka sa svim datotekama teme,

raspakirati je te cijelu mapu s temom kopirati u mapu wp-content/themes

mape u kojoj se nalazi pohranjen WordPress.

No, WordPressove teme ne sadrže samo opise dizajna, nego i

programe koji služe za stvaranje izgleda stranica. Budući da programi

osim vidljivih poslova namijenjenih stvaranju stranice mogu tajno

obavljati bilo kakve poslove, pa i neželjene ili čak nezakonite, nužno je

teme preuzimati samo s provjerenih web-sjedišta.

Neke teme nakon instalacije predlažu instalaciju raznih dodataka. To

nije nužno za funkcioniranje same teme, ali su neki od dodataka

potrebni ako se želi postići izgled kakav je prikazan na primjeru izgleda

teme. U posljednje vrijeme najčešće barem jedan od predloženih

dodataka služi za automatsko listanje vijesti, tj. prikazivanje najava

objava u obliku dijaprojekcije. Neki dodaci služe kao reklama za

proizvode autora teme – često u osnovnoj verziji besplatne, a u punoj

komercijalne.

Teme se, kao i WordPress, redovito ažuriraju, što ima dvije

posljedice.

Nakon ažuriranja WordPressa treba provjeriti slaže li se aktivna

tema još uvijek s osnovnim programima WordPressa. Osim toga, ne

treba ignorirati prijedloge za ažuriranje izabrane teme koji se povremeno

pojavljuju na nadzornoj ploči.

Instalirane se teme na stranici Izgled Teme mogu obrisati bez

ostatka. To se preporuča učiniti za sve nepotrebne teme.


50

4.3. Prilagođavanje izgleda teme

Teme sa svojstvima

prilagodljiva pozadina (Custom Background)

prilagođene boje (Custom Colors)

prilagodljivo zaglavlje (Custom Header)

istaknuta slika zaglavlja (Custom Logo)

osobito su zanimljive korisnicima zbog mogućnosti prilagođavanja

izgleda web-sjedišta uz zadržani raspored elemenata.

Mogućnosti prilagodbe teme Twenty Sixteen.

Imena funkcija za promjenu izgleda mogu odstupati

od naziva svojstava u filterima.

Prilagodljivo zaglavlje odnosi se na sliku koja se nalazi ili uz zaglavlje

ili kao pozadinska slika zaglavlja, dok je istaknuta slika zaglavlja (logo)

obično manja i nalazi se uz naslov i slogan web-sjedišta. Obje su slike

na ovom tečaju postavljene odmah nakon postavljanja web-sjedišta.

Prilagođene boje mogu se na nekim temama izabrati iz sheme boja,

što olakšava usklađivanje boja različitih elemenata. Na nekim se

temama mogu slobodno birati boje pojedinih elemenata – onih za koje je

autor predvidio promjenu boje.

Prilagođena pozadina odnosi se najčešće na dodavanje slike

pozadine.

Administratorima koji poznaju jezik za definiranje izgleda web-stranica,

CSS, korisna je i mogućnost dodavanja opisa izgleda funkcijom Dodatni

CSS koja je dostupna bez obzira na izbor teme. U praksi to znači da

treba izabrati temu najsličniju idejama vlasnika web-sjedišta o izgledu

stranica te je samo malo doraditi.

Koliko će daleko ići u prilagođavanju izgleda teme, tj. kad će

administrator odlučiti izraditi vlastitu temu umjesto prilagođavanja

postojeće, odluka je sâmog administratora ili skupine ljudi koja održava

web-sjedište.

Napomena

U CSS-u su osim boja, debljina obruba, izbora fontova i sličnih dizajnerskih elemenata sadržane i naredbe za dijeljenje riječi na slogove pri prijelomu reda. I to se može isključiti

funkcijom Dodatni CSS.


51

Koju god metodu upotrijebio, pri svim promjenama izgleda administrator

mora biti pažljiv da ne bi narušio čitljivost sadržaja, te se u slučaju

dvojbe ne treba ustručavati potražiti savjet stručnjaka (dizajnera).

4.4. Postavke web-sjedišta vezane za prikaz sadržaja

Osim globalnog izgleda, web-sjedištu se mogu namjestiti i neke sitnije

postavke, također važne za nesmetano praćenje sadržaja. Te su

postavke dostupne linkom Postavke izbornika nadzorne ploče.

Na stranici Postavke Općenito za prikaz su sadržaja važni:

vremenska zona

oblik datuma

oblik vremena

jezik web-stranice.

Vremenska zona utječe na vrijeme koje će biti upisano uz objavu i na

objavljivanje tempiranih objava, za koje je pri upisu određeno kada

moraju postati dostupne posjetiteljima.

Oblik datuma i vremena može se potpuno prilagoditi, za što postoje

upute dostupne sa stranice za promjenu formata. Na primjer, umjesto

kratkoga formata datuma s kosim crtama (d/m/Y) korisnik može upisati

oblik s točkama i razmacima koji odgovara hrvatskom načinu pisanja

datuma (d. m. Y.).

Jezik web-stranice je jezik kojim će biti napisani fiksni natpisi

WordPressa za korisnike koji nisu prijavljeni ili koji nemaju posebno

izabran jezik. U slučaju da prijevodi za željeni jezik još nisu instalirani,

nakon odabira se automatski preuzimaju s Interneta.

Prijavljeni korisnici mogu klikom na svoje ime u desnom gornjem kutku

stranice doći do linka Uredi moj profil te izabrati svoj jezik među

raspoloživim, instaliranim jezicima.

Nažalost, često se događa da neki tekstovi nisu prevedeni, a najčešće je

to slučaj s tekstovima uključenim u teme. Upotrebom takvih tema

web-sjedište može djelovati neusklađeno, s glavnim sadržajem

napisanim na jednom jeziku, a naslovima na drugom (na primjer,

comment, search, read more…). Budući da je WordPress na

poslužiteljima u tzv. izvornom kôdu, svi su tekstovi vidljivi i mogu se

prevesti, no ipak, samo se temama koje imaju svojstvo spremno za

prijevod tekstovi mogu prevesti na vrlo jednostavan način. Prevođenje

zahtijeva ili upotrebu dodatnoga programa (na primjer, Poedit) ili

uređivanje WordPressovih programa, što oboje prelazi granice ovoga

tečaja.

Među ostalim postavkama web-sjedišta važno je upoznati skup postavki

vezan za prikaz sadržaja, koji se nalazi na stranici Postavke Čitanje.

Napomena

Ako web-sjedište uređuje međunarodni tim, promjena jezika za svakog pojedinog suradnika znači mogućnost rada u okruženju na kojem je svatko od njih naviknut.

Za jezik web-sjedišta obično se izabire jezik na kojem će biti napisani tekstovi jer se tako može postići usklađenost svih elemenata na stranici.


52

Pri postavljanju web-sjedišta u ovom je tečaju izabran izgled bloga, tako

da Naslovna stranica prikazuje Vaše najnovije objave. Na stranici

Postavke Čitanje može se još namjestiti broj objava prikazan na

naslovnici, dok se do starijih objava može doći ili listanjem ili putem

raznih dodataka (widgeta) koji omogućavaju pregled objava.

Dno stranice s linkovima za izbor stranice,

gumbima za listanje te podnožjem.

4.5. Izbornici

Izbornik je skupina linkova (poveznica). Svaki izbornik ima svoje ime i,

da bi bio vidljiv, mora mu se odrediti položaj.

Nakon instalacije WordPressa te preuzimanja početnoga sadržaja teme

Twenty Seventeen (i mnogih drugih) određeni su sadržaji dvaju

izbornika: glavni izbornik sadrži linkove na stranice instaliranoga

web-sjedišta, a izbornik za poveznice društvenih mreža sadrži linkove na

web-sjedišta društvenih mreža i na elektroničku poštu.

Web-sjedište u WordPressu može sadržavati proizvoljan broj izbornika,

ali aktivnih izbornika može biti onoliko koliko je lokacija za izbornike

predviđeno u pojedinoj temi.

Rad s izbornicima sastoji se od dva odvojena posla:

uređivanje sadržaja izbornika

izbor mjesta izbornika, što ovisi o ponuđenoj temi.

Do funkcija za rad s izbornicima može se doći slično kao do prilagodbe

teme: ili se s prednje strane web-sjedišta izabere funkcija Prilagodi

Izbornici ili se s nadzorne ploče izabere Izgled Izbornici. Ključna

prednost pristupa s prednje strane je pretpregled, a ključna prednost

pristupa putem nadzorne ploče jest vrlo pregledno sučelje za

namještanje parametara.

U nastavku će biti prikazan rad s nadzornom pločom.

Nakon izbora Izgled Izbornici iz izbornika nadzorne ploče otvara se

stranica s dvije kartice, Uredite izbornike i Upravljanje lokacijama,

koje odgovaraju osnovnim poslovima koji se obavljaju s izbornicima.

Za stvaranje novih izbornika i uređivanje postojećih izabire se kartica

Uredite izbornike.


53

Kartica Uredite izbornike.

Prvo treba odabrati postojeći izbornik ili stvoriti novi i dati mu ime

(okvir ). Nakon toga se u okviru na desnoj strani pojavljuje popis

linkova koji se već nalaze u izabranom izborniku, a iz okvira na lijevoj

strani, , mogu se dodati linkovi raznih vrsta:

stranice stvorene u WordPressu koje se biraju iz popisa

objave stvorene u WordPressu koje se također biraju iz popisa

prilagođene poveznice, tj. poveznice na vanjske sadržaje

- za web-stranice je najjednostavnije kopirati adresu stranice iz

adresne trake dok je željena odredišna stranica prikazana i

zalijepiti je u polje URL (URI)

- za adrese elektroničke pošte u polje URL piše se mailto: nakon

čega bez razmaka slijedi adresa elektroničke pošte (na primjer,

mailto:[email protected])

- u polje Tekst poveznice upisati kratki opis, tj. tekst linka

kategorije, koje predstavljaju rubrike u WordPressu i o kojima će

biti govora u poglavlju o svrstavanju objava.

Linkovi se, bez obzira na vrstu, u izbornik prenose klikom na gumb

Dodaj u izbornik.

Svi se dodani linkovi pojavljuju u okviru na desnoj strani, Struktura

izbornika. U njemu se povlačenjem može promijeniti redoslijed i

struktura izbornika, a sve su funkcije dostupne klikom na trokutić pokraj

odgovarajuće točke izbornika:

Napomena

Adresu elektroničke pošte nije dobro upisivati iz dva razloga:

adresa je vidljiva i programima zlonamjernih vlasnika koji je mogu iskoristiti za slanje neželjene pošte

za slanje poruka treba biti postavljen program za slanje elektroničke pošte, što je neprikladno za javna računala.

Umjesto slanja poruka elektroničkom poštom bolje je na stranice postaviti obrazac za kontakt, a može se instalirati i dodatak koji skriva adrese elektroničke pošte od programa zlonamjernih vlasnika. Obje će metode biti opisane kasnije u tečaju.


54

promjena Navigacijske etikete, teksta linka

premještanje prema početku izbornika ili kraju (gore i dolje)

postavljanje kao podstavku (stvaranje podizbornika) ili vraćanje na

gornju razinu (ispod, iznad)

uređivanje linka

brisanje linka.

Podizbornik neke točke izbornika jest izbornik koji se otvara kad se miš

drži iznad te točke, a podstavke su točke tog izbornika.

Izbornik s podizbornikom O nama

u okviru za uređivanje i na prednjoj strani web-sjedišta.

Hijerarhija stranica može se postaviti i pri uređivanju stranica izborom

Atributa stranice s nazivom Matično. Stranice označene na taj način

prikazat će se kao podstranice u popisu stranica i u okviru za izbor

stranica pri uređivanju izbornika, no neće biti automatski uključene u

izbornik.

Nakon postavljanja linkova za izbornik treba odrediti Lokaciju prikaza,

što se može učiniti s kartice Upravljanje lokacijama. Jedan se izbornik

može nalaziti na nekoliko lokacija, no na jednoj se lokaciji može nalaziti

samo jedan izbornik.

U Postavkama izbornika može se odabrati Automatsko dodavanje

novih glavnih stranica što osigurava da ni jedna stranica stvorena na

način kao što je to do sada opisano u tečaju neće ostati nevidljiva

posjetiteljima. Premda su jasne prednosti ove metode, sigurnije je da

čovjek, autor web-sjedišta, odredi logičan redoslijed i raspored linkova u

izborniku.

4.6. Dodaci

WordPress je sustav otvorenoga kôda, što znači da svatko tko raspolaže

odgovarajućim znanjima može prilagoditi bilo koji njegov dio svojim

potrebama. No, u praksi se takav pristup pokazuje nepraktičnim, što

zbog potrebe za ljudima sa znanjem programiranja, što zbog činjenice

da administratori rijetko imaju potrebu za potpuno novim proširenjima, tj.

zato što je gotovo sigurno već puno ljudi obavilo isti posao.

Napomena

Ako autor želi da neka točka izbornika služi samo za postavljanje podizbornika, tj. da se njome ne otvara posebna stranica, može upotrijebiti Prilagođene poveznice te kao link upisati znak #.


55

Kolike mogu biti razlike između potreba korisnika najbolje se može

vidjeti iz činjenice da WordPress u praksi služi za izradu web-sjedišta

raznih veličina te širina i vrsta sadržaja. Najjednostavniji su blogovi s

jednom rubrikom koje vode pojedinci, a složenost raste preko

postavljanja web-sjedišta tvrtki ili drugih organizacija sve do sustava s

uključenim plaćanjem, kao što su sustavi rezervacija u turizmu,

web-trgovine i drugo.

Uključivanje mogućnosti svih prilagodbi u WordPress učinilo bi sustav

tromim te potencijalno nestabilnim i ranjivim, a omogućavanje izbora pri

instalaciji učinilo bi instalaciju složenijom nego što je sada, što bi sigurno

odbilo mnoge korisnike. Zato je usvojen koncept dodataka (plugin) –

dijelova programa koji se mogu naknadno izabrati prema potrebama

pojedinoga web-sjedišta, preuzeti i instalirati.

Dodaci WordPressu mogu obavljati različite poslove, kao što su:

„nevidljivi“ poslovi u pozadini (na primjer, poslovi vezani za

sprečavanje stizanja neželjenih poruka u komentarima)

prikazivanje sadržaja u okviru nadzorne ploče, najčešće na njezinoj

naslovnici (na primjer, prikazivanje statistike posjeta)

proširenje skupa funkcija vidljivih posjetiteljima (na primjer,

prikupljanje podataka od korisnika putem obrazaca)

prikazivanje sadržaja na stranicama vidljivim posjetiteljima na nov

način, na primjer na bočnim trakama (na primjer, popis najčitanijih

objava ili objava s najviše komentara).

Ukratko, gotovo svi se poslovi mogu prilagoditi korisnicima upotrebom

dodataka.

Trenutačno se samo proširenja koja se mogu instalirati putem nadzorne

ploče u WordPressu broje u desecima tisuća, a broj proširenja napisanih

za pojedina web-sjedišta koja nisu dana na raspolaganje zajednici

sigurno je još puno veći. Velik je broj tih proširenja temeljito testiran,

dokumentiran te održavan s ciljem ispravnosti programa i usklađenosti

(kompatibilnosti) s aktualnom verzijom WordPressa.

U ovoj je cjelini već pokazano kako se putem nadzorne ploče mogu

izabrati, preuzeti i instalirati teme. Sličan je postupak i za ostale dodatke

– na nadzornoj se ploči treba otvoriti stranica Dodaci Instaliraj novi

nadzorne ploče te treba potražiti odgovarajući dodatak.

Napomena

Isti je popis dodataka dostupan na web-stranici wordpress.org/plugins-wp. Tamo prijavljeni korisnici mogu označiti neke dodatke

kao omiljene (favorites, ) te ih na nadzornoj ploči svojega web-sjedišta pregledavati u popisu omiljenih dodataka.


56

Izbor dodataka – na stranici za izbor prikazano je vrlo malo dodataka,

više ih se dobiva ciljano, pretraživanjem.

Pretraživati se može po riječima naziva ili opisa dodatka, pri čemu je

poželjno upotrebljavati engleski jezik jer dodaci, osobito oni koji svoj

posao obavljaju isključivo u pozadini, bez interakcije s posjetiteljima,

često nemaju prevedene čak ni opise. Proširenja se mogu izabrati i

upotrebom oznaka koje autori pišu uz dodatke upravo radi lakšeg

grupiranja i pretraživanja.

Najpopularnije oznake uz dodatke.

Prije instalacije dodatka treba pogledati i je li željeni dodatak

kompatibilan s instaliranom verzijom WordPressa, odnosno s kojim je

verzijama WordPressa kompatibilan. Najsigurnije je instalirati samo

provjerene dodatke, no i dodaci testirani na prethodnim verzijama

najčešće će ispravno obavljati svoj posao.

Dodaci se mogu preuzeti i s drugih web-sjedišta te postaviti u

mapu wp-content/plugins na poslužitelju. Budući da je riječ o

programima, preporuča se instalirati samo dodatke iz

provjerenih izvora.

Pri biranju dodataka putem nadzorne ploče WordPressa treba obratiti

pozornost i na vrijeme posljednjeg ažuriranja, osobito ako je riječ o

dodatku koji (još) nije provjeren u radu s najnovijom verzijom

WordPressa. Naime, vrlo stari dodaci mogu biti ranjivi za nove prijetnje,

čak i ako su u vrijeme nastanka radili besprijekorno.

Prije instalacije poželjno je napraviti i sigurnosnu kopiju svih programa i

podataka. Postupak izrade sigurnosne kopije, ali i rekonstrukcije

web-sjedišta iz postojeće kopije, bit će prikazani kasnije u ovom tečaju.

Napomena

Zanimljivi podaci o dodatku koje treba pogledati su i broj instalacija, datum posljednje provjere, stil i iscrpnost opisa načina rada s dodatkom te, konačno, broj ocjena korisnika i sama ocjena.


57

Za instalaciju dodatka treba prenijeti datoteke na poslužitelj, pa

WordPress pita za odgovarajuće korisničke podatke.

Početak rada s novim dodatkom vrlo je jednostavan i sastoji se od tri

koraka:

1. instalacija dodatka koja je jednaka instalaciji teme

2. aktivacija dodatka, operacija koja se obavlja jednim klikom

3. namještanje postavki dodatka.

Nakon instalacije WordPressa dobivaju se dva dodatka koja su u

početku neaktivna. Dodatak Hello Dolly služi za zabavu administratoru,

može se aktivirati, deaktivirati te ukloniti bez posljedica na rad cijelog

sustava.

Mnogim se dodacima mogu ili čak moraju namještati dodatne postavke,

što se također može učiniti odgovarajućim brzim linkom iz popisa

dodataka.

Pri odabiru i instalaciji dodatka treba uzeti u obzir da instalirani dodaci

često usporavaju rad WordPressa. Zbog toga je poželjno instalirati samo

one dodatke koji su zaista potrebni, te nepoželjne dodatke deinstalirati ili

barem deaktivirati.

Dodaci se, kao i WordPress, kao i teme, redovito ažuriraju, što

znači da ne treba zanemariti prijedloge za ažuriranje dodataka

koji se pojavljuju na nadzornoj ploči i da nakon svakog

ažuriranja WordPressa treba provjeriti funkcioniraju li dodaci i s novom

verzijom. Manje instaliranih dodataka i ovdje nosi manje posla, tj.

određenu prednost.

Iako se sve ove aktivnosti provode putem sučelja WordPressa, dakle

postoje neka jamstva da instalirani i nedavno ažurirani dodatak nije

zlonamjeran, dobro je povremeno na webu provjeriti stanje dodatka,

osobito ako je riječ o dodatku manje uglednog autora. To se može učiniti

pretraživanjem weba uz ograničenje na starost stranica na posljednjih

nekoliko mjeseci ili traženjem veze instaliranog dodatka s neželjenim

programima i aktivnostima.

Namjena je ovoga tečaja opisati osnovna svojstva WordPressa te

ukazati na mogućnost nadogradnje instalacijom dodataka. Naime, samo

korisnik s potpunim poznavanjem osnovnih funkcija može procijeniti je li

mu neki dodatak zaista potreban te instalacijom potrebnih dodataka

unaprijediti svoje web-sjedište bez značajnog usporavanja. Osim toga,

korisnik s dobrim poznavanjem osnovnih mogućnosti WordPressa moći

će pri promatranju tuđih web-sjedišta za funkcije ili efekte koji mu se

sviđaju procijeniti može li nešto slično ostvariti bez instalacije dodataka

te, ako ne može, potražiti dodatke.

Instalacije pojedinih dodataka i namještanje postavki za dodatke kojima

je to potrebno raspoređene su kroz ostatak tečaja, svrstane prema

namjeni dodataka.


58

4.7. Widgeti

Widgeti su dodaci WordPressu koji prikazuju dodatne sadržaje. Oni se

najčešće nalaze na dijelu web-sjedišta vidljivom posjetiteljima, no i

widgeti vidljivi na naslovnici nadzorne ploče mogu biti jednako atraktivni i

korisni.

Mogućnost smještanja widgeta ovisi o izabranoj temi – najčešće se

mogu smjestiti u bočne trake, no postoje teme koje dozvoljavaju i druga

mjesta, pa čak i glavni dio stranice, osobito naslovnice u statičkom

obliku. Često se mogućnost dodatnoga smještanja widgeta spominje u

opisu teme – bilo opisu vidljivom pri izboru teme, bilo opisu teme na

web-sjedištu autora teme. Čak i ako takav opis izostane, oko iskusnog

administratora zamijetit će widgete na stranici s primjerom sadržaja

teme, a svima ostalima može se preporučiti instalacija teme i pokušaj

smještanja widgeta jer su na stranici za raspoređivanje widgeta

popisana sva mjesta na kojima se oni mogu nalaziti. Ako se pokaže da

tema ne dolazi u obzir za upotrebu, može se deinstalirati, pri čemu ne

ostavlja tragove instalacije.

Nekoliko je widgeta uključeno u početnu instalaciju WordPressa, a ostali

widgeti koje administrator smatra korisnima mogu se instalirati jednako

kao i svi drugi dodaci.

Dodavanje raspoloživih widgeta na stranicu

Widgeti instalirani na web-sjedište mogu se dodati na stranicu ili putem

nadzorne ploče (Izgled Widgeti) ili s prednje strane web-sjedišta

Prilagodi Widgeti, s već uobičajenim pretpregledom uživo.

Ako se widgeti uređuju na nadzornoj ploči, administrator ima pregled

nad svim instaliranim widgetima te widgetima postavljenim u pojedina

područja stranice. Ako se widgeti uređuju uz pretpregled uživo, izbor

zahtijeva nekoliko klikova mišem više, no pretpregled je često dovoljan

razlog administratorima da se odluče za taj, dulji put.

U nastavku će biti pokazan način smještanja widgeta putem alata

nadzorne ploče.

Izborom Izgled Widgeti iz izbornika nadzorne ploče otvara se

stranica koja na lijevoj strani ima popis svih instaliranih widgeta, a na

desnoj popis svih lokacija s već postavljenim widgetima.


59

Stranica za razmještanje widgeta.

Widget se smješta na odgovarajuću lokaciju povlačenjem okvirića s

naslovom widgeta iz popisa na okvirić koji označava željenu lokaciju u

popisu . Pogrešno smješteni widget može se na povlačenjem

premjestiti na ispravnu lokaciju, a na isti se način mogu rasporediti

widgeti unutar jedne lokacije.

Većina widgeta nakon postavljanja na lokaciju nudi mogućnosti

prilagodbe. Zajedničko je svojstvo svih widgeta Naslov koji se može

upisati, ali katkad zaista nije poželjan na stranici te ga se može ostaviti

praznoga. Ostala svojstva ovise o konkretnim widgetima, što znači da će

za najčešće upotrebljavane widgete moći biti opisana na ovom tečaju,

dok je za druge potrebno pročitati upute za konkretni dodatak na stranici

Dodaci Instalirani dodaci te klikom na link Prikaži detalje u retku

dodatka koji odgovara widgetu koji treba upoznati.

Wigdeti se u popisu uključenih widgeta međusobno

razlikuju po naslovima. Da bi se naslovi vidjeli u tom popisu,

ali ne i na prednjoj strani web-sjedišta, može se instalirati neki

dodatak, na primjer Widget Options koji već u besplatnoj verziji za sve

widgete omogućava postavljanje vidljivosti naslova i mnoštva drugih

svojstava.


60

Povlačenjem widgeta na lijevu stranu stranice u skupinu Dostupni

widgeti, widget se briše, dok se povlačenjem u skupinu Neaktivni

widgeti widget uklanja sa stranice, ali njegove postavke ostaju

sačuvane. Widgeti se mogu obrisati i klikom na link Obriši koji je vidljiv

dok su prikazana svojstva widgeta.

Tekstni widget

Tekstni widget sadrži proizvoljni tekst, slike, linkove i ostale elemente

koje inače mogu sadržavati tekstovi na webu, a najčešće se

upotrebljava za prikaz važnih obavijesti.

Prikaz HTML-widgeta pri uređivanju i na prednjoj strani web-sjedišta.

Tekst koji se nalazi u tekstnom widgetu upisuje se editorom nalik onomu

pri upisivanju članaka ili objava, samo s naizgled smanjenim skupom

funkcija. Naime, u editoru je samo nekoliko funkcija prikazanih gumbima,

no mogu se upotrijebiti prečaci, kao i neke naprednije funkcije koje će

biti opisane kasnije u ovom tečaju. Ipak, treba uzeti u obzir pravilo

„manje je više“, te ne pretjerivati s pojedinačnim oblikovanjem.

Widgeti za prikaz slika, zvučnog i video zapisa

Widgeti za prikaz slika, zvučnog ili video zapisa omogućavaju prikaz po

jednog od odgovarajućih medijskih zapisa.

Napomena

Zbirka neaktivnih widgeta može biti korisna za widgete koji se prikazuju samo periodički.


61

Uređivanje slikovnoga widgeta koji samo prikazuje sliku, bez naslova.

4.8. Vježba: Promjena postavki web-sjedišta

1. Među temama dostupnima putem dodavanja novih tema u okviru

nadzorne ploče izaberite dvije teme koje imaju mogućnost

prilagođavanja boja, istaknute slike, slike pozadine i zaglavlja te

koje su spremne za prijevod.

Instalirajte izabrane teme, isprobajte ih u pretpregledu i primijenite

jednu od njih na svoje web-sjedište.

2. Na novoj temi provjerite odgovara li joj ranije postavljena slika

zaglavlja te koji su natpisi zaista prevedeni (posebno na dijelu koji

vide posjetitelji, posebno pri prilagodbi teme).

3. Prilagodite boje postojećim slikama.

4. Provjerite izgled istaknutih slika – kako u popisu najnovijih objava

tako i kod prikaza cijelih objava. Najzanimljivija su svojstva veličina

i položaj slika.

5. Namjestite postavke web-sjedišta tako da se datumi prikazuju na

način uobičajen u Hrvatskoj.

6. Pregledajte izbornik za poveznice društvenih mreža te prilagodite

linkove. Posebno, obrišite link Yelp.

Napomena

Možda su u temi koju ste izabrali neki linkovi u izborniku društvenih mreža zamijenjeni prepoznatljivim ikonama, dok drugi imaju samo simbole za linkove jer o temi ovisi koje će društvene mreže prepoznati te njihove linkove zamijeniti ikonama.


62

7. Pregledajte glavni izbornik s prednje strane web-sjedišta te po

potrebi uz pretpregled funkcijom Prilagodi s prednje strane

web-sjedišta uredite redoslijed linkova.

Koja Vam se mogućnost uređivanja izbornika u ovom trenutku više

sviđa?

8. Uklonite widget „Pronađite nas“ sa stranice, ali ga ostavite u

popisu neaktivnih widgeta. Uočite da su svojstva ostala sačuvana.

9. Stvorite još jedan tekstni widget s naslovom „O web-stranici“ te ga

ispunite sadržajem koji opisuje stvarnu namjenu vašega

web-sjedišta (upoznavanje s WordPressom ili nešto slično).

Dodatni zadatak:

10. Dodajte na stranicu widget za pretraživanje unutar web-sjedišta te

se uvjerite da i on, kao i pretraživanje u popisu objava, pretražuje

prema dijelu riječi, a ne nužno cijeloj.


63

5. Rad s medijskim zapisima

Slike, video i ostali multimedijski sadržaji lako se uključuju u tekstove, no

da bi ih posjetitelji doživjeli kao sadržaj ravnopravan tekstu treba ih još i

smjestiti na odgovarajući način te im namjestiti nekoliko dodatnih

svojstava.

S tehničke, naizgled nevidljive strane autori moraju biti svjesni veličine

multimedijskih sadržaja i posljedica koje veličina može imati na trajanje

prijenosa podataka i na utrošak prostora dodijeljenoga web-sjedištu.

Zato prije postavljanja na web-sjedište treba osobitu pozornost posvetiti

pripremi sadržaja ili razmisliti o mogućnosti pohranjivanja velikih

datoteka na neki poslužitelj na kojem se može dobiti na upotrebu velika

količina prostora.

Svi se medijski zapisi u tekstove uključuju na sličan način, no koraci

uključivanja tih zapisa – od pripreme do preciznog postavljanja – malo

se razlikuju u ovisnosti o vrsti sadržaja.

5.1. Pojedinačne slike u tekstu

Tijekom početnog upoznavanja s objavama u WordPressu pokazan je

način postavljanja istaknutih slika uz objavu. Te se slike pojavljuju u

popisima objava te služe za privlačenje pozornosti posjetitelja na

pojedinu objavu i kao link na potpuni sadržaj objave.

Slike u tekstu nadopunjuju tekst, što se odražava na njihov sadržaj i

smještaj, a posredno i na način umetanja.

Dodavanje slika uključivanjem u medijsku zbirku

Dodavanje slika, kao i bilo kojega drugog sadržaja vezanog za objave i

stranice, započinje u WordPressovu editoru.


dodati slike u tekst

postaviti slike na željeno mjesto u tekst

naknadno urediti svojstva slike

razlikovati sliku smanjenu u WordPressovu editoru od slike

smanjene u programu za obradu slika

dodati galeriju slika u tekst i urediti njezina svojstva

dodati video u tekst

usporediti dvije mogućnosti fizičkoga smještanja videa: na

WordPressu ili na nekom drugom web-sjedištu

postaviti druge vrste medijskoga sadržaja u WordPress te ih

povezati sa svojim tekstovima.


64

Prije umetanja slika autor treba odrediti optimalno mjesto za sliku i

postaviti pokazivač miša na to mjesto. U praksi je to vrlo često novi,

prazni odlomak.

Gumb za dodavanje slika i ostaloga medijskog sadržaja jest Dodaj

medijski zapis i nalazi se iznad alatne trake editora:

Gumb za početak unosa medijskoga zapisa u tekst.

Izborom funkcije Dodaj medijski zapis otvara se okvir Zbirke medija,

vrlo sličan onome koji se otvarao pri prijenosu slika za zaglavlje, identitet

stranice ili pak istaknute slike objava ili stranica. Sve se ranije prenesene

slike nalaze u zbirci medija i raspoložive su za umetanje u tekst, a tu je

ponovno kartica za prijenos zapisa.

Prije početka prijenosa dobro je na stranici preko koje se obavlja

prijenos pročitati ograničenje na veličinu pojedinačnoga sadržaja i

usporediti ga s veličinama slika koje treba prenijeti. Ograničenje je, u

pravilu, na razini cijeloga poslužitelja, na što autor često nema utjecaja,

pa veće slike autor mora smanjiti na svom računalu prije prijenosa u

WordPress. Više o veličinama slika bit će riječi na kraju poglavlja o

umetanju pojedinačnih slika.

Korisnici koji svoje objave pišu putem mobilnih uređaja nakon klika na

gumb Odaberi zapise u okviru za rad s medijskom zbirkom mogu uočiti

nove izvore zapisa, primjerene radu na terenu:

Dio izbora izvora multimedije na mobitelu.

Nakon fotografiranja slika se može odabrati i postaviti u tekst, dok u

svakom slučaju ostaje spremljena u zbirci fotografija mobitela.


65

Slike se, bez obzira na način prijenosa, nakon prijenosa nalaze u zbirci

medija i od tamo se mogu odmah ili kasnije uključiti u tekst izabiranjem

te pritiskom na gumb Unesi u objavu. No, čak i ako je prenesen niz

slika, poželjno je slike unositi u tekst jednu po jednu da bi se odmah za

svaku mogla odrediti svojstva prikazana na desnoj strani stranice.

Izabrana slika i njezina svojstva.

Dvije su slike označene kvačicama da bi kasnije

bile istovremeno uključene u tekst.

Kad je izabrana pojedina slika, u bočnoj se traci nalaze njezina svojstva,

grupirana u dvije skupine:

1. Detalji privitka pohranjuju se zajedno sa slikom u zbirku medijskih

zapisa i mogu se kasnije mijenjati na stranici dostupnoj putem

izbornika nadzorne ploče Medijski zapisi.

2. Svojstva iz skupine Postavke prikaza odnose se na izgled i

položaj slike u tekstu te se spremaju uz objavu ili stranicu koja se

uređuje.

Detalji privitka – tekstni opis slike

Podaci o slici koji se odnose na njezin sadržaj unose se u skupini Detalji

privitka pri dodavanju slika u tekst te se pohranjuju i u zbirci medija pod

istim naslovom. U zbirci medija se mogu i naknadno mijenjati.


66

Pregledavanje medijskih zapisa u zbirci medija (Medijski zapisi)

nalikuje pregledavanju popisa objava ili stranica, a slične su i

mogućnosti filtriranja i pretraživanja. Budući da se filtriranje i

pretraživanje obavljaju isključivo po tekstnim podacima, poželjno je

odmah po unosu slike odvojiti malo vremena za unos sadržaja u

odgovarajuća polja, dakle u skupinu Detalji privitka.

Detalji privitka – svojstva slike koja se pohranjuju u medijsku zbirku.

Svojstva prikazana među detaljima privitka jesu:

1. prikazani podaci o slici i datoteci koji se ne mogu mijenjati u

medijskoj zbirci, a prikazani su uz sliku

2. URL (URI) slike – adresa koja se može upotrijebiti za izravan

pristup slici; iako se može označiti i kopirati cijela, često se na prvi

pogled vidi samo njezin početni dio

3. naslov – naslov slike koji se ne prikazuje na web-stranici, ali služi

za snalaženje u zbirci medija

4. okvir – tekst koji će biti prikazan ispod slike, najčešće drugačijom

vrstom znakova u odnosu na ostatak teksta

5. alt tekst – tekst koji je prikazan na mjestu slike tijekom učitavanja

slika te koji čitaju čitači web-stranica za slijepe i slabovidne osobe

6. opis – opis slike koji se ne prikazuje na web-stranici, ali služi za

snalaženje u zbirci medija.

Pretraživanje zbirke medija traži upisane ključne riječi u imenu datoteke,

te poljima Naslov i Opis.

Podaci alternativni tekst i okvir mogu se razlikovati kod svojstava slike

uključene u tekst u odnosu na istoimene podatke u zbirci medija. Naime,

ti se podaci pri uključivanju slika u tekst prenose iz zbirke medija, ali se

za pojedinu pojavu slike u tekstu mogu dodatno uređivati funkcijom


67

Uredi za odgovarajuću sliku te tako prilagoditi kontekstu. To ima smisla

zato što se ista slika može upotrijebiti u razne svrhe te se opisom

prikazanim na svakoj pojedinoj stranici može za svaku od njih istaknuti

ono što je za taj tekst važno. Također, naknadne promjene podataka u

tim poljima učinjene u zbirci medija ne utječu na vrijednosti polja slike

ranije umetnute u tekst.

Postavke prikaza – odnos slike i teksta

Druga skupina svojstava, Postavke prikaza (Postavke zaslona),

određuju način postavljanja slike u odnosu na tekst.

Postavke prikaza slike u tekstu.

Autor treba obratiti pozornost na sva tri polja:

1. poravnanje opisuje odnos slika i teksta, a može biti:

- s omatanjem teksta oko slike lijevo i desno

- sa slikom u vlastitom odlomku – nijedno (tj. ovisno o

postavkama odlomka u kojem se nalazi) ili centar

2. sadržaj polja Poveznica za sliku može pretvoriti u poveznicu,

najčešće na izvornu sliku u punoj veličini (izabrati Medijski zapis)

3. svojstvo veličina određuje veličinu slike uvrštene na web-stranicu,

bez obzira na veličinu originalne slike.

Da bi web-sjedište djelovalo urednije, preporuča se uskladiti slike na

raznim stranicama tako da se izabere jedna od preporučenih veličina

slika: minijatura, osrednje ili velika. Maksimalne vrijednosti za širine i

Napomena

Link na izvornu sliku dobro je postaviti kad se očekuje da će posjetitelji morati čitati sliku (na primjer, neki dijagram) ili da će puno posjetitelja htjeti preuzeti sliku u izvornoj veličini.


68

visine tih preporučenih veličina određuju se u postavkama web-sjedišta,

pod točkom Medijski zapisi.

Svojstva koja utječu na prikaz slike u tekstu mogu se uređivati i nakon

umetanja slike klikom na sliku te odabirom funkcije Uredi alatne trake

koja se nakon klika na sliku pojavi uz nju. Iako uređivanje obuhvaća i

mogućnost promjene položaja slike u odnosu na tekst, radi lakšega

postizanja sklada između slika i teksta te su funkcije dodatno izdvojene

u alatnu traku.

Uređivanje svojstava slike koja utječu na prikaz slike

nakon umetanja slike u editoru.

Prva četiri gumba odnose se na položaj slike u odnosu na tekst.

Kod uređivanja slike autorima su na raspolaganju još i Napredne

opcije, koje sa stanovišta ovoga tečaja opravdavaju taj naslov.

Slike nakon umetanja mogu dobiti okvir, sjenu, efekt nakon prelaska

mišem i sl., što je rezultat djelovanja primijenjene teme.

Uređivanje slike

Slika koja je postavljena na poslužitelj može se malo urediti.

U okviru u kojem se uređuju svojstva slike važna za objavu stoji i gumb

Uredi original kojim se može urediti slika postavljena na poslužitelj.

Funkcije za uređivanje slike

dostupne nakon klika na gumb Uredi original.

Nakon ulaska u uređivanje dostupne su sljedeće funkcije:

1. izrezivanje

2. rotacija za 90° u pozitivnom i negativnom smjeru

3. vertikalno i vodoravno zrcaljenje

4. funkcije za poništavanje posljednje akcije i ponavljanje poništene

akcije,

Napomena

Ako se slika obriše iz objave ili članka, ostaje u zbirci medija. Ako se slika obriše iz zbirke medija, članak se ne mijenja, tj. u njemu ostaje oznaka da bi se na tom mjestu trebala nalaziti slika.

Posjetitelj pri pregledavanju stranice ili vidi da slika nedostaje ili mu preglednik sakrije taj nedostatak, što ovisi o pregledniku.


69

te funkcija za promjenu veličine, Dimenzioniraj sliku, dostupna

isključivo iz dijaloškog okvira.

Dok su rotacija i zrcaljenje jednostavne funkcije za koje nije potrebno

dodatno objašnjenje, kod izrezivanja i promjene veličine treba malo

pripaziti.

Za promjenu veličine slike (funkcija Dimenzioniraj sliku) treba upisati

jednu novu dimenziju, širinu ili visinu, dok drugu program računa sâm

pazeći da zadrži omjer širine i visine slike, tj. da se objekti na slici ne

izobliče. Ako korisnik pokuša upisati dimenzije veće od dimenzija

postojeće slike, program ga crvenim uskličnikom upozorava da neće

provesti promjenu jer bi nakon rastezanja prikazana slika bila manje

kvalitetna, a ne dobivaju se nove informacije na slici.

Upis nove duljine stranice slike

– duljina druge stranice računa se automatski.

Funkcija Izrezivanje slike omogućava pretvaranje originalne slike u

manju pravokutnu sliku uklanjanjem neželjenih sadržaja koji se nalaze

pri rubovima slika.

Osnovni se postupak izrezivanja sastoji isključivo od odabiranja i

povlačenja:

1. kliknuti na sliku i povući preko željenog područja, čime se postavlja

okvir za izrezivanje

2. namjestiti veličinu područja povlačenjem hvataljki i namjestiti

položaj područja povlačenjem središnjega dijela slike

3. iz alatne trake izabrati alat za izrezivanje.

Da bi sve slike u svim tekstovima bile međusobno usklađene, poželjno je

da imaju isti omjer širine i visine. Zato je dobro nakon približnog

određivanja područja nove slike (koraka 1) upisati Omjer stranica

jednak omjeru stranica svih ostalih slika. Time okvir za izrezivanje

dobiva širinu i visinu u željenom omjeru, a povlačenjem kutnih hvataljki

uz pritisnutu tipku [Shift] na tipkovnici područje za izrezivanje se mijenja

proporcionalno.

Napomena

Da bi izrezana slika imala isti omjer visine i širine kao i polazna, može se prvo okvir za izrezivanje rastegnuti preko cijele slike, a zatim uz upotrebu tipke [Shift] okvir smanjiti zadržavajući omjer širine i visine.


70

Namještanje veličine okvira prije izrezivanja.

Nije upisan omjer jer je okvir isprva bio rastegnut preko cijele slike,

a zatim smanjivan uz pritisnutu tipku [Shift].

Nakon uređivanja slike promjene treba snimiti.

Nakon izrezivanja, rotacije ili promjene veličine slike u medijskoj se zbirci

vidi uređena slika, no zadržana je i izvorna inačica, što se vidi po

dostupnosti funkcije Vrati originalnu sliku koja je vidljiva za slike s

promijenjenim dimenzijama.

Ako se u medijskoj zbirci potraži ista slika da bi se umetnula u isti tekst,

tada se vidi samo obrađena slika, no moguće je funkcijom Vrati

originalnu sliku dobiti original uz zadržavanje svih do tog trenutka

obrađenih slika u medijskoj zbirci. Navedeno se ponašanje može

iskoristiti da bi se, na primjer, iz grupne fotografije izrezala jedna po

jedna osoba.

Veličina slika

Bez obzira na veličinu postavljene slike WordPress je pohrani u izvornoj

veličini, ali i veličinama u kojima bi mogla biti prikazana na stranici ako

se upotrebljavaju unaprijed zadane veličine (minijatura, srednje, veliko).

Time se postiže da se slike posjetiteljima šalju u veličini potrebnoj za

prikaz na stranici te se štedi na vremenu prijenosa.

Kolika može biti razlika u veličinama datoteka opisuje sljedeći primjer.

Slike koje dolaze s mobitela ili fotoaparata često imaju širinu i visinu od

nekoliko tisuća piksela, dok je u tekstovima uobičajeno imati slike sa

stranicama duljina nekoliko stotina piksela. Na primjer, odnos izvorne

slike širine 3000px i slike koja je potrebna za uključivanje u tekst širine

500px prikazan je sljedećom slikom.

Napomena

Sve se pohranjene slike mogu vidjeti ako se na poslužitelju pristupi mapi u kojoj je pohranjen WordPress, te se otvori mapa wp-content/uploads

i posjeti podređene mape.

Zanimljivo je pogledati datoteke ili eventualno kopirati neki vrijedni original, dok je brisanje tamo pohranjenih datoteka posao isključivo za administratora koji vrlo dobro zna što radi!


71

Usporedba veličina slika od kojih jedna ima

šest puta kraće stranice od druge.

Dakle, slika šest puta manje širine od originala zauzima 36 puta manje

prostora na poslužitelju. Iz tehničkih razloga to je oko 36 puta manje, a

ne točno 36, ali smisao ostaje isti.

Bez obzira na veličinu prikazane slike ili eventualno dodatno smanjivanje

WordPress čuva originalnu sliku koja može biti jako velika. Budući da je

količina raspoloživoga prostora na poslužitelju obično ograničena, dobro

je prije postavljanja u WordPress slike koje će biti uključene u tekst

smanjiti na veličinu u kojoj će biti prikazane.

Najvažniji je problem vezan za veličinu ograničenje na veličinu datoteke

koja se može prenijeti na poslužitelj. Relativno velika veličina, na primjer,

2MB, još je uvijek manja od veličina slika s mnogih fotoaparata, no, s

druge strane, pokazano je da kod slika koje samo ilustriraju tekst ne

postoji opravdanje ni za slike veličine 2MB.

Opisani se problem rješava smanjivanjem slike na vlastitom računalu u

nekom od programa za obradu slika. Ako je potrebno brzo objaviti sliku,

na primjer s mobitela, autor može prije snimanja promijeniti dimenzije

slike te tako dobiti sliku s manje piksela, veličine koju može prenijeti na

poslužitelj i odmah uključiti u tekst.

S druge strane, svladavanje programa za obradu slika rješava još jedan

problem sa slikama i, općenito, izgledom web-sjedišta. Iako je vježbanje

fotografiranja neizostavno, za profesionalan izgled web-sjedišta

potrebno je međusobno uskladiti slike, što se najviše odnosi na

kompoziciju i boje, a može se riješiti također programima za obradu

slike.

Ako se u WordPress prenosi slika upravo snimljena kamerom mobitela,

nastupaju novi problemi jer su veličine slika koje proizvodi kamera

mobitela obično veće od ograničenja za veličinu slika na poslužitelju.

Autor koji planira takvo brzo objavljivanje može prije fotografiranja u

postavkama kamere smanjiti veličinu slike u pikselima, čime se dobivaju

manje slikovne datoteke.

Za već snimljene slike postoje dva rješenja: upotreba neke aplikacije na

mobitelu koja smanjuje slike ili prijenos slike na stolno ili prijenosno

računalo te smanjivanje i uključivanje na ranije opisani način.

Napomena

Za upoznavanje s moćnim besplatnim programom za obradu slika Srce nudi radionicu „GIMP ili kako besplatno fotošopirati slike“.

Napomena

Autorima često na prvi pogled ograničenje za količinu prostora na poslužitelju od nekoliko gigabajta izgleda jako ograničavajuće, no ako se slike prije objavljivanja smanje na dimenzije koje su potrebne za objavljivanje na webu, vidi se da je i nekoliko gigabajta obično dovoljno za nekoliko godina redovitog objavljivanja objava sa slikama.


72

Dodavanje slika koje se već nalaze na webu

Korisnici koji imaju slike u galerijama na drugim web-sjedištima, kao što

su Googleove fotografije, Flickr, Facebook i druge, mogu ih dodati i bez

postavljanja na poslužitelj na kojem se nalazi njihovo web-sjedište u

WordPressu. U tom slučaju treba:

1. osigurati da je slika javno vidljiva

2. ovisno o izvoru kopirati adresu slike (URL, URI), na primjer, desnim

klikom na sliku u postojećoj zbirci te upotrebom funkcije za

kopiranje adrese slike

3. izabrati link Dodaj s URL-a te u polje za adresu zalijepiti adresu

slike

4. nakon unosa linka WordPress preuzme sliku te prikaže polja za

svojstva slike koja imaju smisla za slike dodane s URL-a, a od

korisnika se očekuje da ih ispuni onako kako bi to učinio za sliku

koju je postavio na poslužitelj prethodnim metodama.

Okvir Dodaj s URL-a nakon dodavanja slike i upisivanja sadržaja.

Dva su polja različita u odnosu na slike koje se postavljaju na poslužitelj

na kojem se nalazi WordPress:

polje Poveznica za u ovom slučaju umjesto vrijednosti medijski

zapis koja je označavala da treba otvoriti sliku u izvornoj veličini

nudi vrijednost URL slike

ne postoji polje za određivanje unaprijed zadane veličine prikazane

slike, što je i logično budući da se ono odnosi na slike u unaprijed

spremljenim veličinama; veličina prikaza slike umetnute funkcijom

Dodaj s URL-a može se namjestiti povlačenjem kutnih hvataljki pri

uređivanju teksta, no uvijek se prenosi izvorna slika.


73

Promjena veličine prikaza slike hvataljkama.

Zbog upravo navedene kombinacije svojstava i mogućega dugog

vremena prijenosa nije poželjno umetati velike slike iz galerija izravno u

tekst. Puno je bolje rješenje u programu za obradu slika pripremiti sliku u

manjoj veličini te, ako je potrebna velika slika, na nju postaviti link koji

pokazuje na sliku izvorne veličine u nekoj vanjskoj galeriji.

Pri uključivanju slika s drugih web-sjedišta relativno velik sadržaj, slike,

prenosi s drugog poslužitelja i tako se opterećuju tuđi poslužitelj i

njegove veze umjesto onoga na kojem se nalazi cijelo web-sjedište. Ta

je pojava toliko važna da je dobila ime, hotlinking. Vlasnik poslužitelja na

kojem se nalaze slike hotlinking može spriječiti, na primjer, tako da ako

netko izvana traži neku njegovu sliku, on pošalje cijelu stranicu s tom

slikom, ali i svojim logotipom, možda ponekom reklamom i sl.

5.2. Vježba: Rad sa slikama

Umetanje slika i postavljanje u tekst između odlomaka:

1. Radite s objavom čiji se tekstni dio sadržaja nalazi u datoteci

lorem_ipsum.docx te slikama IMAG*.jpg (tri slike).

Naslov objave je Muški i ženski čvor, a u tekst se stavlja prvih pet

odlomaka teksta.

Prenesite sve tri slike u medijsku zbirku.

2. Postavite sliku s dva čvora tako da stoji između prva dva odlomka

teksta i da bude centrirana.

Uputa: stvorite prazan odlomak u koji ćete staviti sliku.

3. Spremite objavu te izađite iz uređivanja objave. Uvjerite se

izravnim posjetom Zbirci medija da ste prenijeli tri slike.

4. Vratite se u uređivanje objave te sliku jednoga čvora postavite u

objavu između drugog i trećeg odlomka, te treću između četvrtog i

petog.


74

5. Ažurirajte objavu i pregledajte popis objava na naslovnici. Ima li

nova objava istaknutu sliku?

Eksperimentirajte s različitim mjestima za oznaku Pročitaj više –

prije i poslije umetnute slike.

Postavite sliku s dva čvora kao istaknutu, te oznaku Pročitaj više

tako da vijest dobro izgleda i na naslovnici i na stranici na kojoj se

nalazi cijeli njezin sadržaj.

Mijenjanje svojstava slika:

6. U svojstvima jedne slike dodajte sadržaje u polja Okvir i

Alternativni tekst slike. Što se promijenilo u objavi?

Potražite sliku u medijskoj zbirci te pogledajte sadržaje istih polja.

7. Za drugu sliku promijenite ista polja u medijskoj zbirci, obrišite je u

objavi i ponovno postavite. Opišite razliku između poslova

obavljenih u prethodnom i ovom zadatku te njihovih rezultata.

Spremite stranicu.

Upoznavanje s veličinom slika:

8. Pogledajte usklađenost veličina slika. Otvorite slike u vlastitim

prozorima ili karticama ili pogledajte svojstva slike u pregledniku

da biste se uvjerili da se zaista prenose slike u veličini u kojoj će

biti prikazane na web-stranicama.

9. Postavite linkove na slike tako da se klikom na sliku prikazuje slika

u izvornoj veličini. Koliko su velike te slike (u KB, u pikselima)?

Koliko su velike slike uključene na web-stranicu?

10. Sad tekstu treba dodati sliku muski_s_osiguranjem1.jpg ili

muski_s_osiguranjem2.jpg između prva dva odlomka teksta.

Samo ćete jednu uspjeti postaviti – zašto?

Veličina slika – dodatni zadatak:

11. FTP-jem se spojite na svoj web-poslužitelj te otvorite mapu

wp-content/uploads u mapi u kojoj se nalaze programi koji

stvaraju stranice vašega web-sjedišta. U podmapama te mape

nađite slike koje ste prenijeli, uočite njihova imena i veličine te

opišite porijeklo svake pojedine slike.

Postavljanje slika pokraj teksta:

12. Sliku s dva čvora ostavite na mjestu na kojem se nalazi, a prvu

sliku s jednim čvorom premjestite desno, tako da je treći odlomak

obilazi s lijeve strane. Slika mora biti poravnata s gornjim rubom

odlomka.

Ako vam se pojavi neki prazni odlomak tijekom rada, obrišite ga u

editoru prije pregledavanja objave.

13. Drugu sliku s jednim čvorom postavite lijevo od teksta tako da joj

gornji rub bude poravnat s gornjim rubom petog odlomka.

14. Pregledajte učinjeno. Namjestite veličine slika tako da objava

djeluje skladno.


75

15. Upotrebom funkcije Prilagodi s prednje strane web-sjedišta i

pretpregledu tema uočite kako tema može utjecati na izgled objave

i izbor veličine slike.

16. Pregledajte objavu u prozoru veličine koja odgovara stolnom

računalu i u prozoru koji odgovara širini mobitela.

Opišite sve što ste do sad uočili, a rezultat je prilagođavanja

izgleda stranice širini ekrana (položaji slika, promjena položaja

bočne trake i drugo).

17. Ako smatrate da je objava izgledala bolje sa slikama između

odlomaka, vratite je u to stanje samo uređujući postavke prikaza

slike (i eventualno dodajući pokoji novi odlomak).

Uređivanje slika:

18. Zrcalite sliku ženskoga čvora okomito. Pregledajte objavu i

usporedite dojam u odnosu na početno stanje. Spremite ili

poništite promjene, ovisno o dojmu koji želite postići.

19. Uočite da tri slike umetnute u tekst nisu u skladu – problem je s

različitim osvjetljenjem i različitim omjerima visine i širine. Obrežite

drugu i treću sliku tako da omjer stranica bude 4:3, kao na prvoj

slici.

Alternativno: Obrežite slike sa ženskim, odnosno muškim čvorom

tako da budu kvadratne. Pregledajte objavu te ili spremite ili

poništite promjene.

20. Razmislite: kakve se mogućnosti rotacije nude i za što su

namijenjene?

5.3. Galerije slika

Ako slike objašnjavaju tekst, onda ih treba postaviti tako da su vidljive pri

čitanju teksta, tj. da posjetitelji mogu istovremeno čitati i tekst i slike. No,

u tekst često treba umetnuti mnoštvo slika koje nisu nužne za

razumijevanje teksta, a kojih ima toliko da bi stranicu mogle učiniti

dugačkom i zamornom. Zato se u tim situacijama nizovi slika mogu

grupirati u galerije.

Stranica može imati jednu ili više galerija.

Osnovni postupak umetanja galerije nalikuje na umetanje slika iako

naziv gumba Dodaj medijski zapis sugerira da bi moglo biti riječi o

jednoj slici. No, nakon otvaranja medijske zbirke, na lijevoj se strani

može izabrati link Kreiraj galeriju kojom započinje stvaranje skupa slika

koji će biti prikazan kao cjelina.

Za galeriju treba izabrati nekoliko slika te, eventualno, namjestiti njihove

detalje u medijskoj zbirci. Klikom na gumb Kreiraj novu galeriju stvara

se galerija, no još se uvijek ne uključuje u tekst.


76

Izbor slika pri kreiranju galerije.

U galeriji je pet slika – jedna otprije, a četiri ih se dodaje u ovom koraku.

Niz slika u stvorenoj galeriji može se mijenjati nizom funkcija:

1. brisanje slike (klik na znak x u kutu slike)

2. dodavanje slika (link Dodaj u galeriju)

3. promjena redoslijeda povlačenjem slika mišem, klikom na gumb

Obrnuti redoslijed ili izborom opcije Nasumičan redoslijed

4. dodavanje opisa slici klikom na polje ispod slike, pri čemu se

ažurira polje Okvir u medijskoj zbirci.

Uređivanje galerije.


77

Galerija postavljena prema početnim postavkama WordPressa sastoji se

od tablice sa slikama, a Postavke galerije uključuju sljedeća svojstva:

5. veličina i broj stupaca, koji zajedno određuju veličinu slika u

galeriji jer zbog ograničene širine prostora predviđenoga za objavu

za dani broj stupaca postoji i ograničenje za veličinu slike, tj. nije

uvijek moguće dobiti punu veličinu

6. svojstvo poveznica za, čije su posljedice jednake kao i kod

pojedinačnih slika: medijski zapis određuje da će se nakon klika na

sliku prikazati slika, a stranica privitka određuje da će se prikazati

stranica s prikazanom slikom i njezinim atributima.

Galerija s tri stupca ispunjena minijaturama i tekstovima ispod slika.

Minijature su nastale automatskim izrezivanjem slika na oblik kvadrata.

Osim oblika galerije uključenog u početnu instalaciju

WordPressa, postoje i mnogi drugi oblici, a postoje i drugačiji

načini prikazivanja slika, kao što su slider (klizač) ili slideshow

(prezentacija). Time se umjesto tablično slike prikazuju u jednom okviru

unutar web-stranice s mogućnošću listanja, pojavljivanja opisa pri

prelasku mišem, automatskog mijenjanja slika i drugim.

Trenutačno je uobičajeno listanje slika pri kojem se nakon klika na

smanjenu sliku prikazuje slika u veličini prikladnoj za gledanje, a

pozadina je zatamnjena. To je takozvani efekt lightbox, a njime se

postiže da tekst i ostali elementi stranice ne odvlače pozornost pri

pregledavanju slika. U tom prikazu obično postoji također mogućnost

listanja slika.

Većina dodataka za prikaz niza slika zahtijeva ponovno postavljanje

galerije, tj. ne upotrebljava galeriju postavljenu klikom na gumb Dodaj

medijski zapis.

Napomena

Ako se slika obriše iz galerije, ostaje u zbirci medija. Ako se slika obriše iz zbirke medija, pri prikazu galerije se preskače, kao da nije bila umetnuta.


78

Nizovi slika organiziranih pomoću dodatka Smart Slider

s dva različita skupa postavki.

5.4. Video zapisi

Umetanje video zapisa u WordPress vrlo je jednostavno ako je video

već objavljen na nekom od poznatih web-sjedišta za objavljivanje videa

– YouTube, Vimeo, Facebook, Twitter, TED i drugi.

U tim slučajevima autor samo treba zalijepiti adresu stranice s videom u

svoj tekst – ne adresu samoga videa, kao što bi se moglo očekivati.

Najčešće se video objavljuje u vlastitom odlomku, što znači da adresu

videa treba zalijepiti u prazan odlomak između odlomaka s tekstom ili

nakon posljednjeg odlomka.

Napomena

Isti se efekt dobije ako se izabere gumb Dodaj medijski zapis, pa link

Dodaj s URL-a.


79

Umetanje videa neposredno nakon lijepljenja adrese

te nekoliko trenutaka kasnije, kad se već aktivirao pretpregled.

Premda je video u editoru naizgled preširok, on se u većini predložaka

pri prikazivanju prilagodi širini teksta.

Jednom umetnuti video može se uređivati na način sličan slikama –

klikom na sliku pojavljuju se gumbi za uređivanje videa te za uklanjanje

videa iz teksta. U uređivanju je dostupna samo promjena adrese videa.

Ikone za uređivanje i brisanje videa.

Osim navedenog načina, u WordPress se video može učitati na način

analogan slikama, što se ne preporuča jer su videoisječci općenito

relativno veliki, pa zauzimaju dragocjeni prostor na poslužitelju. Osim

toga, ako na poslužitelju postoji ograničenje na ukupni mjesečni, tjedni ili

sl. promet ostvaren prijenosom podataka na i sa web-sjedišta, veliki

sadržaji ponovno nisu prednost.

Dodatna je prednost popularnih web-sjedišta za smještanje videa

postojanje i česta upotreba njihovih tražilica te dobre pozicije njihovih

filmova u popisima rezultata drugih tražilica. Zato se može dogoditi da

posjetitelji prvo nađu video, pa onda na temelju njegovog opisa, opisa

kanala ili autora posjete i blog u WordPressu, tamo nađu nešto za sebe i

zadrže se.

Izrada bacala je relativno jednostavna

- pogledajte video:

https://www.youtube.com/watch?v=

FzTUxDVGHVA

Uzmite uže i pokušajte sami!

Napomena

Hotlinking kod velikih web-sjedišta za smještanje

videa je obično dozvoljen, a davatelji usluga troškove pojačanoga prometa mogu nadoknaditi reklamama koje prikazuju.


80

Premda smještanje sadržaja na specijalizirana web-sjedišta drugih

vlasnika imaju mnoštvo prednosti nad smještanjem na vlastiti poslužitelj,

treba ipak imati na umu da autor ne može potpuno određivati pravila

koja vrijede na tim poslužiteljima. Naime, tijekom vremena se mogu

promijeniti pravila vezana za ukupnu količinu prostora za pohranu,

promet ili brzinu prijenosa, privatnost, vlasništvo i slično. To znači da

autor stalno mora biti informiran o uvjetima davanja usluge, što katkad

može biti zamorno.

Za posebne potrebe, kao što su galerija videa, promjena

veličine okvira u kojem se reproducira video, posebne metode

pokretanja, popisi videa i drugo postoje brojni dodaci. Neki se

među njima odnose na video sadržaje općenito, ali je većina precizno

prilagođena sadržajima s pojedinog web-sjedišta, na primjer YouTube.

5.5. Ostale vrste zapisa

Na web-stranici se mogu nalaziti i datoteke drugih oblika, na primjer u

PDF obliku ili nekom od oblika paketa Microsoft Office (docx, xlsx,

ppsx, ppsx…).

Takve se datoteke također mogu postaviti u medijsku zbirku, odnosno

uključiti na stranicu dodavanjem medijskih zapisa. Po završenom

dodavanju dokumenta u tekst objave ili stranice umjesto dokumenta će

se nalaziti link s tekstom koji se nalazi u polju Naslov medijske zbirke i

koji vodi na medijsku zapis. Koji će program i na koji način otvoriti

medijski zapis ovisi o postavkama sustava posjetitelja.

Iznimka od opisanog pojavljuje se ako se u medijsku zbirku postavi

datoteka sa zvučnim zapisom (MP3, wav, WMA, Ogg i drugi) – tada će

se na stranici pojaviti traka za reprodukciju zvuka, slično kao što se kod

videa pojavljuje prozor za njegovu reprodukciju.

Ako se na web-stranicama često nalaze važni dokumenti za

preuzimanje, autori mogu zaželjeti ikone uz linkove. Iako bi

autor mogao stavljati ikone uz svaki link, postoji i brže rješenje

– dodaci koji omogućavaju automatsko prikazivanje ikona uz linkove

ovisno o vrsti datoteka za niz poznatih skupina datoteka.

Ikone uz linkove koje prikazuje dodatak MimeTypes Link Icons.

Napomena

Autor koji želi da njegov video bude vidljiv na njegovu web-sjedištu, ali ne i web-sjedištu YouTube može u postavkama objavljenoga videa namjestiti vidljivost na unlisted. Ostale su mogućnosti, s očiglednim značenjima, public i private.


81

Ako su priloženi dokumenti namijenjeni pretežno

pregledavanju, posjetiteljima bi moglo biti praktično vidjeti

dokumente na stranici odmah, bez preuzimanja. To se

najčešće odvija u okviru koji se nalazi unutar stranice.

Zbog složenosti interpretacije sadržaja datoteke dodaci koji

omogućavaju uključivanje dokumenata na stranicu nisu nužno

univerzalni, kao oni koji na temelju vrste datoteka stavljaju ikone, pa

treba pažljivo izabrati dodatak za one vrste datoteka koje će posjetitelji

trebati pregledavati. No, da bi administratorima bilo lakše, postoje dodaci

koji podržavaju pregledavanje nekoliko najčešćih formata datoteka

(datoteke paketa Microsoft Office, PDF-datoteke i druge), dok se za

ostale formate treba posegnuti za specijaliziranim dodacima – ako

odgovarajući dodaci uopće postoje.

5.6. Vježba: Rad s medijskim zapisima

Galerije:

1. Stvorite novu objavu s naslovom Galerija čvorova u kojoj će se

nalaziti dva odlomka iz teksta Lorem ipsum te galerijom slika koja

sadržava sve slike s crvenim, plavim ili s oba užeta.

Postavite oznaku Pročitaj više na odgovarajuće mjesto.

Pregledajte objavu u popisu objava i na vlastitoj stranici te po

potrebi uredite ostale detalje stranice.

2. Potražite dodatke za prikaz galerija u zbirci dodataka. Instalirajte

barem jedan dodatak, te ga isprobajte i usporedite s izvornom

galerijom.

Posebno se osvrnite na (ne)kompatibilnost dodataka, tj. na

potrebu stvaranja novih popisa slika (novih galerija) za novi

dodatak za prikaz galerije.

Video i ostale vrste sadržaja:

3. Pronađite neki video o čvorovima na web-sjedištu YouTube te ga

umetnite u novu objavu nakon kratke uvodne rečenice.

Kamo ćete postaviti oznaku Pročitaj više?

4. Stvorite novu objavu s naslovom Vidimo se! s priloženim

programom vidimo_se.pdf. Uvod objave može biti kopirana prva

rečenica programa.

Pregledajte objavu i isprobajte link kojim se otvara dokument u

PDF obliku. Kojim se programom otvara datoteka, može li se

otvoriti nekim drugim? O čemu ovisi kojim se programom datoteka

otvara?

Dodatni zadaci:

5. Umetnite jedan video widget i usporedite način umetanja videa u

specijalizirani widget za video zapise s načinom umetanja videa u

editoru za objave i stranice.

Na kraju uklonite widget koji ste upravo umetnuli.


82

6. Postavite video sestica_zatezanje.mp4 u zbirku medija, pa u

novu objavu između dva odlomka teksta Lorem ipsum.

7. Instalirajte dodatak MimeTypes Link Icons ili neki drugi koji

prikazuje ikone uz linkove na različite vrste datoteka, te prvo

provjerite njegove postavke.

Uz koje vrste datoteka instalirani dodatak može prikazivati ikone,

uz koje ne? Možete li mu dodavati nove vrste datoteka s vlastitim

ikonama (GPX, DWG, dotx…)?

Koje su veličine prikazanih ikona, možete li istaknuti još neku

zanimljivu postavku?


83

6. Unos i oblikovanje tekstova

Za sada su objašnjene osnovne funkcije potrebne za unošenje sadržaja

u objave i stranice: upis teksta, dijeljenje na logične cjeline (odvajanje

uvodnoga dijela objave i podjela teksta na odlomke), postavljanje

istaknute slike te medijskih zapisa u tekst. Već s tim znanjem autori

mogu upisivati tekstove, no usvajanjem daljnjih znanja i vještina vezanih

za unos i oblikovanje tekstova mogu postići bolju efikasnost te veću

privlačnost, čitljivost i potpuno profesionalan izgled svojih tekstova.

U ovom će poglavlju prvo biti objašnjene funkcije unosa običnoga teksta,

zatim oblikovanje, a na kraju poglavlja će biti riječi o editoru koji

omogućava potpunu slobodu u unosu sadržaja.

6.1. Upis i lijepljenje teksta

Tekst se unosi na uobičajeni način uz mogućnosti dodavanja teksta,

ispravljanja, brisanja, kopiranja i lijepljenja itd.

Pisanje tekstova za ispis na papiru (na primjer u programu Word)

razlikuje se od pisanja tekstova za objavljivanje na webu po tome što u

slučaju pisanja za web autor nikad ne zna na kakvom će se ekranu

prikazivati njegovi podaci, dok, ako priprema sadržaj za tisak, autor


primjenjivati prijelome reda i prijelome odlomka na

odgovarajućim mjestima

razlikovati upotrebu razmaka predviđenu pravopisom od

pogrešne upotrebe razmaka za oblikovanje teksta

opisati što se sve prenosi lijepljenjem teksta te, prema potrebi,

upotrijebiti lijepljenje s ili bez prenošenja oblikovanja

postaviti i upotrijebiti provjeru pravopisa u web-pregledniku

promatrajući alatnu traku editora nabrojati funkcije editora u

vizualnom, WYSIWYG, načinu rada

istaknuti po jednu primjenu svake funkcije

umetnuti linkove na dijelu teksta i na slikama, bez obzira vode li

na adresu izvan web-sjedišta ili na neki sadržaj iz WordPressa

promijeniti adresu ili postavke linka

razlikovati oblikovanje upotrebom stilova od pojedinačnog

oblikovanja dijelova teksta

primijeniti stilove za naslove, podnaslove i običan tekst

prepoznati elemente teksta u tekstnom („HTML“) editoru

u tekst umetnuti HTML-element ili shortcode ako su za to dane

precizne upute, specifične za upotrijebljeni dodatak.


84

stalno gleda tekst u odnosu na papir na kojem će biti ispisan, te nisu

moguća velika iznenađenja.

Da bi tekst bio ispravno prikazan na svakom monitoru, treba ga upisati

ispravno upotrebljavajući znakove na tipkovnici. Pravila koja utječu na

logičku organizaciju teksta i sličan prikaz teksta na različitim monitorima,

a često se ignoriraju, vezana su za nevidljive znakove:

razmak (bjelina) služi za razdvajanje riječi

[Enter] je znak za prijelom odlomka

prijelom reda može se upisati kombinacijom [Shift]+[Enter].

Što se tiče bjelina, u HTML-u, jeziku za određivanje strukture

web-stranica, vrijedi pravilo „jedan razmak = 100 razmaka“, ali mnogi

WYSIWYG editori za izradu web-stranica, pa tako i WordPressov,

katkad ne uklanjaju nepotrebne razmake. Da bi ti razmaci ostali vidljivi,

umjesto dva razmaka editori postavljaju jedan obični i jedan nelomljivi

razmak, što pri daljnjem uređivanju teksta može dovesti do neočekivanih

rezultata, a gotovo nikad ne daje željene rezultate na svih širinama

ekrana posjetitelja. Budući da autori u WordPressovu editoru ne mogu

razlikovati različite vrste razmaka, preporuča se da, ako uoče višestruke

razmake između riječi, obrišu sve razmake te upišu jedan.

Prijelomi redaka i prijelomi odlomaka više su od onoga što se vidi na prvi

pogled – veći razmaci između odlomaka nego između uzastopnih

redaka unutar odlomka. Ti su razmaci određeni izabranom temom, a

mogući su i drugi efekti na odlomcima, poput uvučenoga prvog reda,

povećanoga početnog slova, okvira, podloge i drugog. Zbog toga je

nužno da se prijelomi redaka i prijelomi odlomaka upotrebljavaju u

skladu sa smislom teksta, a ne kao sredstvo za ostvarivanje željenih

vertikalnih razmaka. Dva uzastopna prijeloma reda ili prijeloma odlomka

gotovo nikad nisu potrebna iako možda to tako na prvi pogled ne djeluje.

Grupiranje redaka fizičke adrese prijelomima redaka

i odvajanje od adrese e-pošte prijelomom odlomka

doprinijelo je čitljivosti podataka za kontakt.

Oznake za prijelome redaka i prijelome odlomaka su iz programa Word,

dok se u WordPressovu editoru ne vide.

Prije proglašavanja objave dovršenom treba provjeriti kako će izgledati

posjetiteljima klikom na gumb Pretpregled, pri čemu je, da bi se vidjelo

lomi li se tekst na nekom neočekivanom mjestu, korisno simulirati

nekoliko širina ekrana, sve do uskog ekrana mobitela. Na taj način autor

može steći osjećaj za funkciju razmaka te prijeloma redaka i odlomaka,

ali i provjeriti konkretan tekst.

Čvorovi

društvo ljubitelja užadi i niti

Gornja ulica 24

12345 Donji Kraj¶

[email protected]¶

Napomena

Upotreba bjelina određena je također Hrvatskim pravopisom. Poglavlje o bjelinama nalazi se na adresi http://pravopis.hr/pravilo/ bjelina/54/.


85

Osim upisivanjem, tekstovi se u editoru mogu unositi i lijepljenjem, pri

čemu se također mogu pojaviti neočekivani rezultati s prijelomima

redova i odlomaka.

Pri lijepljenju tekstova iz običnih tekstnih editora, poput Bloka za pisanje

(Notepad) krajevi redova se pretvaraju u krajeve redova u WordPressu,

dok se dvostruki prijelomi redaka u tim editorima pretvaraju u prijelome

odlomaka u WordPressovu.

Što se zbiva pri lijepljenju tekstova iz drugih programa, osobito programa

Word, ovisi o stanju funkcije Zalijepi kao tekst dostupne iz drugog reda

alatne trake editora:

ako je ta funkcija isključena, tekst se lijepi sa svim oblikovanjem,

što može proizvesti neočekivane efekte ili potrebu za upotrebom

funkcije Ukloni formatiranje

ako je funkcija Zalijepi kao tekst uključena, tekst se lijepi bez

oblikovanja, što autoru otvara mogućnost za primjenu minimalnog

oblikovanja – onoliko koliko to zahtijeva sadržaj.

Razlike u lijepljenju postoje i u slučaju upotrebe nabrajanja jer se

grafičke oznake pretvaraju u tekst te se moraju ručno obrisati prije

primjene oblikovanja nebrojčani ili brojčani popis.

U oba se slučaja lijepi samo tekst, ali ne i slike. Iznimka postoji samo

kod kopiranja sadržaja s weba, pri čemu se slike pojave u tekstu,

umetnute pomoću adrese, kao da je upotrijebljena funkcija Dodaj s

URL-a.

Iako možda djeluje složeno, svi se problemi s pisanjem mogu izbjeći čim

autori razumiju uloge bjelina, prijeloma redova i prijeloma odlomaka, te,

dodatno, grafičkih oznaka i slika. Problemi se mogu umanjiti i pisanjem

tekstova izravno u WordPressu – ako treba i po nekoliko dana, koristeći

se stanjem skice, dok sadržaj nije spreman za objavu. Dakle, realna

potreba za prenošenjem tekstova sastavljenih u drugom programu i

kopiranje postoji samo za tekstove napisane u drugim programima te

tekstove suradnika koji (još) nemaju pristup WordPressu ili privremeno

uopće nemaju pristup Internetu.

Nažalost, unatoč velikom broju dodataka za editor, u trenutku

sastavljanja ovoga tečaja WordPressov editor (još) nema

ugrađenu funkciju koja bi, poput programa Microsoft Word,

mogla prikazati nevidljive znakove – razmake i razne prijelome. No,

postoji nekoliko dodataka koji ističu odlomke i druge elemente teksta

pomažući autorima u pisanju urednih tekstova. Jedan od njih je tinyWYM

Editor, a u zadacima se nudi rješenje u okviru jednoga većeg dodatka.

Postoji i niz drugih dodataka editoru koji mogu biti korisni pri pisanju:

dodaci za jednostavan rad s međunarodnim znakovima, brojanje riječi i

drugo.


86

6.2. Provjera pravopisa

Pravopisno ispravno napisan tekst u književnom jeziku, dijalektu ili jeziku

neke treće skupine, ovisno o temi web-sjedišta, neće nitko primijetiti kao

napadan, no neispavan tekst će uočiti mnogi, a neke će posjetitelje i

odbiti od daljnjeg pregledavanja stranica ili ponovnoga posjećivanja

web-sjedišta. Nažalost, među njima bi se mogli naći i oni koje bi sadržaj

web-sjedišta mogao zanimati i koji bi, da nema grubih pogrešaka, mogli

ostvariti suradnju s vlasnikom web-sjedišta.

Automatska provjera pravopisa u editorima nije rezervirana samo za

osobe koje ne poznaju pravopis – štoviše, puno su češće pogreške

zamjene, izostavljanja ili dodavanja znakova koje nastaju zbog brzog

tipkanja i nedovoljne koncentracije.

Provjera pravopisa ne može otkriti sve pogreške, a i neke riječi pogrešno

proglašava nepoznatim, što znači da se autori suočavaju i s lažno

negativnim i s lažno pozitivnim rezultatima provjere pravopisa. No,

pomoć u isticanju riječi nepoznatih provjeri pravopisa dobar je korak

prema ispravnom tekstu.

WordPressov editor nema svoju provjeru pravopisa, nego se autori

mogu poslužiti provjerom pravopisa dostupnom u web-pregledniku.

Preglednici Chrome i Edge odmah nakon instalacije imaju postavljenu

hrvatsku provjeru pravopisa, dok se za Firefox tek mora instalirati.

Također, mogu se instalirati i provjere pravopisa za druge jezike na

kojima korisnik namjerava pisati unutar web-preglednika.

Do provjere pravopisa se u svim navedenim preglednicima dolazi

desnom tipkom miša na polju za unos teksta. Funkcije vezane za

provjeru pravopisa jesu:

namještanje jezičnih postavki – dodavanje jezika

uključivanje i isključivanje provjere pravopisa

izbor jezika za provjeru pravopisa.

Namještanje provjere pravopisa u pregledniku Chrome

nakon desnog klika na polje za pisanje.


87

Provjera pravopisa uvijek se odnosi na web-preglednik, što znači da u

jednom trenutku autor može gledati provjeru pravopisa samo za jedan

jezik.

Kad provjera pravopisa označi neku riječ kao nepoznatu, korisnik može

pogledati prijedloge za ispravak desnim klikom miša na istaknutu riječ, te

prihvatiti neki od prijedloga. Korisnik može riječ ispraviti i ručno ili,

uvjeren da je riječ ispravna, riječ ostaviti podvučenu i neispravljenu.

Dodavanje nepoznate riječi u rječnik nema smisla za hrvatski jezik jer bi

trebalo pohraniti sve njezine oblike.

Ispravak riječi pomoću desnoga klika.

6.3. Pregled funkcija editora

Pri stvaranju nove poruke ili uređivanju stare najveći dio ekrana zauzima

okvir za upis teksta s alatima za pomoć pri uređivanju teksta – editor.

Editor koji se isporučuje s WordPressom, TinyMCE, autoru na dvije

kartice nudi dva pogleda na tekst koji uređuje: kartica Vizualno nudi

mogućnost rada u WYSIWYG editoru te odgovara predodžbi editora

većine korisnika, dok kartica Tekst nudi editor koji autorima omogućava

približavanje HTML-u.

Vrh stranice za uređivanje objave s jahačima Vizualno i Tekst

za prelazak iz kartice vizualnog editora u karticu tekstnog i nazad.

Napomena

TinyMCE je mali, vrlo popularan i u osnovnoj verziji besplatan editor koji se upotrebljava u nizu sustava koji omogućavaju unos oblikovanih podataka putem weba.

U skorim budućim verzijama Wordpressa očekuje se novi editor Gutenberg koji još više pomaže slijediti smjernice za pisanje dane u ovom tečaju.


88

Većina se objava može napisati upotrebom samo vizualnog editora, dok

je editor koji nudi sve mogućnosti HTML-a potreban uglavnom za

rješavanje problema, za upisivanje tekstova složenije strukture i za

umetanje posebnih elemenata u tekst. Zato se autori prvo trebaju upoz

nati s vizualnim editorom.

Editor u WordPressu stvoren je s idejom da bi web-sjedište trebalo

izgledati skladno, s oblikovanjem određenim izabranom temom.

Oblikovanje svih tekstova trebalo bi biti ujednačeno, odnosno dijelovi

teksta bi se trebali pojedinačno oblikovati samo onda kad je to

opravdano sadržajem.

Zbog svega navedenog se u editoru izravno nudi relativno mali broj alata

za oblikovanje teksta.

Prvi red alatne trake editora.

Alati za oblikovanje teksta u prvom redu alatne trake, prikazanom pri

prvom ulasku u editor, su redom:

1. padajući popis za izbor vrste teksta, o čemu će biti više riječi u

nastavku ove cjeline, a za sada je važno da odlomak odgovara

običnom tekstu

2. podebljano i kurziv

3. nebrojčani i brojčani popis

4. citat – istaknuti odlomak (često, ali ne uvijek, istaknut uvlačenjem

lijevoga ruba)

5. lijevo, središnje i desno poravnanje.

Gumbi služe za umetanje i uklanjanje linkova (poveznica) i bit će

detaljnije opisani u sljedećem poglavlju, dok gumb služi za

određivanje kraja uvodnoga dijela objave i nimalo ne utječe na izgled

objave.

Gumbi na desnoj strani služe za promjenu prikaza editora: gumb

skriva sav sadržaj stranice osim okvira editora jer služi za Pisanje bez

ometanja, dok se klikom na pretposljednji gumb u nizu, Pokaži/Sakrij

alatnu traku , otkriva drugi red alata.

Drugi red alatne trake.

U drugom se redu nalaze sljedeći alati za unos i uređivanje teksta:

A B C D E F G H I

Napomena

Upotreba kosih slova (kurziva) određena je Hrvatskim pravopisom. Poglavlje o tipovima slova nalazi se na adresi http://pravopis.hr/pravilo/ tipovi-slova/86/.


89

A. precrtano, što može služiti za naknadno mijenjanje važnih

podataka u tekstu, nakon što su ih neki posjetitelji možda već

vidjeli

B. umetanje vodoravne crte

C. boja teksta

D. promjena načina lijepljenja

E. uklanjanje formatiranja

F. umetanje posebnih znakova (slova iz nekih drugih jezika,

matematičkih simbola koji se ne nalaze na tipkovnici i drugih)

G. smanjivanje i povećanje uvlake

H. poništavanje prethodne akcije i vraćanje poništene akcije

I. popis svih prečaca.

Mnogi će korisnici primijetiti da u ovom editoru nedostaje mnoštvo

funkcija u odnosu na program kojim se služe svakodnevno. No, alati su

izabrani pažljivo, izbacivanjem nepotrebnih funkcija te funkcija koje

većina korisnika neće upotrebljavati, a zadržavajući funkcije koje se

mogu upotrijebiti u funkciji isticanja sadržaja.

Jedna od funkcija koje su isključene iz alatne trake editora jest

podvlačenje teksta – funkcija kojom bi dijelovi teksta počeli nalikovati

linkovima, za koje je na webu uobičajeno da su podvučeni, Osim toga,

podvlačenjem se ionako gubi na čitljivosti teksta jer crte prekrivaju

dijelove znakova koji se nalaze ispod osnovne linije teksta.

Budući da je imala samo estetsku funkciju, a ne i funkciju vezanu za

sadržaj, izbačena je i funkcija obostranoga poravnanja teksta. To bi

moglo biti osobito nepoželjno kad bi se samo neke objave, stranice ili

čak samo dijelovi tih tekstova učinili drugačijima od ostalih.

Uz odgovarajuće se znanje efekti koji nisu prisutni u alatnim trakama

mogu ostvariti u tekstnom („HTML“) editoru, a za autore koji ne poznaju

HTML postoji mogućnost instaliranja raznih dodataka editoru ili čak

novog editora. No, prije razmatranja upotrebe ostalih alata treba se

dobro upoznati s načinom rada u osnovnom editoru, argumentirati

poteškoće te, ako još uvijek postoji potreba za proširenjem broja funkcija

editora, u nizu dodataka pronaći onaj koji najbolje ispravlja uočeni

nedostatak.

6.4. Umetanje linkova

Do sada su bile pokazane dvije metode za uključivanje linkova: sa

smanjene slike na izvornu te postavljanje linka na medijski zapis koji se

ne prikazuje na stranici (na primjer, na PDF-datoteku).

Alat za postavljanje linkova s alatne trake univerzalan je alat kojim se i

slika i tekst mogu pretvoriti u linkove – kako na stranice unutar

web-sjedišta, tako i na bilo koji drugi sadržaj.

Napomena

Unatoč svim preventivnim metodama, pretjerivanje u oblikovanju je i dalje moguće – bilo izravno, bilo zahvaljujući nenamjernom lijepljenju teksta koje je uključilo i oblikovanje.

Zbog toga autori ne smiju zaboraviti funkciju Ukloni formatiranje dostupnu s

alatne trake koja im može pomoći kad uoče da su pretjerali s oblikovanjem i da bi jednostavniji tekst mogao biti pregledniji i čitljiviji.


90

Ikone za rad s linkovima.

Postavljanje linkova obavlja se u dva koraka:

1. označiti objekt na kojem će biti link (dio teksta ili sliku)

2. kliknuti na ikonu alata Unesi/uredi poveznicu te postaviti link.

Alat Unesi/uredi poveznicu prvo prikazuje osnovni okvir u koji se može

upisati ili zalijepiti adresa.

Osnovni okvir za unos linka.

Klikom na zupčanik kod dodavanja linkova otvara se okvir Unesi/uredi

poveznicu koji uz upis adrese na koju vodi link nudi još dvije

mogućnosti – promjenu teksta na kojem stoji link i osiguravanje

otvaranja poveznice u novoj kartici ili prozoru, pri čemu izbor odredišta

ovisi o postavkama preglednika posjetitelja. Potonja je mogućnost

zamišljena u HTML-u da bi posjetiteljima ostavila otvorenu karticu s

web-sjedištem koje su pregledavali do tog trenutka, no zbog

iznenađenja koje priređuje nije omiljena kod posjetitelja. Posjetitelji koji

žele otvoriti stranice u novoj kartici ionako se mogu poslužiti klikom na

kotačić miša ili dugim pritiskom na ekranu osjetljivom na dodir.

Više mogućnosti za uređivanje linka.

Linkovi koji trebaju voditi na postojeće stranice ili objave web-sjedišta

mogu se izabrati iz popisa stranica i objava – izravno ili pretraživanjem.

Umetnuti se linkovi mogu promijeniti također upotrebom alata

Unesi/uredi poveznicu alatne trake, a ukloniti izborom susjednog alata,

Napomena

Pri izboru niza riječi koje će biti pretvorene u link treba uzeti u obzir da će te riječi biti i grafički istaknute, što znači da trebaju činiti cjelinu, te imati smisao koji će privući posjetitelje koje bi mogao zanimati povezani sadržaj.


91

Ukloni poveznicu. Oba su alata dostupna i klikom na link pri čemu se

pojavljuje okvir s važnim dijelom adrese te ikonama za uređivanje i

brisanje.

Pristup uređivanju i uklanjanju linkova.

Ako se link nalazi na slici, pokušaj uređivanja linka otvorit će okvir

Detalji slike gdje se u polju Poveznica za nalazi vrijednost prilagođeni

URL te ispod njega adresa.

Nakon opisa tehnike umetanja linkova treba se još osvrnuti na izvor

adrese, koja se može ručno upisati, ali i preuzeti iz raznih izvora.

Ako se pri upisivanju adrese izostavi naziv protokola, editor sâm na

početak adrese dodaje http://, što može, ali ne mora biti ispravno. Zato

se kao sigurnija metoda korisnicima koji nisu sigurni u vrstu protokola

preporuča kopiranje ili izbor adrese.

U pravilu se adresa stranice na koju treba voditi link kopira iz adresne

trake web-preglednika u trenutku kad je stranica prikazana. Ako link

treba voditi na sliku koja se nalazi na nekom drugom web-sjedištu (na

primjer vlastitoj galeriji slika), treba kopirati adresu slike, za što u

preglednicima postoji funkcija dostupna nakon desnog klika mišem na

sliku.

Link može voditi i na neki sadržaj iz medijske zbirke WordPressa – na

primjer u slučaju da želimo postaviti link za preuzimanje audio zapisa

umjesto da postavimo audio zapis za slušanje. U tom slučaju treba u

medijskoj zbirci kopirati URL zapisa. Druga adresa koja se također

nalazi uz zapis, Stalna veza, vodi na stranicu zapisa, tj. stranicu

oblikovanu pomoću teme web-sjedišta na kojoj se kao glavni sadržaj

nalazi medijski zapis.

Kao i kod izbornika, i ovdje se može upisati adresa elektroničke pošte uz

prefiks mailto:, tako da URL glasi, na primjer, mailto:[email protected].

Programi zlonamjernih vlasnika često pretražuju web-sjedišta u

potrazi za adresama elektroničke pošte kako bi na te adrese

mogli slati poruke neželjenoga sadržaja: spam, patke (engl.

hoax) te poruke koje sadrže malver. Oni najčešće traže adrese

u čistom obliku, tj. nizove znakova koji sadrže znak @, desno

od njega nešto što nalikuje na ime domene, a lijevo nešto što

nalikuje korisničkom imenu. Zato su već male promjene u

adresi korisne.

Postoji niz dodataka WordPressu koji automatski maskiraju sve što

izgleda kao adresa elektroničke pošte – nalazilo se to u linku ili ne.

Pritom posjetitelj vidi adresu u uobičajenom obliku, a maskirana se

adresa vidi ako se pogleda izvor stranice.

Napomena

Kopiranje adrese iz rezultata pretrage tražilicom Google daje adresu koja prvo vodi na Google, a tek onda otvara željenu stranicu.

Napomena

Adrese elektroničke pošte upisane putem nadzorne ploče nisu vidljive na webu, tj. upotrebljavaju se samo na poslužitelju za automatsko slanje raznih poruka.

Takva je, na primjer, i adresa administratora web-sjedišta upisana pri njegovu stvaranju.


92

Potpuno sigurna metoda skrivanja adrese od skupljača adresa ne

postoji, pa zato WordPress nudi mogućnost komunikacije s vlasnikom

web-sjedišta drugim metodama, na primjer putem obrazaca, koji će biti

opisani pred kraj ovog tečaja.

6.5. Upotreba stilova

Iz prvog pogleda na alatnu traku vidi se da je na njoj relativno malo alata

za oblikovanje teksta, no preporuke su još jasnije: treba što je moguće

manje upotrebljavati alate za pojedinačno oblikovanje i što više

upotrebljavati stilove.

Stilovi su načini oblikovanja pridruženi u pravilu pojedinim funkcijama

teksta, kao što su običan tekst, naslovi, podnaslovi i slično. Svaki stil

implicitno ili eksplicitno sadrži zapis o fontu, veličini znakova, boji,

uvlakama i odmacima odlomaka i nizu drugih detalja vezanih za izgled.

Stilovi su već pridruženi, na primjer, naslovima objava u popisima objava

(manja slova), naslovima objava na stranicama s prikazanim

pojedinačnim objavama (veća slova), naslovima widgeta, ali i običnom

tekstu i drugim elementima stranice. Upravo stilovi posjetiteljima

olakšavaju snalaženje na web-stranici jer se već nakon kratkog vremena

naviknu na izgled pojedinog elementa teksta te mogu procijeniti njegovu

važnost pri pregledavanju ili čitanju sadržaja. Tako će možda u prvom

prolazu zanemariti datume, a gledati naslove objava.

Običaj dosljedne upotrebe oblikovanja dobro je nastaviti i unutar

tekstova, pa se pri pisanju tekstova objava i stranica nude oznake koje

autor može primijeniti na temelju kojih će se oblikovati tekst ovisno o

upotrijebljenoj temi.

Padajući popis za izbor stilova.

Oznaka Odlomak služi za pisanje običnoga teksta, a ona je ujedno i

izabrani stil pri ulasku u editor. Naslovi (Naslov 1, Naslov 2 itd.)

odgovaraju raznim razinama naslova.

Izgled tekstova prikazanih u padajućem popisu za izbor vrste teksta

odgovara izgledu stilova u trenutačno aktivnoj temi, no promjenom se

Napomena

Radi olakšavanja snalaženja posjetiteljima treba što je moguće više upotrebljavati stilove umjesto pojedinačnog oblikovanja. Može se potpuno izbaciti pojedinačno oblikovanje, ali je za to često potrebno poznavanje CSS-a, što nije nužan preduvjet za ovaj tečaj.


93

teme izgled naslova, podnaslova i ostalih elemenata teksta može znatno

promijeniti.

Obično su znakovi u naslovima veći od znakova u običnom tekstu, te su

barem prve tri razine naslova oblikovane tako da mogu poslužiti kao

naslovi, podnaslovi i naslovi treće razine. Osim veličine znakova, naslovi

mogu imati i niz drugih svojstava primjerenih naslovima, kao što su veliki

odmaci od prethodnog teksta i teksta koji slijedi, promjena boje, obojena

podloga, crta ili drugo. Zbog toga kao naslove treba definirati samo one

tekstove koji su zaista naslovi, a ne za one koji bi samo trebali biti

naglašeni te za koje bi možda odgovarao stil naslova u trenutačno

aktivnoj temi. Označavanje tekstova kao naslova ima i druge posljedice,

od kojih će jedna biti opisana u poglavlju o tražilicama.

Izgled tekstova s naslovima razine 1 i 2

u temama Twenty Sixteen i Twenty Seventeen.

Sve su razlike u oblikovanju postignute isključivo promjenom teme.

Napomena

Drugi razlog za oblikovanje upotrebom stilova je zadržavanje sklada nakon promjene teme – kako unutar teksta tako i s ostalim elementima stranice.


94

Iz navedenih se primjera vidi da postoji razlika između naslova objave i

naslova s pridruženom oznakom Naslov 1, no ta je razlika u praksi vrlo

mala, a moguće je da autori teme upotrijebe neke od oznaka iz niza

Naslov 1, Naslov 2, itd. za označavanje dijelova stranice. U tom slučaju

autori objava i stranica za naslove poglavlja unutar dugih tekstova

trebaju upotrebljavati preostale oznake kojima su pridružena oblikovanja

s manje istaknutim znakovima, a najvažnije je da su podnaslovi, ako

postoje, u raznim objavama dosljedno označeni i oblikovani.

Posljednja i najrjeđe upotrebljavana oznaka je predformatirani tekst, koja

se od ostalih razlikuje po uvažavanju svakog upisanog razmaka. Budući

da se na taj način mogu sačuvati uvlake teksta i razmaci između dijelova

teksta ostvareni višestrukim razmacima, logično je da font

predformatiranoga teksta ima jednaku širinu svakoga znaka, kao što je

to slučaj, na primjer, kod obitelji fontova Courier. Važno je znati da se

kod predformatiranoga teksta ni redovi ne lome automatski, nego način

prikaza predugačkih redova ovisi o primijenjenoj temi.

Namjerno uvlačenje redova ovisno o smislu uobičajeno je u

programiranju, ali i pisanju raznih drugih strukturiranih kôdova, ali je u

svakodnevnom pisanju većine autora potpuno nepotrebna.

6.6. Tekstni ("HTML") editor

Editor u WordPressu osim vizualnog, WYSIWYG, editora nudi i tekstni

editor. Oba su dostupna s iste stranice za uređivanje, a iz jednog u drugi

nesmetano se prelazi odabirom kartice – Vizualno ili Tekst.

Alatna traka na tekstnoj kartici editora

s gumbom za dodavanje medijskih zapisa

koji radi jednako kao u vizualnom editoru.

Iako mnogi drugi editori za web-stranice u tekstnom editoru nude

mogućnost rada s HTML-om, ovdje to nije slučaj – prikaz teksta je

pojednostavljen, oznake koje bi manje iskusnim autorima mogle

ugrožavati preglednost su uklonjene, a uvedene su nove oznake koje

olakšavaju unos složenih elemenata i njihovih parametara.

Autorima koji razumiju HTML prilagodba na ovaj editor ne bi trebala biti

teška, dok bi početnicima pojednostavljene oznake mogle olakšati rad i

možda ih potaknuti na učenje HTML-a.

Prva je razlika između pravog HTML-editora i WordPressovog tekstnog

editora u prikazivanju odlomaka – oni nisu označeni uobičajenom

oznakom <p>, nego su razmaknuti dvostrukim [Enterom]. Jednostruki

[Enter] predstavlja prijelom reda.


95

Odlomci prikazani u editoru s prikazanim svim HTML-oznakama

i odlomci prikazani u tekstnoj kartici WordPressovog editora.

Ostale su HTML oznake upisane onako kako se i inače pišu u HTML-u,

dok je za funkciju Pročitaj više iskorišten HTML komentar s tekstom

more. Za pomoć u unosu svih tih oznaka postoje gumbi s alatne trake,

od kojih oni koji zahtijevaju dodatne parametre otvaraju i dodatne

dijaloške okvire.

Uz oznake jezika HTML, na tekstnoj se kartici na stranicu mogu dodati i

skripte pisane u JavaScriptu, kao i dodatne definicije, odnosno iznimke

za definicije stilova pisane u CSS-u. No, pritom treba uzeti u obzir da će

biti riječ o iznimkama samo za jednu stranicu, što može dovesti do

neusklađenosti izgleda raznih dijelova web-sjedišta s jedne strane, a s

druge strane, ako neku od ovih promjena treba raditi stalno, ovakav bi

način rada bio gubitak vremena. Promjene koje će djelovati na sve

tekstove bolje je provesti na razini web-sjedišta (na primjer, instalirati

dodatak koji će odraditi posao za koji se piše skripta ili promijeniti

definicije stilova).

Prave se razlike između tekstnog i vizualnog editora vide kod umetanja

raznih medijskih zapisa, gdje se relativno složenim funkcijama mogu

popisati parametri na jednostavan način. Neki se od njih mogu unijeti

putem postavki u odgovarajućim dijaloškim okvirima, dok je druge

potrebno upisivati u tekstnom načinu rada u obliku kratkih oznaka tzv.

shortcodes.

Pomoću vizualnog se editora mogu ostvariti sljedeće funkcije koje se u

tekstnom editoru vide kao kratke oznake:

[audio], pojedinačni audio zapis

[caption], opis koji se nalazi uz sliku

[embed], za uključivanje raznih sadržaja

[gallery], galerija

[playlist], niz audio zapisa

[video], pojedinačni video zapis.

https://codex.wordpress.org/Audio_Shortcode

https://codex.wordpress.org/Caption_Shortcode

https://codex.wordpress.org/Embed_Shortcode

https://codex.wordpress.org/Gallery_Shortcode

https://codex.wordpress.org/Playlist_Shortcode

https://codex.wordpress.org/Video_Shortcode


96

Svaka od ovih oznaka predstavlja početnu oznaku, a neke imaju i

završnu, tako da se za slike s naslovom piše, na primjer, [caption]

... [/caption], dok je galerija cijela opisana u početnoj oznaci

[gallery].

Unutar oznaka pišu se parametri, pa se tako, nakon što je umetnuta

slika s naslovom, u tekstnom editoru može naći:

[caption id="attachment_67" align="aligncenter"

width="300"]

<img class="wp-image-67 size-medium"

src="http://192.168.2.2/wp-content/uploads

/2017/02/kuciste-300x169.jpg"

alt="Kućište od vezice"

width="300" height="169" />

Nelomljivo kućište!

[/caption],

a za galeriju stoji, na primjer:

[gallery ids="39,33,32,44" orderby="rand"]

Kod uključivanja videa s web-sjedišta YouTube upisuje se samo adresa

stranice na kojoj se nalazi video, no shortcode omogućava i reguliranje

veličine prostora za prikaz videa:

[embed width="400" height="300"]

https://www.youtube.com/watch?v=FzTUxDVGHVA

[/embed]

Prava se snaga ovoga načina pisanja vidi kod nekih dodataka koji ne

nude upis svih opcija kroz dijaloški prozor, nego definiraju svoje kratke

kodove.

Rad s funkcijama putem upisivanja kratkih kodova dobro je poznavati, ali

nije potrebno napamet učiti parametre. Niz je izvora koji će autora u

slučaju potrebe uputiti na potrebne parametre, a autor mora samo

poznavati način pisanja oznaka (uglate zagrade, postojanje početnih i

završnih oznaka, nizanje parametara i sl.) te mora biti svjestan da mora

uvažavati unaprijed zadani način pisanja.

Rad u tekstnom editoru može biti osobito koristan kod

HTML-widgeta, ali se i tamo može izbjeći instaliranjem

dodataka. No, budući da svaki dodatak pomalo usporava

WordPress, administrator web-sjedišta treba procijeniti isplati li se

instalirati dodatak. Ako neki efekt treba postići samo jednom ili nekoliko

puta, sigurno se više isplati potruditi se u tekstnom editoru.




97

6.7. Vježba: Pisanje i upotreba editora

Upis i osnovno oblikovanje teksta:

1. Pronađite objavu s pozivom na druženje u PDF obliku. Pretvorite

tu objavu u stanje skice, a isti sadržaj upišite u novu objavu te

oblikujte tako da bude vidljiv odmah po otvaranju stranice.

Uputa: Radite u načinu bez ometanja, poslužite se pojedinačnim

oblikovanjem, a po želji možete dodati i neku sliku.

2. U tekst poziva navedite da će druženju prisustvovati posebni gosti,

prijatelji udruge Čvorovi, Günter i José. Imena napišite točno!

3. Na kraju rečenice o gostima napišite niz znakova :-). Pregledajte

objavu.

Napomena: za isključivanje grafičkoga prikaza emotikona

WordPressu treba instalirati dodatak.

Proširenje funkcija editora pomoću dodatka (dodatni zadaci):

4. Napišite program događanja u obliku tablice!

Da biste to učinili bez upotrebe HTML-a, instalirajte dodatak

TinyMCE Advanced, aktivirajte ga i stvorite tablicu s programom.

Upotreba alata zasniva se na ispravnom označavanju dijela tablice

s kojim se radi te izborom funkcije iz izbornika pokraj alata za

tablice.

5. Dodatku TinyMCE Advanced namjestite gumbe tako da u prvom

redu alatne trake imate one koji su Vam najvažniji, a u drugom

manje važne. Isprobajte i traku izbornika te razmislite je li Vam

potrebna.

6. Dodatak TinyMCE Advanced iskoristite za isticanje pojedinih

odlomaka dodavanjem gumba Show Blocks u alatnu traku.

Provjerite rad alata Show Blocks na nekoliko objava.

Vrste teksta i stilovi:

7. Na novu stranicu s naslovom Tečajevi zalijepite cijeli tekst Lorem

ipsum. Nakon prva dva odlomka napišite prvi naslov, nakon

sljedeća dva drugi itd. Naslovima pridružite stilove tako da

sačuvate strukturu kao na sljedećoj ilustraciji:

Djeca

Osnove vezanja čvorova

Ukrasi

Gradimo!

Planinari

Pomorci

Složeni ukrasi za odrasle


98

8. Tekstu dodajte dvije slike s weba koje bi se trebale nalaziti pokraj

teksta, svaka u svom poglavlju.

9. Spremite stranicu i pregledajte je na novoj kartici.

Promijenite temu, te dokument pregledajte na novoj kartici.

Promijenite temu još jednom, te dokument ponovno pregledajte na

novoj kartici.

Usporedite tri kartice s prikazima iste objave u različitim temama.

Osim razlike u naslovu i običnom tekstu, uočite i eventualne razlike

u postavljanju i oblikovanju slika.

Dodatni zadaci:

10. Otvorite stranicu Kontakti, kopirajte sadržaj te ga zalijepite na novu

stranicu s naslovom Kontakti. Stranice će se razlikovati po

vremenu stvaranja.

Obrišite Googleovu kartu stvorenu tijekom demonstracije rada u

tekstnom editoru te s kartom OpenStreetMap ponovite postupak

umetanja karte.

Pregledajte obje stranice te ostavite vidljivu onu koja Vam se više

sviđa. Pazite da je vidljiva stranica nakon ovog zadatka dostupna

iz izbornika!

11. Tekstni widgeti imaju vizualni editor vrlo ograničenih mogućnosti –

na primjer, u njemu se ne mogu umetati slike. Iako se i taj

nedostatak može prevladati instalacijom dodatka, postoji i

jednostavnije rješenje. U ovom ćete zadatku stvoriti tekstni widget

s linkom na stranice Srca koji se nalazi na slici:

1. stvorite novu objavu, u nju stavite malu sliku loga Srca

link te na nju link na stranice Srca

2. prebacite se na karticu tekstnog editora te kopirajte tekst

3. u tekstni widget koji opisuje ovaj tečaj na kartici tekstnog

editora zalijepite kopirani tekst

4. spremite widget te pregledajte web-sjedište s prednje

strane

5. zatvorite novostvorenu objavu bez spremanja.

12. Zamislite da ste čuli da oznaka <!––nextpage––> lomi dugi tekst

na stranice. Provjerite tu tvrdnju!

Pomoć: u kojoj ćete kartici upisati tu oznaku?


99

7. Svrstavanje objava

Na način opisan u prethodnim poglavljima autor web-sjedišta može

upisivati i uređivati objave i stranice te najvažnije među njima, one koje

uvijek trebaju biti nadohvat ruke, smještati u izbornike. No, svaki se

autor nada da će i njegovi naizgled manje važni sadržaji biti čitani i dugo

nakon objave, kad se već dugo neće nalaziti na naslovnici web-sjedišta

među najnovijim vijestima.

U ovoj će cjelini biti pokazano kako se posjetitelja web-sjedišta može

privući da pročita što više njemu zanimljivih objava, dok će u sljedećoj

cjelini biti riječi o privlačenju korisnika tražilica u web-sjedište.

7.1. Kategorije objava

Kategorije objava odgovaraju rubrikama u novinama ili časopisima. No,

budući da je riječ o objavama koje se izvlače iz baze podataka u

trenutku prikazivanja stranice, objave se, za razliku od članaka u

tiskanim medijima ili na statičkim stranicama, mogu nalaziti u nekoliko

kategorija (rubrika) te se prikazivati u svakoj od njih. Svaka je objava u

WordPressu svrstana u barem jednu kategoriju.

Na početku rada s kategorijama autor web-sjedišta treba odlučiti o čemu

će pisati na svom web-sjedištu te u skladu s tim odlučiti koje će rubrike,

odnosno kategorije postaviti na svoje web-sjedište. Kategorije mogu biti

organizirane hijerarhijski, tj. jedna kategorija može sadržavati nekoliko

drugih.


pridružiti postojeće ili nove kategorije svojim objavama

raspravljati o različitim mogućnostima organiziranja objava u

kategorije i potkategorije na jednom web-sjedištu

pridružiti postojeće ili nove oznake svojim objavama

razlikovati oznake od kategorija

postaviti widgete i izbornike koji će na temelju pridruženih

kategorija i oznaka posjetiteljima olakšati snalaženje na

web-sjedištu

razlikovati formate objava, izabrati format ili formate primjerene

za svoje web-sjedište te ih primjenjivati na svojim objavama s

ciljem povećanja preglednosti web-sjedišta

pronaći teme koje imaju podršku za razne formate.


100

Jedan mogući raspored kategorija na web-sjedištu Čvorovi.

Korisno je prije početka rada na web-sjedištu skicirati kategorije (rubrike)

na ovaj ili sličan način.

Na nadzornoj se ploči u podizborniku Objave nalaze dvije točke koje do

sada nisu bile spomenute u tečaju: Kategorije i Oznake. Izborom bilo

koje od njih dobiva se ista slika – s lijeve strane prostor za dodavanje

nove kategorije, odnosno oznake, a s desne popis postojećih kategorija,

odnosno oznaka.

Podizbornik Objave.

Prije nego što autor web-sjedišta počne dodavati kategorije, postavljena

je jedna kategorija, Nekategorizirano, kojoj pripadaju sve do tada

napisane objave. Nove se kategorije mogu dodavati iz pregleda

kategorija ili pri uređivanju objava.

Pri dodavanju nove kategorije putem stranice Kategorije kategoriji se

obvezno dodaje Ime , a kategorijama koje su u hijerarhiji ispod neke

druge kategorije treba upisati i naziv nadređene kategorije (Matična

kategorija). Nadređena se kategorija može mijenjati, tako da, na

primjer, neka kategorija (rubrika) u nekom trenutku razvoja web-sjedišta

može postati potkategorija nove, veće kategorije (rubrike).

Sadržaj polja Opis može se upisati, ali se prikazuje samo kod rijetkih

tema, a sadržaj polja Slug bit će dio adrese stranice s prikazanom

kategorijom.

Čvorovi

Izrada čvorova

Svakodnevni

Brodski

Penjački

Ukrasni

PrimjenaRad

ZabavaDogađanja


101

Dodavanje nove kategorije sa stranice Kategorije

i iz okvira Kategorije pri uređivanju objava.

Na obje su slike istaknuta dva najvažnija polja istih funkcija.

Sve ranije upisane kategorije s istaknutom hijerarhijom navedene su u

tablici na desnoj strani stranice za uređivanje skupa kategorija. U tablici

su navedena imena kategorija te ona svojstva koja je autor izabrao

uređujući Opcije zaslona za ovu stranicu.

Kategorije se mogu i brisati, pri čemu objave koje ostanu bez kategorije

dobivaju kategoriju nekategorizirano. To je ujedno razlog zbog kojega se

kategorija nekategorizirano ne može obrisati.

Objavama se kategorije mogu pridružiti pri uređivanju objava, brzom

uređivanju i grupnom uređivanju. U situaciji kao što je na ovom tečaju,

kad autor naknadno određuje ili samo pridružuje kategorije, vrlo je

korisno grupno uređivanje, do kojeg se dolazi iz popisa objava tako da

se prvo izaberu objave koje će biti u istoj kategoriji, te se izabere Uredi

kao Grupna radnja iznad popisa objava.

Grupno uređivanje: svrstavanje objava

Poziv na druženje i Izložba: obuća i vezice

u zajedničku kategoriju Događanja.


102

Nakon što je objavi pridružena jedna ili više kategorija, naziv kategorije

se u većini tema pojavljuje uz podatke o članku.

Naziv kategorije uz prikazane podatke o članku.

Točan sadržaj i smještaj tih podataka ovisi o temi.

Napisani naziv kategorije koji se nalazi uz članak je link koji vodi do

stranice izgleda bloga, dakle s prikazanim početnim dijelovima vijesti, a

koja sadrži samo one vijesti koje pripadaju navedenoj kategoriji.

Adresa stranice koja prikazuje popis objava pojedine kategorije sastoji

se od adrese naslovnice web-sjedišta iza koje slijedi kosa crta, riječ

category, te riječ koja se nalazi u polju Slug pri određivanju kategorije.

Ako autor nije ništa upisao u to polje, WordPress je postavio riječ koja

što je moguće više nalikuje na ime kategorije, a ipak sadrži samo one

znakove koji se uobičajeno nalaze u adresi stranice.

Umjesto riječi category može se na nadzornoj ploči, u Postavke

Stalne veze, u polje Osnovica kategorije postaviti bilo koju drugu riječ

(rubrika, tema…).

Naslov stranice koja prikazuje popis objava pojedine kategorije jasno

ističe naziv kategorije, ali ne uvijek i nadređenih kategorija. U nekim se

temama prikazuje i opis kategorije.

Postoje dodaci koji omogućavaju razlikovanje izgleda stranica

ovisno o kategorijama.

Među tim se dodacima ističu oni koji omogućavaju prikaz

različitih widgeta uz objave raznih kategorija, što može biti vrlo važno jer

posjetitelji koje zanimaju različite kategorije poruka mogu imati različite

potrebe za dodatnim sadržajima na stranici. Jedan je od takvih

dodataka, prirodno uklopljen u određivanje svojstava prikazanih widgeta,

već spomenuti Widget Options.

7.2. Brzi pristupi objavama pojedine kategorije

Osim što posjetitelj može pri pregledavanju objava pročitati naziv

kategorije objave te potom klikom na odgovarajući link posjetiti

odgovarajuću kategoriju, popis objava pojedine kategorije može biti

Napomena

Osim posjetiteljima web-sjedišta, svrstavanje po kategorijama koristi i autorima jer se na nadzornoj ploči objave mogu filtrirati po kategorijama.


103

dostupan i na druge načine. Konkretno, posjetitelju se može omogućiti

pristup objavama pojedine kategorije bez slučajnog otvaranja neke

objave koja pripada toj kategoriji.

Za izravni pristup kategorijama najjednostavnije je na stranicu postaviti

widget Kategorije koji prikazuje popis kategorija.

Taj se widget može prilagoditi potrebama web-sjedišta kao i svi drugi,

upisivanjem novoga naslova – na primjer, Rubrike ili Teme umjesto

Kategorije. Ostali parametri su:

Prikaži kao padajući popis, čime se popis sažima u padajući

popis, koji se po potrebi, klikom na strelicu, raširi

Prikaži broj objava osigurava da se uz naziv kategorije prikaže i

broj objava te kategorije u zagradama

Prikaži hijerarhiju osigurava da se umjesto samo kategorija koje

sadrže članke prikazuju i njihove nadređene kategorije, ako

postoje; taj je prikaz grafički jasan, tako da je jasno koja

potkategorija pripada kojoj kategoriji.

Okvir za uređivanje widgeta Kategorije

i nekoliko njegovih izgleda na prednjoj strani web-sjedišta.

Osim u widget Kategorije, linkovi na stranice s objavama iz pojedinih

kategorija mogu se unijeti u izbornik, što se radi ili putem stranice

dostupne s nadzorne ploče: Izgled Izbornici ili funkcijom uređivanja

izbornika dostupnom putem linka Prilagodi s prednje strane

web-sjedišta.

Kategorije se pri uređivanju izbornika dodaju izborom iz popisa najčešće

upotrebljavanih kategorija, svih kategorija ili iz popisa rezultata

pretraživanja po riječima koje bi se trebale nalaziti u nazivu kategorije.

Budući da su ispred naziva kategorija u popisima kvadratići, može se

dodati nekoliko kategorija u izbornik odjednom. Ako se u izbornik doda

kategorija koja ima potkategorije, dodat će se samo glavna kategorija,

dok potkategorije treba administrator dodati sâm te ih radi preglednosti u


104

strukturi izbornika postaviti u podizbornik glavne kategorije (povući

desno).

Izbor svih kategorija iz popisa sortiranog abecednim redom,

te naknadno razmješteni linkovi u izborniku

tako da su kategorije logično poredane, a potkategorije čine podizbornik.

7.3. Oznake i dodaci za upotrebu oznaka

Oznake se, kao i kategorije, pridružuju objavama, a ključna je razlika

između kategorija i oznaka u tome što oznake nisu organizirane

hijerarhijski, kao rubrike i podrubrike u časopisima.

Oznake bi se na web-sjedištu Čvorovi mogle odnositi na vrstu užeta

prikladnu za izradu pojedinoga čvora ili većega rada, na namjenu čvora

(spajanje užeta, produljivanje užeta, kraj užeta, stvaranje trake itd.) ili na

nešto treće.

Objavi se pri uređivanju objave može pridružiti ranije stvorena oznaka ili

se može dodati nova oznaka. Oznake se mogu i samostalno uređivati

putem nadzorne ploče.

Budući da još nije upisana odgovarajuća oznaka,

autor upisuje novu.


105

Upisane se oznake prikazuju uz objavu i to, kao i kategorije, u obliku

linkova koji vode do stranice na kojoj su prikazane objave s

odgovarajućom oznakom. Adresa stranice u sebi ponovno sadrži adresu

naslovnice web-sjedišta iza koje slijedi kosa crta, pa riječ tag te nakon

još jedne kose crte oznaka, kao u primjeru http://cvorovi.net/tag/kraj.

Umjesto riječi tag koja se pojavljuje u adresi administrator može izabrati

neku drugu, na primjer oznaka, te je upisati u polje Osnovica oznake na

stranici Postavke Stalne veze nadzorne ploče.

Budući da su oznake u pravilu manje predvidive od kategorija, nije ih

uobičajeno stavljati u izbornike, no vrlo su popularni widgeti koji ističu tu

njihovu nepredvidivost – oblaci oznaka. Widget Oblak oznaka (engl. tag

cloud) uključen u instalaciju WordPressa prikazuje najčešće

upotrebljavane oznake koje teme obično oblikuju tako da su češće

upotrebljavane oznake veće ili na drugi način više istaknute u odnosu na

one rjeđe upotrebljavane.

Oblak oznaka u temama Twenty Sixteen. i Twenty Fifteen

– stanje nakon osnovnih vježbi na kraju ovoga poglavlja.

7.4. Formati objava i istaknuta objava

Da bi se u popisu objava vizualno razdvojile objave različitih namjena

postoje različite vrste objava. Različite vrste objava pomažu i pri primjeni

WordPressa na web-sjedištima na kojima redanje objava s naslovima,

uvodnim tekstovima i istaknutim slikama možda nije prikladno.

WordPress podržava ograničeni broj formata, a autori svake pojedine

teme mogu odabrati koje će formate podržati u svojoj temi. Formati se

međusobno mogu razlikovati u prikazivanju naslova objave, imena

autora, datuma objave i drugih podataka o objavi (metapodataka),

oblikovanju objave i drugom.

Autorima su na raspolaganju sljedeći formati:

članak – objava s naslovom, uvodnim tekstom te ostatkom teksta

dostupnim nakon otvaranja cijelog članka (klikom na link pročitaj

više ili slično), te nizom metapodataka

formati za kratke zapise

- crtica – format namijenjen za obavijesti od odlomka ili dva,

prikazane bez naslova ili s malim naslovom; prema idejama

autora trebale bi nalikovati na objave na Facebooku

- status – kratka obavijest, obično bez naslova, koja bi trebala

nalikovati na obavijesti na Twitteru

Napomena

Unatoč imenu, u oblaku oznaka WordPress može prikazati i kategorije. Promjena prikazanih objekata obavlja se pri namještanju widgeta.


106

- citat – citat istaknut oblikovanjem u obliku citata (blockquote)

u tekstu, katkad s imenom autora kao naslovom

- link – link s rečenicom ili dvije gdje se oblikovanjem ističe

prvi link u tekstu; pojedine teme naslov objave pretvaraju u

link ako je je jedini sadržaj objave adresa

formati za isticanje medijskih zapisa

- slika, video, audio – slika, video ili audio sadržaj, smješten

na stranici tako da se omogućava izravna reprodukcija; slika

može imati naslov, ali ne mora, cijela objava može imati

naslov i ime autora, ali ne mora

- galerija – galerija slika, prikazana slično kao slike, ali s

mogućnošću listanja.

čavrljanje – prijepis dijaloga, najčešće u fontu s jednakom širinom

svih znakova koji nalikuje na slova napisana strojem za pisanje.

Pri prikazu u popisu objava objave različitih formata mogu biti različito

oblikovane, onako kako je primjereno pojedinim vrstama sadržaja. Zbog

moguće šarolikosti preporuča se upotreba jedne do dviju, najviše tri

vrste formata po web-sjedištu.

Osim u popisima objava, objave različitih formata mogu biti različito

oblikovane i na stranicama na kojima su prikazane same.

Različiti formati objava na stranici s popisom objava

u temi Baskerville.

Različit izgled u odnosu na ostale objave može imati i istaknuta (ljepljiva)

objava, koja se nalazi na vrhu popisa objava dok god joj se taj status ne

ukine. Objava se proglašava ljepljivom tako da se u okviru Objavi uz

označenu vrijednost Javno označi i Zalijepi ovu objavu na početnu

stranicu.


107

Namještanje svojstva ljepljivosti

iz uređivanja objave te brzog uređivanja.

Objava se može proglasiti istaknutom (ljepljivom) ili se može vratiti u

normalno stanje i iz brzog uređivanja objava. Taj je način uređivanja

osobito praktičan jer se u popisu objava vidi koje su objave istaknute, a

koje ne, pa administrator može odlučiti što je u pojedinom trenutku

prestalo biti važno, postalo važno ili ostalo toliko važno da se i dalje

mora nalaziti na vrhu popisa objava.

U jednom se trenutku na web-sjedištu može nalaziti više istaknutih

objava.

7.5. Vježba: Povećanje preglednosti web-sjedišta grupiranjem objava

1. U popisu objava na nadzornoj ploči filtrirajte objave po kategoriji –

odaberite nekategorizirano.

Jednoj nekategoriziranoj objavi pridružite bilo koju kategoriju koja

se ne nalazi u skici kategorija na početku poglavlja. Kategoriju

dodajte pri uređivanju objave.

Provjerite da se smanjio broj nekategoriziranih objava.

2. Prikažite u popisu objava sve objave, te upotrebom funkcije Opcije

zaslona prikažite stupce kategorija i oznaka.

Postavite preostale kategorije kao u skici na početku poglavlja, te

pridružite te kategorije svim člancima. Neke kategorije upišite

unaprijed, na stranici za uređivanje kategorija, a neke dodajte tek

pri uređivanju objava.

Napomena: objava iz prethodnog zadatka nalazit će se u dvjema

kategorijama.

3. Dodajte oznake objavama: jednostavno, složeno, vrlo složeno

ovisno o Vašoj procjeni težine vezanja čvorova iz pojedine objave.

Objave koje nemaju praktični karakter ne moraju dobiti oznake, ali

poziv za druženje zbog raznih radionica može dobiti sve tri

oznake.


108

Dodatni zadatak: dodajte i oznake vezane za funkciju čvorova:

kraj, spajanje, produljivanje, izrada trake, te ako želite, još poneku

oznaku. Pridružite oznake objavama.

4. Dodajte widget s popisom kategorija te oblak oznaka. Koji Vam u

ovom trenutku izgleda korisnije?

5. Izborniku dodajte kategorije te podizbornike koji odgovaraju

potkategorijama.

6. Koji Vam sad od nedavno dodanih widgeta djeluje korisnije?

7. Postavite još i widget Pretraga te usporedite i njegove prednosti i

nedostatke u odnosu na prethodne widgete. Kojim ili kakvim bi

posjetiteljima koji način dolaska do objava bio najprikladniji?

Koje vrste sadržaja obuhvaća Pretraga, a ne obuhvaćaju widgeti

vezani za kategorije i oznake?

8. Dodajte objavu formata crtica te objavu formata status. Umjesto

stvarnoga teksta možete se poslužiti dijelom teksta Lorem ipsum

koji se nalazi u materijalima za tečaj, a može mu se pristupiti i

putem generatora za koji također postoji link u materijalima. Pazite

da duljina kopiranoga teksta odgovara duljini teksta prikladnoj za

crticu.

Usporedite izglede raznih formata objava.

9. Pretražite teme birajući da tema ima podršku za formate objava.

Navedeni izbor ne jamči da će tema imati podršku za sve formate,

kao ni da će se izgledi objava različitih formata razlikovati.

Instalirajte dvije do tri teme te ih isprobajte barem u pretpregledu.

Koncentrirajte se na izgled objava različitih formata.

Prihvatite ili odbacite novu temu.

10. Pogledajte naslovnicu svojega web-sjedišta te na drugoj kartici

proglasite jednu staru objavu ljepljivom (istaknutom).

Pregledajte u novoj kartici naslovnicu te usporedite izgled

naslovnice prije i poslije posljednje promjene.


109

8. Optimizacija za tražilice (SEO)

U prethodnom je poglavlju bilo riječi o olakšavanju snalaženja unutar

web-sjedišta, što je potrebno da bi se posjetitelji stranice zadržali na

stranici i eventualno napravili korak dalje – stupili u kontakt s vlasnicima

web-sjedišta, kupili proizvod ili uslugu ili se samo odlučili vratiti na isto

web-sjedište po nove informacije.

Da bi korisnici weba uopće došli do pojedinog web-sjedišta, postoje dvije

metode. Metoda ograničenoga dosega jest prikazivanje adrese

web-sjedišta u stvarnom, fizičkom svijetu: na predavanjima, u

udžbenicima, na plakatima, automobilima i sl. Puno je bolja metoda

osiguravanje dobroga položaja u popisu rezultata na tražilicama, te zato

treba vidjeti što se može učiniti da bi se web-sjedište pojavljivalo na što

boljim pozicijama u skupu rezultata pri pretraživanju s ključnim riječima

koje su bliske sadržaju web-sjedišta.

Skup metoda kojima se osigurava dobar položaj web-stranica u popisu

rezultata tražilica zove se optimizacija za tražilice (engl. search engine

optimization, SEO). Iako se dobar rezultat može postići i plaćanjem,

puno su zanimljivije metode koje kvalitetno web-sjedište smještaju na

vrh popisa prirodnih rezultata (engl. organic results).

Tražilice se mijenjaju, mnoge metode optimizacije za tražilice ostaju iste,

ali se i pojavljuju nove, a neke stare metode gube važnost. Također,

treba uzeti u obzir da Google, premda najzastupljenija, nije jedina

tražilica, pa će zato u ovom tečaju biti riječi o univerzalnim metodama

optimizacije za tražilice.

Premda se optimizacija za tražilice može provesti na različitim razinama,

u ovom će tečaju biti opisane metode koje bi trebale postati

svakodnevna rutina autora – optimizacija sadržaja. Metode slične

optimizaciji sadržaja mogu se naći i kod optimizacije organizacije

web-sjedišta, a postoje i tehnički aspekti optimizacije, koji uglavnom

prelaze domet ovoga tečaja.


opisati kako tražilice skupljaju podatke

nabrojiti detalje koji utječu na pojavljivanje u rezultatima

pretraživanja na prihvatljivom mjestu, a na koje lako može

utjecati autor teksta

razlikovati naslov objave ili stranice od naslova web-stranice na

kojoj se nalazi navedeni sadržaj te od opisa objave ili stranice

kao meta podatka

navesti tekstne podatke koje pregledavaju tražilice slika te u

skladu s tim pripremiti sliku i okolne tekstne podatke za

uključivanje na stranicu

potražiti savjete dodatka koji pomaže pri optimizaciji za tražilice

za svaku pojedinu objavu ili stranicu.


110

8.1. Kako rade tražilice?

Tražilice su sa strane korisnika web-sjedišta koja znaju gdje se nalazi

koji sadržaj na webu. U stvari, to su dinamička web-sjedišta koja na

poseban način dolaze do svojih podataka – uglavnom obilazeći druga

web-sjedišta.

Tražilice obilaze web-stranice uglavnom slijedeći linkove koji se nalaze

na stranicama koje su već posjetili. Te stranice pohranjuju u svoju bazu

podataka, ali to čine tako da kasnije među milijardama stranica mogu

brzo pronaći stranice koje sadrže ključne riječi koje je u polje za

pretraživanje upisao njihov korisnik. Štoviše, ne samo da stranice iz

popisa rezultata sadrže ključne riječi nego su i rezultati poslagani tako

da se oni koji bi mogli biti korisniji korisniku nalaze na početku popisa.

Ljudi tražilicama najčešće postavljaju upite s ključnim riječima koje se

nalaze na tisućama ili milijunima stranica, tako da tražilice moraju

odrediti jesu li nađene riječi značajne za sadržaj stranice ili ne. U

određivanju relevantnosti pojedine riječi ulogu igra puno čimbenika, od

kojih se najvažniji odnose na pojavljivanje riječi po kojima korisnik

pretražuje:

nalazi li se riječ u naslovu stranice

nalazi li se riječ u naslovu teksta

nalazi li se riječ na početku teksta i koliko se puta ponavlja u tekstu

sadrže li linkovi na tu stranicu navedenu riječ

nalazi li se ta riječ u adresi stranice

nalazi li se upisana riječ među ključnim riječima stranice koje

upisuje autor, ali posjetitelji stranice najčešće ne vide (tzv. meta

oznakama)

i drugo.

Za slike je dodatno važno da se ključne riječi nalaze u blizini slike, u

njezinu imenu, opisu i(li) alternativnom tekstu.

Pri optimizaciji za tražilice treba uzeti u obzir činjenicu da tražilice na vrh

popisa rezultata stavljaju rezultate za koje smatraju da bi ih i posjetitelji

web-stranica stavili na istaknuto mjesto. To znači da se pri rangiranju

služe metodama isticanja onih stranica koje bi se i ljudima trebale

svidjeti, a kažnjavanja spuštanjem ranga onima koje ni ljudi ne bi

smatrali važnima ili koje bi ljude iz bilo kojega razloga iritirale. Zbog

svega toga vjerojatno će većini budućih autora web-sjedišta pravila iz

sljedećeg poglavlja djelovati logično – ipak, treba ih istaknuti zato jer ih

ljudi, u komunikaciji s računalom, često zaboravljaju i krše.

8.2. Općenita pravila za SEO

Da bi tražilice indeksirale stranice web-sjedišta, prvo treba provjeriti jesu

li možda u postavkama web-sjedišta tražilice obeshrabrene da to učine:

na nadzornoj ploči pod Postavke Čitanje treba provjeriti je li ispravno

Napomena

Osim ključnih riječi na popis rezultata utječe još i niz drugih detalja, poput lokacije osobe koja pretražuje, njezinih ranije pregledanih stranica, afiniteta (ako je prijavljena) itd.

Napomena

Iako postoji tendencija učenja pravila za postizanje što boljeg položaja na tražilicama kao skupa recepata, ipak treba uzeti u obzir da se tražilice rade tako da oponašaju ljudski izbor članaka – i u tome su sve bolje i bolje.


111

postavljena vrijednost polja Vidljivost tražilicama. Tražilice ne moraju

poštivati ovu uputu, no u interesu je svake tražilice da ostane na dobrom

glasu te da poštuje želje vlasnika web-sjedišta.

Vidljivost tražilicama postavljena tako

da je tražilicama dozvoljeno indeksiranje stranica web-sjedišta.

Uvažavajući elemente stranice koje tražilice posebno vrednuju pri

svrstavanju rezultata, da bi se ostvarili dobri rezultati na tražilicama,

potrebno je još jednom dobro pogledati sva polja koja se pojavljuju pri

uređivanju objava i stranica.

Ako neko od navedenih polja pri uređivanju objava ili stranica nije

prikazano, prikažite ga izborom s okvira koji se otvara klikom na Opcije

zaslona.

Polja na koja autor može jednostavno utjecati su:

vezana za linkove:

- stalna veza (engl. permalink), koja predstavlja izravni link na

objavu

- slug, niz znakova koji predstavlja posljednji dio adrese u stalnoj

vezi

vezana za sadržaj:

- naslov objave, koji se pojavljuje kao naslov na stranici, te kao

naslov stranice uz naziv web-sjedišta (na primjer, Šestica –

Čvorovi)

- ostali naslovi (podnaslovi) u tekstu, za koje je poželjno da su

označeni stilom naslova, a ne samo oblikovani kao istaknuti

tekst

- izvadak, kratki sadržaj koji se u nekim temama može nalaziti uz

objavu.

U nastavku poglavlja bit će opisano namještanje navedenih polja.

Linkovi

Stalna veza je adresa, URI (URL), koja se može upotrebljavati u izravnim

linkovima na objavu – bilo s istog ili s drugih web-sjedišta.

Oblik stalnih veza za sve se objave određuje na razini web-sjedišta te

počinje adresom poslužitelja iza koje slijede oznake definirane na

nadzornoj ploči, u odjeljku Postavke Stalne veze. U nizu mogućnosti

za oblik adresa preporučaju se one koje kao posljednji dio sadrže tekst

koji može imati veze sa člankom, slug.

Ako je određen takav oblik veze, kod uređivanja objave može se

promijeniti taj posljednji, tekstni dio klikom na gumb Uredi uz stalnu vezu.

Inače gumb pokraj URL-a koji se nalazi pokraj stalne veze ima naziv

Napomena

Raspored okvira na stranici za uređivanje objava ili stranica može se namjestiti povlačenjem.

Napomena

U nizu značenja koje je prije pojave CMS-ova imala riječ slug ističe se kratki naziv članka koji služi za privlačenje pozornosti ili radni naslov.

Napomena

Vidljivost tražilicama se u pravilu isključuje tijekom završnih faza izrade ili testiranja web-sjedišta. U

početnim se fazama razvoja web-sjedište obično napravi potpuno nedostupnim neautoriziranim korisnicima o čemu će biti riječi u nastavku tečaja.


112

Promijeni stalne veze i vodi na uređivanje oblika stalnih veza za cijelo

web-sjedište.

Iako predloženi slug ima veze s člankom, točnije njegovim naslovom,

dobro ga je provjeriti i eventualno ispraviti da bi ključne riječi bile istaknute.

Ako je naslov napisan ispravno, ne bi trebalo biti problema ni sa slugom.

Primjeri URI-jeva koji se razlikuju u posljednjem dijelu, slugu.

Izvan vlastitog web-sjedišta autor samo posredno može imati utjecaj na

mjesta na kojima će se nalaziti linkovi na njegove stranice, a mogu se

nalaziti svagdje – od drugih web-sjedišta do tražilica. Budući da je svaka

veza važna, nije poželjno kasnije mijenjati strukturu permalinkova te

slugove jer potencijalni posjetitelji, bilo ljudi, bilo tražilice, neće moći

jednostavno posjetiti stranice s novim adresama.

Među linkovima koji vode na stranicu treba istaknuti nazive kategorija i

oznake koje se prikazuju uz svaku pojavu cijele objave ili uvodnoga dijela,

te u odgovarajućim widgetima. Ako su kategorije imenovane tako da

slijede sadržaj web-sjedišta, a oznake ističu osobitosti pojedinih objava i

stranica, i ti će linkovi unutar web-sjedišta također biti dobri doprinosi

optimizaciji za tražilice – ponovno zato što pomažu i stvarnim

zainteresiranim posjetiteljima, a ne zbog posebnih pravila koje su izmislili

autori tražilica.

Zbog tražilica i zbog posjetitelja zainteresiranih za sadržaj web-sjedišta,

dobro je u tekstove postavljati linkove na prethodno objavljene sadržaje.

I kod ovih linkova vrijede uobičajena pravila – trebali bi biti postavljeni na

pažljivo odabrane riječi ili na slike s opisima koji odgovaraju sadržaju

stranice na koju vodi link (ne na „pročitaj više“ ili slično).

Postoje razni dodaci koji olakšavaju povezivanje objave

srodnoga sadržaja (engl. related posts).

Neki od tih dodataka objave izabiru automatski pri svakom

prikazu, što dodatno usporava stvaranje stranice, dok drugi omogućavaju

ručno dodavanje objava, što je veći posao za autore.

Sadržaj

Savjeti vezani za naslov, izvadak i tekst mogu se svrstati pod klasična

novinarska pravila o strukturiranju teksta jer tražilice pokušavaju

oponašati interese zainteresiranih čitatelja, a ne slučajnih prolaznika.

Zato za dobar položaj na tražilicama treba paziti na riječi koje će privući

zainteresirane čitatelje: naslov mora odražavati sadržaj („Vezanje

šestice“ umjesto „Povukla je krajeve užeta i onda se dogodilo ovo“),

uvod mora istaknuti bitno, a razrada se prepušta sljedećim odlomcima.

http://cvorovi.aq/2017/03/08/5-cvorova-za-prezivljavanje

http://cvorovi.aq/2017/03/08/cvorovi-prezivljavanje


113

Važno je napomenuti da algoritmi za rangiranje stranica mogu primijetiti

nerazumno visoku upotrebu ključnih riječi (gomilanje ključnih riječi) te

odgovarajuća web-sjedišta kazniti nižim položajem na popisu rezultata

nego što bi ga imala bez tih dodatnih riječi. Ti algoritmi mogu primijetiti i

kopirani sadržaj, što znači da se i radi osvajanja dobroga položaja na

tražilicama isplati biti originalan.

Savjeti vezani slike mogu se sažeti u nekoliko koraka:

preimenovanje slike prije postavljanja na poslužitelj (osmica.jpg

umjesto IMG007008.jpg)

upisivanje odgovarajućih opisa – naslova i alternativnoga teksta,

koji se vide u tražilicama.

Konačno, i neke postavke cijeloga web-sjedišta mogu utjecati na položaj

njegovih stranica u rezultatima pretrage.

Očigledno je da bolju poziciju u popisima rezultata trebaju imati stranice

do kojih se s naslovnice dolazi uz malo klikova, nego one koje se nalaze

duboko u strukturi web-sjedišta.

Tražilice dobrim pozicijama nagrađuju stranice koje se brzo učitavaju i

koje imaju preglednu strukturu i iznutra, gledano sa strane HTML-a. Da

bi se to postiglo, autori bi trebali birati kvalitetne teme – ne samo lijepe i

atraktivne, nego i uredno kodirane. Većina tema u WordPressu

zadovoljava taj uvjet. Na brzinu učitavanja utječe cjelokupni sadržaj, pa i

widgeti, što znači da bi se vlasnici web-sjedišta trebali odlučiti samo za

one widgete koji su zaista potrebni za zadržavanje posjetitelja na

web-sjedištu.

Brzo učitavanje može za neke autore biti poprilično nejasan

pojam jer su navikli na pristup stranicama kakav oni najčešće

koriste – na primjer, iz velikih gradova.

Zato postoji niz alata koji autorima omogućavaju uvid u brzinu učitavanja

njihovih stranica – unutar WordPressa uglavnom orijentiranih na

ubrzavanje učitavanja, te alata namijenjenih svim web-sjedištima

orijentiranih samo na analizu stranica s raznih stanovišta, dok

optimizaciju mora obaviti sâm autor. Za upoznavanje s ovom

problematikom preporuča se upotrebom vanjskih alata vidjeti svu širinu

područja optimizacije, premda ona poprilično prelazi granice ovoga

tečaja.

Primjeri vanjskih alata jesu Googleov PageSpeed Insights dostupan s

adrese https://developers.google.com/speed/pagespeed/ te dodaci

preglednicima YSlow, dostupni ili odabirom dodataka preglednicima ili

sa stranice http://yslow.org/.

Tražilice nagrađuju i trud autora priloga na web-sjedištima, pa tako

boljim položajima u popisima rezultata nagrađuju web-sjedišta koja

redovito objavljuju nove sadržaje.


114

Vanjski čimbenici

Na rangiranje na tražilicama utječu i čimbenici na koje autor ne može

izravno utjecati, a to su broj linkova na njegovu stranicu te sadržaj i

relevantnost stranica na kojima se ti linkovi nalaze. Promocija putem

društvenih mreža sigurno može pomoći, pa će zato o tome biti riječi u

nastavku tečaja.

Važno je još jednom napomenuti da tražilice posjećuju stranice za koje

su našle linkove na drugim stranicama. Dakle, nakon postavljanja

web-sjedišta autor mora uložiti dodatne napore da bi se barem negdje

našao link na njegove stranice, a alternativa je plaćanje uvrštavanja.

Samostalna prijava stranica tražilici (na primjer,

https://www.google.com/webmasters/tools/submit-url) ne jamči rezultat.

8.3. Dodaci u WordPressu kao pomoć za SEO

Kao i za ostale poslove, tako i za optimizaciju za tražilice postoji niz

dodataka. Oni većinom autore priloga podsjećaju na polja koja trebaju

pažljivo ispuniti, ali neki od njih uvode i potpuno nove funkcije.

Rad s dodacima bit će prikazan na primjeru jednoga dodatka, Yoast

SEO, koji korisnike vježba u optimizaciji za tražilice ističući slabe točke

objave, odnosno stranice koju upravo uređuje.

Postavke dodatka Yoast SEO imaju početnu stranicu u obliku nadzorne

ploče, na kojoj se odmah vide potencijalni problemi, kao što bi moglo biti

blokiranje pristupa tražilicama.

Među upozorenjima na nadzornoj ploči stoji i da bi trebalo konfigurirati

dodatak, što vodi do čarobnjaka u obliku niza stranica na kojima se

upisuju osnovni podaci o web-sjedištu, autoru, vezi s društvenim

mrežama itd. Čarobnjak se može pokrenuti i kasnije jer je dostupan s

nadzorne ploče dodatka Yoast SEO.

Glavni se posao odrađuje kod uređivanja objava, odnosno stranica, u

okviru Yoast SEO koji se nalazi ispod poruke.

Nakon ulaska u uređivanje objave, odnosno stranice prikazana je kartica

Ključna riječ na čijem se jahaču (naslovu) nalazi upozorenje Unesite

ključnu riječ, a na dnu stoji nekoliko upozorenja iza naslova Analiza –

među ostalim se i ovdje ponavlja upozorenje o nedostajućoj ključnoj

riječi.

U besplatnoj se verziji može upisati samo jedna ključna riječ ili fraza, dok

ih u plaćenoj verziji može biti više, pet.

Svakom se promjenom na stranici mijenja sadržaj upozorenja te autor

mora razmisliti koje će od sugestija prihvatiti, a koje iz bilo kojih razloga

neće.

Napomena

Dodatak Yoast SEO je u osnovnoj varijanti besplatan, ali tvrtka zarađuje na obrazovanju i drugim uslugama u istom području – optimizaciji za tražilice.

I u području obrazovanja postoje besplatni sadržaji dostupni na yoast.com te klikom na upitnike u radnom prostoru dodatka.


115

Radni prostor dodatka Yoast SEO na stranici za uređivanje objave

nakon upisivanja ključne riječi.

Pri vrhu je kartice pretpregled isječka koji će korisnici tražilice vidjeti

ako im se među rezultatima pretrage nađe stranica koju autor upravo

uređuje. U rezultatima se pretrage ističu:

naslov stranice, stvoren prema odabiru iz čarobnjaka – obično

sastavljen od naslova članka, te naslova web-sjedišta;

naslov stranice korisnici vide i na jahaču kartice web-preglednika

na kojoj je prikazana stranica

adresa stranice, na čiju se strukturu može utjecati u postavkama

web-sjedišta, a posljednji se dio, slug, uređuje kod uređivanja

objava, odnosno stranica

isječak – upisan kao meta opis nakon klika na Uredi isječak, s tim

da tražilica, ako se u meta opisu ne nalaze ključne riječi koje je

korisnik upisao, može uzeti sadržaj upisan u polje Izvadak ili dio

teksta sa stranice na kojem se pojavljuju zadane ključne riječi.

Na kartici Čitljivost nalaze se osnovni podaci koje program može

istaknuti bez razumijevanja jezika, a to su različiti načini dijeljenja teksta

koji sigurno doprinose čitljivosti teksta:

Napomena

U objavi su navedeni podaci, dok meta opis predstavlja opis tih podataka. Web-stranice sadrže niz meta podataka

koji opisuju stranicu, ali ih posjetitelj izravno ne vidi. Među meta podatke pripadaju i ključne riječi.


116

na poglavlja pomoću podnaslova

na odlomke

na rečenice odgovarajuće duljine.

Pokraj kartica nalazi se semafor s općenitom ocjenom stranice, a

slično se ponavlja i pri vrhu stranice, u okviru Objavi – odvojeno podaci

o čitljivosti i o optimizaciji za tražilice.

Ispod semafora su još i link koji vodi na uređivanje prikaza objave pri

prenošenju linkova na društvene mreže te link kojim se mijenja

postavka (ne)dozvoljavanja praćenja stranice od strane tražilica . Kao i

kod slične postavke za cijelo web-sjedište to je samo preporuka koju bi

tražilice trebale poštivati.

8.4. Vježba: Uređivanje objava s ciljem poboljšanja rangiranja na tražilicama

1. Instalirajte dodatak Yoast SEO.

2. Pregledajte stranice koje sadrže gotovi tekst i osvrnite se na

analizu optimizacije za tražilice.

Poboljšajte barem malo svaku posjećenu stranicu.

3. Pogledajte popis svih objava. Što je dodatak Yoast SEO dodao u

popis?

Pogledajte Opcije zaslona i ponovno odgovorite na prethodno

pitanje.

4. Posjetite popis kategorija i oznaka. Analizirajte ih sa stanovišta

prilagođavanja za tražilice.

5. U novu objavu s naslovom Osmica dodajte sliku IMAG1907.jpg

prema pravilima optimizacije za tražilice te dodajte tekst iz

datoteke osmica.docx.

6. Dodajte objavu s tekstom iz datoteke kosara.docx te videom čija

se adresa također nalazi u istoj datoteci

https://www.youtube.com/watch?v=M78Q5gkqgsQ (prečac se

nalazi u materijalima).

Analizirajte prijedloge za poboljšanje u skupini Yoast SEO.

Dodatni zadaci

7. Za polaznike koji se snalaze u HTML-u: pogledajte izvor stranice,

deaktivirajte dodatak Yoast SEO, osvježite stranicu te ponovno

pogledajte izvor stranice. Aktivirajte dodatak i ponovno pogledajte

izvor.

Uočite u kojem se trenutku stvaraju meta oznake stranice.

8. Deaktivirajte dodatak Yoast SEO te instalirajte i aktivirajte dodatak

All in One SEO Paket. Usporedite ova dva paketa.

9. Doznali ste da se šestica zove još i polučvor. Što ćete učiniti?


117

9. Rad u timu

Već i površni promatrač može uočiti da u radu sa svakim web-sjedištem

postoje poslovi koji zahtijevaju potpuno različite profile suradnika:

autori sadržaja – tekstova, slika i sadržaja drugih vrsta

dizajneri, koji se brinu za opći izgled web-sjedišta

administratori, koji se brinu da web-sjedište radi ispravno, sigurno i

dovoljno brzo da zadovolji potrebe svih posjetitelja.

Premda u slučaju manjih web-sjedišta sve navedene poslove može

obavljati jedna osoba, podjela poslova je uobičajena, a u slučaju vrlo

velikih web-sjedišta ide se još korak dalje te se svaka od ovih skupina

poslova dijeli na niz užih, specijaliziranih poslova.

Podjela poslova je osobito važna pri radu s CMS-ovima, a u tečaju su do

sada, izravno ili neizravno, spomenute sljedeće skupine poslova:

priprema i održavanje CMS-a

- osnovni programi

- dodaci

- teme

stvaranje preduvjeta za rad u WordPressu

- instalacija i održavanje web-poslužitelja na koji korisnik instalira

WordPress za svoje web-sjedište

- instalacija WordPressa

postavljanje web-sjedišta i briga o web-sjedištu kao cjelini:

- namještanje postavki web-sjedišta: tema, widgeta, dodataka itd.

- motrenje statistike posjeta i odlučivanje o promjenama na

web-sjedištu

- briga o ažurnosti i usklađenosti WordPressa, dodataka i tema


nabrojati poslove na web-sjedištu

nabrojati ugrađene uloge u WordPressu te opisati njihove

mogućnosti

stvoriti novoga korisnika te postojećem korisniku promijeniti

podatke ili ga obrisati

ovisno o zaduženjima članovima svojega tima izabrati i dodijeliti

uloge u WordPressu

obrazložiti prelaze li potrebe nekoga poznatog tima za podjelom

poslova ugrađene mogućnosti WordPressa ili treba potražiti neki

dodatak

opisati značenje podataka iz korisničkog profila: oznaku

korisnika na prednjoj strani web-sjedišta i porijeklo profilne slike.

Napomena

Ako ne prije, sad je trenutak barem za zahvalu u mislima svim autorima WordPressa, dodataka i tema (osobito onih besplatnih).


118

rad sa sadržajem

- objavljivanje sadržaja – tekstova, slika i drugog

- komunikacija s posjetiteljima.

U skladu s navedenim poslovima dodjeljuju se prava rada na

web-sjedištu. Posebno, da bi se autori objava mogli posvetiti pisanju bez

straha da bi mogli nešto loše učiniti ostatku web-sjedišta, njima se ne

dozvoljava promjena postavki za cijelo web-sjedište. Takvo se

ograničenje obično sviđa i osobama zaduženim za namještanje postavki

cijeloga web-sjedišta jer mogu biti sigurne da im nitko neće zabunom

uništiti njihov rad.

Navedena se podjela poslova u WordPressu može ostvariti stvaranjem

korisničkih računa za svakog suradnika i to tako da prava suradnika

odgovaraju njegovim zaduženjima.

9.1. Uloge na web-sjedištu izrađenom pomoću WordPressa

Uloge korisnika na web-sjedištu izrađenom pomoću WordPressa i

njihove tipične mogućnosti jesu:

administrator – može raditi sve što je dostupno putem sučelja

WordPressa

urednik – može stvarati objave i stranice te uređivati i objavljivati

objave ostalih članova tima

autor – može pisati objave i objavljivati svoje objave

suradnik – može pisati objave, ali ne i objavljivati

pretplatnik – može komentirati objave pod svojim stalnim

korisničkim imenom.

U nastavku teksta bit će opisane uloge od pretplatnika, s najmanje

prava, do administratora, koji ima najviše prava na pojedinom

web-sjedištu.

Pretplatnik je korisnik koji na web-sjedištu vidi sve što vidi i neprijavljeni

korisnik, a razlika je u komentiranju objava – uz svaki se pretplatnikov

komentar nalaze njegovo ime i(li) neki drugi korisnički podatak. Takvi su

korisnici korisni na web-sjedištima koja imaju zajednicu posjetitelja te

česte rasprave o objavama jer je uz imena sudionika u raspravi

jednostavnije steći sliku o tijeku rasprave. Osim toga, administrator u

postavkama rasprava može odrediti da samo prijavljeni posjetitelji smiju

komentirati objave.

Pretplatnik može i samostalno uređivati svoj profil, ali uređivanju profila

ima pristup i administrator web-sjedišta.

Suradnik može pristupiti nadzornoj ploči, ali ga tamo čeka vrlo

ograničeni skup alata, tj. vrlo kratak izbornik koji, na primjer, sadrži

pristup objavama, ali ne i stranicama.

Napomena

Briga o sigurnosti web-sjedišta provodi se u

svim skupinama, u svakoj na svoj način.


119

Suradnik u popisu objava vidi sve objave, ali može pregledati samo

svoje objave te one koje su objavljene – sadržaj objava drugih korisnika

koje su na čekanju, u stanju skice i sl., suradnik ne vidi. On može

dodavati svoje objave te svoje neobjavljene objave uređivati i brisati, dok

mu je rad na objavljivanju onemogućen na dva načina:

ne može mijenjati svoje objavljene objave

za završavanje rada na objavi umjesto gumba Objavi ima gumb

Pošalji na recenziju.

Objave koje napiše suradnik pregledavaju, po potrebi mijenjaju te

objavljuju korisnici s ulogom urednika ili administratora.

Korisnik s ulogom suradnika ne može dodavati nove kategorije, kao ni

zapise u zbirku medija.

Autor je uloga namijenjena korisnicima koji će biti potpuno odgovorni za

svoje objave, ali neće moći raditi na objavama drugih korisnika. Zato

autori mogu dodavati slike i ostale medijske zapise te spremati svoje

objave u svim stanjima.

Urednik može uređivati objave svih korisnika, ali i više od toga – stvarati

nove kategorije u koje će suradnici i autori moći svrstavati svoje objave.

Osim toga, urednici su prva skupina korisnika koji na prednjoj strani vide

i sve objave s oznakom privatno – korisnici s manje prava vide takve

objave samo ako su ih sami napisali.

Za razliku od korisnika s prethodnim ulogama urednik može uređivati i

stranice, što još jednom ističe ideju da se na stranicama trebaju nalaziti

trajni podaci s iznimnim značenjem za cijelo web-sjedište, dok se podaci

privremene ili ograničene vrijednosti trebaju nalaziti u objavama.

Administrator je uloga koja se pridružuje prvom korisniku web-sjedišta

stvorenoga pomoću WordPressa i koja osim svih poslova s objavama i

stranicama omogućava i uređivanje postavki koje se odnose na cijelo

web-sjedište – od izbora teme, preko rasporeda widgeta nadalje.

Preporuča se da web-sjedište ima samo jednog administratora,

a postojanje svakoga sljedećeg mora imati vrlo dobar razlog.

Čak i u slučaju da administrator zaboravi svoju lozinku ona se

može ponovno postaviti slanjem poruke e-elektroničkom poštom s

ekrana za prijavu (ako je slanje poruka omogućeno) ili poznavajući samo

pristupne podatke za bazu podataka.

Slična bi se praksa trebala nastaviti i na nižim razinama tako da korisnici

dobivaju samo uloge koje su im nužne i koje obuhvaćaju poslove koje su

spremni obavljati bez opasnosti za ostatak web-sjedišta.

Postoje brojni dodaci koji ili omogućavaju dodjeljivanje

drugačijih ovlaštenja skupinama korisnika ili čak omogućavaju

drugačije definirane i imenovane uloge. Jedan je od moćnih, ali

i složenih dodataka s takvim funkcijama Role Editor.

Nasuprot tom dodatku, za web-sjedišta na kojima trebaju postojati autori

zaduženi za pojedine kategorije postoji vrlo jednostavan dodatak,


120

Restrict Author Posting, koji profilu korisnika dodaje još polje za izbor

kategorije u kojoj taj korisnik može objavljivati sadržaje. Ako se ne

izabere kategorija, autor može objavljivati u svim kategorijama.

9.2. Pregled postojećih korisnika i dodavanje novoga

Popisu korisnika se u WordPressu pristupa putem izbornika nadzorne

ploče Korisnici.

Popis korisnika je tablica nalik na popise objava i stranica s

mogućnostima sortiranja i filtriranja te gumbom za dodavanje novoga

korisnika. Najvažniji su podaci u toj tablici korisničko ime i uloga

korisnika jer korisničko ime identificira korisnika, a uloga određuje

njegova prava.

Tablica korisnika neposredno nakon dodavanja

triju korisnika različitih uloga.

Korisnički su podaci koji se upisuju pri stvaranju novoga korisnika:

korisničko ime – mora biti jedinstveno u sustavu i ne može se

naknadno mijenjati

adresa elektroničke pošte – mora biti stvarna jer WordPress

može slati poruke o stanju objavljivanja objava, komentarima i

promjeni lozinke i drugom

ime i prezime – promjenjivi podaci

lozinka i pošalji lozinku – lozinka je početna lozinka koja se može

elektroničkom poštom poslati korisniku zajedno s linkom pomoću

kojeg može doći do stranice za promjenu lozinke; ako administrator

upiše prejednostavnu (slabu) lozinku, mora potvrditi da prihvaća

rizik upotrebe takve lozinke, koju programi mogu otkriti upotrebom

grube sile

uloga – polje koje tijekom rada administrator može promijeniti.


121

9.3. Korisnički podaci u WordPressu

Svaki korisnik klikom na svoje podatke u desnom gornjem kutu ekrana

može doći do stranice za promjenu svojih korisničkih podataka, pa tako

može promijeniti, na primjer, ime, prezime, nadimak te koji će od

navedenih podataka biti vidljiv posjetiteljima.

Poželjno je da se javno ne vidi korisničko ime korisnika jer ono

može poslužiti napadačima za ulaz u sustav – treba još „samo“

pogoditi lozinku, što za slabe lozinke programi bez problema

odrade.

Nažalost, korisničko se ime vidi u adresi stranice sa svim člancima

autora. To se može promijeniti ili instalacijom dodatka ili izravnim

zahvatom u tablicu korisnika u bazi podataka.

Nadalje, korisnik može promijeniti lozinku, jezik sučelja (elemenata koje

prikazuje WordPress) i druge podatke.

Korisnički podaci prikazani uz komentar i različiti avatari.

Ako je administrator web-sjedišta omogućio prikazivanje avatara, uz

identifikaciju korisnika se, na primjer u komentarima, prikazuje i njegova

profilna slika. Ona se ne može promijeniti izravno, nego je jednaka kao

na drugim web-sjedištima koji kao slike prikazuju gravatar, a na koje se

korisnik prijavio pomoću iste adrese elektroničke pošte.

Korisnik koji nema svoj gravatar dobiva sliku u skladu s postavkama koje

je administrator odredio na stranici Postavke Rasprava:

Namještanje postavki – izgled avatara za korisnike koji nemaju svoj gravatar.

Napomena

Gravatar je skraćenica od Globally Recognized Avatar, globalno prepoznati avatar (lik koji predstavlja korisnika).


122

9.4. Olakšavanje grupnoga rada

Na svakom poslu na kojem radi skupina ljudi treba odrediti popis

poslova svake osobe te tijek dokumenata između njih. Izrada

web-sjedišta tu nije iznimka, pa, kao prvo, treba razmisliti o rasporedu

objavljivanja sadržaja da bi se sadržaji koji nisu hitni ravnomjerno

rasporedili kroz vrijeme. Za svaku objavu ili stranicu treba odrediti

podjelu poslova pri pisanju i objavljivanju objava (pisanje teksta,

priprema slika, umetanje slika, jezična provjera itd., sve do konačnog

objavljivanja), a treba se dogovoriti i o nizu drugih sitnica kao što su

veličina i položaj slika u tekstovima, odluka o izboru poslužitelja za video

zapise, stil pisanja i mnogi drugi.

O svim se ovim, a i mnogim drugim detaljima ljudi koji surađuju na izradi

web-sjedišta moraju dogovoriti prije početka rada ili čim uoče potrebu za

propisivanjem nekoga postupka ili pravila.

Ljudi se mogu dogovoriti i raditi u najboljoj namjeri, ali je česta

pojava da mnoge dogovore zaborave. Zato WordPress ima niz

dodataka koji olakšavaju praćenje dogovora.

Na primjer, dodatak Require Featured Image ne dozvoljava objavljivanje

objava bez istaknute slike čime se, ako se uspije zadržati kvaliteta i

informativnost istaknutih slika, postiže ujednačen izgled naslovnice koji

posjetitelje privlači na sljedeći klik.

Mnoštvo dodataka omogućava definiranje koraka pri objavljivanju

sadržaja (engl. workflow). Jedan od njih je Edit Flow koji sadrži niz

funkcija koje se mogu naći i u zasebnim dodacima: kalendar, mogućnost

definiranja novih stanja objava (na primjer, spremno za objavljivanje ili

lektura dovršena), komentare članova tima na napisani sadržaj i drugo.

Vrlo je korisno i obavještavanje administratora ili urednika elektroničkom

poštom nakon što netko od suradnika pošalje svoju objavu na pregled,

za što postoje i posebni, mali dodaci, poput Pending Submission

Notifications.

Postoji niz dodataka koji na stranici za sastavljanje objave prikazuju

popis poslova koje treba obaviti. Neki dodaci administratoru

omogućavaju sastavljanje popisa prilagođenih njegovu web-sjedištu, dok

su drugi namijenjeni prvenstveno autorima blogova da bi ih stalno

podsjećali na savjete za izradu uspješnih blogova. Za svaki dovršeni

posao sâm dodatak ili autor stavljaju kvačicu označavajući da je

odgovarajući posao završen.

Niz dodataka usmjereno je prema vođenju projekata te se oni mogu

iskoristiti ili kao pomoć u radu ili samo kao ideja na što bi se sve trebalo

paziti u grupnom, ali i pojedinačnom radu.


123

9.5. Vježba: Stvaranje novih korisnika i suradnja autora

Stvaranje korisnika:

1. Stvorite tri nova korisnika s ulogama suradnik, autor i urednik.

Ako radite u učionici, na tečaju, korisničke podatke za barem jednu

od ovih uloga dajte kolegi, a od istog ili drugog kolege preuzmite

korisničke podatke koje ćete upotrebljavati za rad na njegovu

web-sjedištu te adresu web-sjedišta.

2. Ako ovaj zadatak radite s kolegama u učionici, prijavite se na

web-sjedišta za koja ste dobili podatke.

Ako ovaj zadatak ponavljate sami, u anonimnom prozoru

web-preglednika u kojem radite prijavite se kao korisnik koji je

suradnik, u drugom web-pregledniku se prvo prijavite kao autor, a

u njegovu anonimnom prozoru kao urednik.

3. Pregledajte korisničke podatke za jednog od korisnika u čije ste se

ime prijavili. Promijenite lozinku.

Uloga suradnika:

4. U ulozi suradnika pregledajte izbornik nadzorne ploče i popis

objava.

5. Kao suradnik napišite objavu s naslovom T-čvor i jednom

rečenicom, T-čvor služi za postavljanje pomoćnog užeta na glavno

da bi se na pomoćno uže objesio neki predmet.

Postavite objavu u stanje skice i vratite se na popis objava.

6. Ako radite u učionici, zamolite vlasnika web-sjedišta da u ulozi

administratora pogleda vaš članak. Vidi li vaš članak i polaznik koji

se prijavio kao urednik? A autor? Tko može uređivati poruku

suradnika?

Analogan zadatak riješite i ako ovaj zadatak radite sami.

Onaj tko otvori poruku za uređivanje neka je ostavi otvorenu.

7. Kao suradnik se pokušajte vratiti u uređivanje objave. U čemu je

problem?

Neka sad korisnik koji „drži“ objavu izađe iz uređivanja objave te

se vrati na popis objava.

8. Suradnik treba završiti objavu. Može li dodati sliku?

9. Neka urednik objavi suradnikovu objavu. Može li urednik dodati

sliku?

10. Suradnik želi nešto izmijeniti. Može li to učiniti?

Uloga autora:

11. Ponovite prethodni blok zadataka iz uloge autora. Objava koju ćete

stvoriti neka se zove Cvjetići te neka sadrži samo jednu rečenicu,

Od užeta se vrlo jednostavno mogu napraviti modeli cvjetića.


124

Uloga urednika:

12. Proučite izbornik nadzorne ploče te navedite stavke izbornika koje

nedostaju u odnosu na ulogu administratora.

13. Pregledajte revizije objave T-čvor.


125

10. Komunikacija unutar WordPressa

Za razliku od običnih web-stranica koje su u početku razvoja blogova

bile raširene među tvrtkama i ustanovama, blogovi su od početka bili

zamišljeni kao sredstvo za objavljivanje tekstova privatnih osoba. Budući

da su privatne osobe objavljivale sadržaje iz želje za komunikacijom,

blogovi su od početka često imali ugrađenu mogućnost komuniciranja, a

da bi komunikacija bila vezana za područja koja zanimaju vlasnike

blogova, kao glavno sredstvo komunikacije pojavilo se komentiranje

članaka, koje je obično naraslo do raspravljanja o člancima.

U međuvremenu su se razvile i mnoge vrste komunikacije unutar

blogova, ali će u ovom tečaju biti istaknuti samo komentari, koji su cijelo

vrijeme jednako aktualni, te ispunjavanje obrazaca kao dobra zamjena

za upotrebu e-pošte.

10.1. Komentari

Komentarima je najbolje upravljati tako da se unaprijed odrede

mogućnost komentiranja i pravila. Zato je poželjno globalno, za cijelo

web-sjedište, uključiti ili isključiti komentare, a za pojedine objave ili

stranice eventualno postaviti iznimke.

Sve su opcije dostupne putem izbornika nadzorne ploče, Postavke

Rasprava, a najvažnija je opcija u skupini Izvorne postavke članka:

Dopusti drugima da objavljuju komentare na druge objave. Ona zadaje

unaprijed određenu postavku dozvole ili zabrane komentiranja koja se

može zaobići na razini svake pojedine objave ili stranice.

Postoji još niz opcija vezanih za komentare:

opcije koje ograničavaju pisanje komentara, uglavnom u skupini

Ostale postavke komentara:

- autor komentara mora popuniti ime i adresu e-pošte, što je

dobro za one koji se žele predstaviti, ali je samo formalno

ograničenje jer komentator koji želi ostati anoniman može u

to polje upisati bilo kakvu, pa i izmišljenu, adresu


na razini web-sjedišta postaviti općenite postavke za

komentiranje prema svojim potrebama

za pojedinu objavu ili stranicu uključiti ili isključiti komentiranje

upravljati komentarima pomoću popisa komentara na nadzornoj

ploči

sastaviti obrazac pomoću alata WPForms i time se pripremiti za

rad s drugim dodacima

nabrojati ostale načine komunikacije unutar WordPressa.


126

- korisnici moraju biti registrirani i prijavljeni za objavu

komentara je stvarno ograničenje na mogućnost slanja

poruka, ali osim na poslužiteljima s mnoštvom web-sjedišta,

gdje su svi autori prijavljeni (na primjer, wordpress.com),

zahtijeva stvaranje korisničkih računa za sve koji bi željeli

komentirati, što je akcija o čijoj se isplativosti treba razmisliti

- automatski zaključaj komentiranje na članke starije od N

dana onemogućava komentiranje objava koje možda više

nisu aktualne

- komentar mora biti ručno odobren

postavke koje mogu ubrzati reagiranje na komentare, Dojavi mi

e-poštom kad god:

- netko napiše komentar

- komentar je zadržan za moderiranje.

Postavke rasprava sadrže još nekoliko opcija koje se uglavnom odnose

na prikaz i organizaciju komentara, dok nekoliko postavki služi za

stavljanje komentara koji bi mogli biti neugodni u popis za moderiranje

komentara ili u crnu listu komentara, tj. brisanje. Mogu se sumnjivima

proglasiti svi komentari s više od određenog broja linkova, te komentari

koji sadrže unaprijed zadane riječi. Nažalost, ovakav pristup neželjenim

porukama može poslužiti samo iznimno jer će komentatori koji žele

poslati poruku neugodnoga sadržaja lako zaobići pisanje nepoželjnih

riječi.

Za posebno osjetljive objave može se uključiti ili isključiti komentiranje

neovisno o postavkama cijeloga web-sjedišta.

Uključivanje komentara pri uređivanju objave.

Ako okvir Rasprava nije vidljiv, treba ga uključiti

klikom na gumb Opcije zaslona kod uređivanja objave.

Prema navedenom, administrator i autori članaka mogu precizno odrediti

na koje će se objave moći pisati komentari i kako će oni biti objavljeni.

Dakle, ako na stranici vidi polje za komentiranje, posjetitelj može i smije

pisati komentare koji će biti objavljeni odmah ili koji moraju prvo biti

pregledani i odobreni prije objavljivanja, što također ovisi o postavljenim

opcijama rasprave. Nepregledane komentare mogu za svoje objave

pregledavati autori, za sve članke urednici i administratori, dok ih

odobravati ili brisati mogu samo urednici i administratori. Komentari se

mogu brisati i naknadno, nakon objavljivanja.


127

Pisanje komentara, obavijesti o pristiglom komentaru na nadzornoj ploči

i popis svih komentara.

Način rada s komentarima jednak je načinu rada s većinom popisa u

WordPressu, što znači da su prikazani u obliku tablice koja se može

sortirati i filtrirati, a na raspolaganju su pojedinačno uređivanje, grupne

akcije i brzo uređivanje.

Akcije koje su omogućene kod komentara jesu:

prihvaćanje i odbacivanje komentara

brisanje komentara

proglašavanje komentara spamom, nakon čega je uklonjen s

glavnog popisa i mora se ručno obrisati

uređivanje i brzo uređivanje, kao kod objava i stranica, pri čemu se

nakon uređivanja ne vidi da je komentar izmijenjen

odgovaranje, koje je jednako kao odgovaranje na poruke s prednje

stane web-sjedišta, ali se nalazi i ovdje radi potpunosti.

Akcije na komentarima za još neprihvaćenu i za prihvaćenu poruku.

Putem komentara mogu se širiti i neželjene poruke koje bi

administratora i urednika mogle bespotrebno opteretiti. Budući

da je to česta pojava, u početnu je instalaciju WordPressa

uključen dodatak Akismet.

Nakon omogućavanja dodatka Akismet treba još nabaviti API

ključ koji je vezan za web-sjedište, za što se treba prijaviti na

web-sjedište wordpress.com. Takva je prijava potrebna za sve

dodatke tvrtke Automattic, koja je vlasnik web-sjedišta wordpress.com.

Napomena

API ključ je niz znakova

kojim se jedna aplikacija (u ovom slučaju konkretna instalacija WordPressa

predstavlja drugoj da bi od nje dobila neku uslugu.


128

Sa stranica postavki dodatka administrator se upućuje na stranice za

dobivanje API ključa, koji treba kopirati u postavke dodatka te potvrditi

ostale postavke, namještene tako da se slučajno ne obriše neki dobar

komentar.

Akismet uči o neželjenim porukama na primjerima, među ostalim iz

svakog ljudskog označavanja poruke spamom. Zato je važno razlikovati

funkcije Spam i Smeće pri uređivanju poruka te uvijek upotrebljavati

prikladnu.

Osim navedenog dodatka za uklanjanje spama, postoji i niz drugih koji

spam sprečavaju na sličan ili drugačiji način. Tako neki dodaci za

dodavanje komentara od posjetitelja očekuju da dokažu da su ljudi, tj.

da, na primjer, sa slike prepišu neki sadržaj. Takvi se izazovi zovu

CAPTCHA, pa i dodaci obično imaju taj naziv u imenu.

10.2. Obrasci za kontakt

Obrasci za kontakt na web-stranicama služe za dvije svrhe: da bi

omogućili slanje porukama korisnicima koji u trenutku pisanja nemaju

pristup elektroničkoj pošti i za potpuno skrivanje adresa elektroničke

pošte sa stranica. Druga je funkcija važna zato što postoje programi za

skupljanje adresa elektroničke pošte s ciljem slanja neželjenih poruka i

ni jedna zaštita osim potpunog skrivanja adrese sa stranica nije

savršena.

Obrasci za kontakt nisu sastavni dio početne instalacije

WordPressa, nego se dodaju u obliku dodataka.

Obrasci upisane podatke najčešće šalju e-poštom na

unaprijed određenu adresu (ne nužno samo adresu navedenu u

svojstvima web-sjedišta jer se upiti mogu odnositi na razne osobe unutar

organizacije), ali se od njih često očekuje mnogo više.

Sa stanovišta vlasnika web-sjedišta zanimljive su funkcije upisivanje

odgovora u bazu podataka i CAPTCHA, pitanje ili drugi postupak koji

razlikuje čovjeka od programa namijenjenog ispunjavanju obrazaca radi

loših namjera svog autora. Autori obrazaca žele i pitanja različitih vrsta –

od upisivanja kratkog ili dugog teksta, preko izbora jednog ili više

odgovora do padajućih popisa.

Posjetitelji će biti zadovoljni ako, na primjer, mogu dobiti kopiju

poslanoga sadržaja na svoju adresu elektroničke pošte.

Opisanih dodataka ima mnoštvo, a mnogi su besplatni samo u osnovnoj

verziji. U nastavku tečaja bit će opisan jednostavan dodatak WPForms.

Sastavljanje obrazaca dodatkom WPForms

Nakon aktivacije dodatka WPForms na izborniku nadzorne ploče

pojavljuje se link WPForms, kojim se otvara podizbornik za rad s

obrascima. Struktura podizbornika nalikuje na podizbornike za rad s

Napomena

CAPTCHA je kratica koja označava pitanje ili bilo koji drugi postupak koji razlikuje čovjeka od stroja.


129

objavama i stranicama te sadrži mogućnost pregleda svih obrazaca,

stvaranja novog i drugo.

Novi se obrazac može stvoriti iz praznog obrasca ili iz predloška, od

kojih je za početak najzanimljiviji obrazac za kontakt.

Predložak za obrasce za kontakt sadrži polja ime i prezime, adresa

elektroničke pošte za odgovor i polje za poruku, a klikom na Add fields

mogu se dodati i druga polja. U besplatnoj su verziji dostupne sve

klasične vrste polja.

Raspoložive vrste polja u besplatnoj verziji.

Svako polje ima svoja svojstva koja se mogu mijenjati klikom na polje i

ispunjavanjem svojstava na lijevoj strani ekrana . Polja se mogu

pomicati mišem unutar obrazaca, te kopirati i brisati odgovarajućim

gumbima koji se nalaze uz polje.

Uređivanje svojstava polja vrste padajući popis (engl. dropdown).

Nakon postavljanja svih polja i uređivanja izgleda obrasca treba urediti

njegove postavke koje se odnose na slanje. Sve se postavke nalaze pod

točkom Settings, grupirane u tri skupine:


130

General – općenite postavke, obuhvaćaju naslov obrasca te

natpise na gumbu za slanje i tijekom slanja poruke

Notifications – obavijesti, obuhvaćaju postavke vezane za slanje

poruke – adresu primatelja, naslov poruke i slično

Confirmation – potvrda, sadržaj poruke koja će biti prikazana na

ekranu nakon slanja poruke; to može biti poruka koja će se na

stranici nalaziti umjesto obrasca, ali i neka druga stranica unutar

web-sjedišta ili izvan njega (message/page/goto URL).

Pri sastavljanju poruke treba uočiti da se u nju uključuju nazivi i sadržaji

polja s obrasca i to:

{all_fields} su sva polja zajedno s opisima

{field_id="0"} je prvo polje

{field_id="1"} je drugo polje itd.

Nakon sastavljanja obrazac treba spremiti.

Bilo koji od stvorenih obrazaca može se u objavu ili na stranicu dodati

gumbom Add Form koji se nalazi iznad editora pri uređivanju objave,

odnosno stranice ili upisivanjem kratkoga kôda (shortcode). Kratki kôd

se može dobiti klikom na gumb Embed koji je vidljiv tijekom uređivanja

obrasca i njegovih opcija, a osnovni je oblik kratkoga kôda [wpforms

id="103"], pri čemu je broj u navodnicima identifikacija obrasca.

Shortcode za uključivanje obrasca zalijepljen u tekst

i obrazac prikazan na stranici.

Nakon izlaska iz uređivanja obrasca dobiva se popis obrazaca nalik na

popis objava ili stranica u kojem se obrazac može, na primjer, kopirati

(engl. duplicate), te se kopija može upotrijebiti kao obrazac istog ili

sličnog sadržaja koji će biti namijenjen za slanje poruka drugoj osobi.


131

Neovisno od pojedinog obrasca u postavkama dodatka WPForms

dostupnim s nadzorne ploče WPForms Settings može se definirati

captcha, provjera koju prolaze ljudi, a ne prolaze programi koji bi putem

obrazaca slali neželjene poruke.

Postoji mnogo različitih postupaka kojima se provjerava ispunjava li

obrazac osoba ili ne, a dodatak WPForms upotrebljava Googleove

postupke pod imenom reCAPTCHA. Postupak se stalno pomalo mijenja,

pa je tako početkom 2017. novost da captcha ne mora biti vidljiva, nego

na temelju akcija u web-pregledniku shvati da je riječ o čovjeku.

CAPTCHA se omogućava za sve obrasce na web-sjedištu tako da, na

primjer, s već spomenute stranice postavki dodatka WPForms

administrator linkom prijeđe na stranicu reCAPTCHA-e,

https://www.google.com/recaptcha/intro/index.html, prijavi se na Google

svojim računom te tamo prema uputama dobije ključ web-sjedišta i

tajni ključ.

Na kraju administrator mora još u svojstvima svakoga pojedinog obrasca

omogućiti CAPTCHA-u.

Vidljiva, ali jednostavna, CAPTCHA u obrascu

u kojoj posjetitelj klikom treba potvrditi da nije robot.

10.3. Pregled ostalih načina komuniciranja unutar WordPressa

Komunikacija nije nužno pisanje poruka, nego i bilo kakvo drugo

reagiranje na sadržaj web-sjedišta. Štoviše, budući da se ljudi rijetko

odlučuju za pisanje, treba im ponuditi drugačije načine izražavanja

mišljenja.

Najvažniji dodatni načini komunikacije jesu:

ocjenjivanje pojedinih objava i(li) stranica, pri kojemu posjetitelj

samo izabire ocjenu

glasovanje, odgovaranje najčešće na jedno pitanje s izborom

odgovora (engl. poll)

ankete, odgovaranje na niz pitanja koji se može protezati i na

nekoliko stranica (engl. questionaire, iako se može pronaći i pod

nazivom survey).

Za sve ove, a i mnoge druge načine komunikacije postoje dodaci

WordPressu.

Dodaci namijenjeni ocjenjivanju pojedinih objava mogu

omogućavati dodavanje ocjenjivanja u svaku objavu pomoću

kratkih kodova (engl. shortcode), a uz znanja koja najčešće


132

premašuju opseg ovoga tečaja omogućavaju i automatsko uključivanje

za sve objave. Ocjenjivati se mogu i stranice.

Važno je da dodatak onemogućava višestruko ocjenjivanje s istog

računala ili barem preglednika.

Uz dodatke namijenjene ocjenjivanju često se instaliraju i widgeti s

popisima objava i stranica s dobivenim ocjenama sortiranima po raznim

kriterijima (najbolje ocijenjeni, najčešće ocijenjeni, pa općenito ili unutar

kategorije itd.).

Korisno je i da članovi tima koji surađuje na izradi web-sjedišta mogu

posebno ocjenjivati članke putem sučelja nadzorne ploče.

Ocjena ispod objave nakon što ju je posjetitelj ocijenio

te widget s popisom najbolje ocijenjenih objava – dodatak WP-PostRatings.

S dodacima namijenjenima za kratka pitanja u pravilu se radi

tako da se postavi pitanje, pa se onda odgovarajuće pitanje

uključuje u tekst ili se objavljuje u obliku widgeta, na primjer, u

nekoj od bočnih traka.

Za kratka je pitanja poželjno da se mogu automatski otvarati i zatvarati

ovisno o zadanom vremenu.

Pitanje postavljeno dodatkom Democracy

koji ima mogućnost upisivanja vlastitog odgovora.


133

Od svih su navedenih dodataka najsloženije ankete jer treba

postaviti pitanja prikladnih vrsta te pregledno organizirati

sadržaj po stranicama, eventualno uz prikazivanje drugačijega

skupa pitanja ovisno o odgovorima na prethodna pitanja.

Iako postoje brojni dodaci za tu svrhu, u slučaju rijetkih anketa

preporuča se upotrijebiti neki vanjski, profesionalni alat te u tekst uključiti

samo link. Ova preporuka ide toliko daleko, da postoji dodatak

SurveyPress za integraciju upitnika u alatu LimeSurvey s Wordpressom.

Od ostalih načina komunikacije treba još spomenuti danas sve manje

popularan pingback koji je uključen u osnovnu instalaciju WordPressa.

Riječ je o sustavu komunikacije između blogova koji, kad je uključen i

kad god se spomene objava iz drugog bloga, obavijesti autora izvornoga

članka.

10.4. Vježba: Komunikacija unutar WordPressa

Slobodno komentiranje:

1. Namjestite postavke komentiranja tako da svatko može komentirati

i da se komentari odmah objavljuju.

2. U anonimnom prozoru web-preglednika, neprijavljeni, komentirajte

jednu objavu. Pregledajte objavu.

U drugom web-pregledniku, glumeći treću osobu, pregledajte

objavu.

Moderiranje rasprave:

3. Namjestite postavke komentiranja tako da svatko može

komentirati, ali zabranite jednu riječ.


jednu objavu upotrebljavajući zabranjenu riječ. Pregledajte objavu.

Kao administrator odobrite komentar te kao obični posjetitelj

ponovno pregledajte objavu.

5. Namjestite postavke komentiranja tako da svatko može

komentirati, da se komentari moderiraju i da na službenu adresu

e-pošte web-sjedišta stižu poruke o komentarima.


jednu objavu. Pregledajte objavu.

U drugom web-pregledniku, glumeći treću osobu, pregledajte

objavu.

Kao administrator pregledajte poštu. Obrišite komentar.

Napomena

Od vanjskih alata s izvrsnim prikazom rezultata ističu se Googleovi obrasci, LimeSurvey (npr. limesurvey.srce.hr), SurveyMonkey i drugi.

Napomena

Ako ove zadatke ponavljate sami, komentirajte u anonimnom prozoru web-preglednika.


134

Povratna informacija posjetitelja autorima web-sjedišta:

7. Stvorite obrazac za slanje upita na stranici Tečajevi. Upitnik treba

sadržavati polja za podatke o posjetitelju: ime, prezime, godina

rođenja i adresa e-pošte. U obliku padajućega popisa treba

ponuditi nekoliko područja interesa vezanih za čvorove, te dodatno

polje za dodatne poruke i komentare.

Testirajte obrazac.

8. Instalirajte neki dodatak za ocjenjivanje objava i stranica (ili samo

objava), uključite ga prema uputama za pojedini dodatak i testirajte

ga ocjenjujući objavu što je moguće više puta.

Dodajte widget s prikazom ocijenjenih objava (na primjer, najčešće

ocjenjivane objave).

9. Instalirajte dodatak za izradu kratkoga pitanja. Dodajte pitanje

„Koju biste boju izabrali?“ nakon objave Šarene šestice,

pregledajte objavu i pokušajte što je moguće više puta odgovoriti

na pitanje.

Uključite widget s kratkim pitanjem na naslovnicu.


135

11. Komunikacija s drugim sustavima

Premda bi svaki autor htio da mu se vjerni posjetitelji samoinicijativno

redovito vraćaju na njegovo web-sjedište, posjetitelji obično imaju

drugačije ideje – oni žele biti obaviješteni o novostima koje ih zanimaju

putem onih kanala koji su njima najpraktičniji. Danas su to najčešće

društvene mreže, iako se često upotrebljavaju i posebno skrojene

poruke elektroničke pošte kojima se o novostima obavještavaju osobe

koje su to zatražile (tzv. newsletter).

Bez obzira na osobne stavove vlasnika web-sjedišta o društvenim

mrežama, činjenica da mnoštvo ljudi redovito prima obavijesti tim putem

vodi do potrebe za stvaranjem stranica koje sadržajem prate

web-sjedište.

Budući da je princip rada za sve društvene mreže vrlo sličan, u nastavku

će u opisima biti navedeni samo postupci za trenutačno najrašireniju

društvenu mrežu, Facebook.

Za prikupljanje potencijalnih posjetitelja web-sjedišta Facebook je

zanimljiv iz dva razloga:

omogućava širenje informacija o zanimljivim sadržajima na webu

(dijeljenje) i zanimljivim stranicama na Facebooku (lajkanje),

prvenstveno u krugu ljudi koji imaju neke zajedničke interese, pa bi

im se mogle svidjeti iste stranice

posjetitelji kojima se već svidjelo web-sjedište mogu putem

praćenja stranice na Facebooku ostati obaviješteni o svim

novostima.


prepoznati različite načine komunikacije s društvenim mrežama

na tuđem web-sjedištu

na svoje web-sjedište uključiti linkove na vlastite stranice na

društvenim mrežama

uključiti alate za dijeljenje sadržaja na društvenim mrežama za

sve objave

navesti glavne korake za pripremu automatskog slanja

obavijesti o novim objavama vlastitog web-sjedišta na društvene

mreže, te moguće intervencije administratora u sadržaj

obavijesti

prikazati u web-pregledniku RSS izvor tuđega web-sjedišta ako

za njega ima adresu (na primjer, u obliku linka na stranici)

uključiti tuđi RSS izvor poznate adrese na svoje web-sjedište u

obliku widgeta i namjestiti mu postavke

prikazati RSS izvore s vlastitog web-sjedišta u web-pregledniku

postaviti linkove na vlastite RSS izvore na prikladna mjesta na

stranici

Napomena

Širenje dobroga glasa o stranicama putem društvenih mreža jest nadopuna dobrom položaju na tražilicama jer se tako dolazi do budućih posjetitelja koji se možda ne bi sjetili potražiti sadržaj koji ih u stvari zanima.


136

Zbog svega je navedenoga dobro da posjetitelji, čim im se svidi sadržaj

web-sjedišta, imaju priliku brzo razglasiti vijest o zanimljivoj stranici ili

otići na stranicu na Facebooku i proglasiti je stranicom koja im se sviđa

te u budućnosti pratiti njezine objave.

11.1. Veza na stranicu na društvenim mrežama

Premda se može postaviti bilo kakav link na stranice na društvenim

mrežama, danas je uobičajeno da se linkovi na stranice na raznim

društvenim mrežama grupiraju u niz, tj. izbornik za društvene mreže.

Obično se koristi činjenica da društvene mreže imaju prepoznatljive

logotipove, pa izbornici na položajima određenima za društvene mreže

mogu prepoznati i preko dvadeset najčešće upotrebljavanih društvenih

mreža te za njih postaviti ikone umjesto tekstnih linkova.

Linkovi na razne društvene mreže u temi Twenty Sixteen.

Pretposljednji je link za slanje elektroničke pošte,

a posljednji link za RSS izvor koji će biti opisan na kraju ove cjeline.

Katkad je prirodno postaviti vezu na vlastite ili tuđe stranice na

društvenim mrežama tako da se prikažu najnovije objave.

Facebook takav sadržaj naziva page plugin, a u WordPressu

je najjednostavnije instalirati neki od dodataka koji će ga uključiti.

Kod svakog od tih dodataka administrator mora biti spreman na

namještanje niza opcija da bi postigao prikazivanje samo potrebnih

podataka na stranicama, pri čemu izbor opcija najviše ovisi o vezi

web-sjedišta sa stranicom na Facebooku (na primjer, je li sadržaj tih

dvaju izvora sličan ili se sadržaji nadopunjavaju). Dva dodatka koji mogu

zadovoljiti zaista različite zahtjeve jesu besplatne verzije Custom

Facebook Feed i Facebook Feed, podjednaki dodaci koji dokazuju da se

o mogućnostima programa ne smije suditi na temelju imena.

Napomena

Facebook ima izvrsnu podršku za postavljanje svih uobičajenih načina komunikacije (developers.facebook.com/docs/plugins), ali predznanje potrebno za njihovu upotrebu premašuje potrebno predznanje za ovaj tečaj, te će u nastavku biti opisani dodaci WordPressu koji obavljaju

najčešće upotrebljavane zadatke.


137

Okvir sa sažetkom stranice s Facebooka

prikazan pomoću dodatka Facebook Feed.

11.2. Reagiranje na objavu putem društvenih mreža

Link na bilo koju stranicu može se proširiti društvenim mrežama tako da

posjetitelj koji stranicu smatra zanimljivom kopira njezinu adresu, zalijepi

je na svoj ili tuđi zid te da tako stvoreni link vidi njegova izabrana publika

– prijatelji, članovi grupe, svi korisnici ili neka druga skupina.

Da bi se vijesti o zanimljivim stranicama širile brže, postoje načini kojima

posjetitelj može objaviti adresu stranice uz još manje napora. Zato se

porukama dodaju gumbi za reagiranje (lajkanje u slučaju Facebooka) i

gumbi za dijeljenje.

Iako se linkovi i za dijeljenje i za lajkanje mogu lako napisati, i

za ovu funkciju postoje dodaci koji mogu omogućiti

odgovarajuće postupke za jednu društvenu mrežu ili za čitav

niz, svrstavajući linkove u uredne nizove.

U slučaju Facebooka odgovarajući se dodaci zovu like button i share

button, a poznavanje imena može olakšati pretraživanje WordPressovih

dodataka za administratore koji ih ne žele ili ne mogu uključiti izravno,

prema Facebookovim uputama.

Za posjet cijelom nizu mreža zanimljivi su vrlo jednostavan dodatak

AddToAny Share Buttons te Social Media and Share Icons (Ultimate

Social Media). Potonji kroz vrlo nestandardno sučelje te niz pitanja i

savjeta administratore potiče da razmisle o svakom detalju dijeljenja na

društvenim mrežama, obliku, smještaju i ponašanju ikona i drugom, što

može biti korisno za kasnije traženje jednostavnijega, specijaliziranog

dodatka koji će savršeno pristajati web-sjedištu.


138

Ikone za reagiranje putem društvenih mreža stvorene pomoću dodataka

AddToAnyShare Buttons i

Social Media and Share Icons (Ultimate Social Media).

11.3. Prenošenje objava na društvene mreže

U skladu s izrekom „Što nije bilo na Facebooku, nije se dogodilo“, a i

ranije navedenom činjenicom da se mnogi ljudi oslanjaju isključivo na

informacije koje pristižu putem društvenih mreža, dobro je omogućiti

jednostavno prenošenje najava objavljenih sadržaja s web-sjedišta na

društvene mreže.

Svaka se objava može prenijeti na društvene mreže kopiranjem adrese

stranice u objavu na društvenoj mreži.

Postoje brojni dodaci koji prenose najave novih objava na

razne društvene mreže kao i dodaci koji su specijalizirani za

jednu od njih.

Bez obzira na odluku o broju društvenih mreža na koje će se

istovremeno prenijeti podaci, poželjno je da je prenošenje linkova na

nove objave jednim klikom, gotovo automatsko, s mogućnošću

isključivanja za objave koje nisu u skladu s idejom o sadržaju ili tonu

objava na Facebook stranici.

Za koji god se dodatak administrator odlučio, postoji jedan preduvjet:

treba povezati društvenu mrežu s web-sjedištem s kojeg će biti slane

objave. Taj je postupak ovisan o društvenoj mreži i može se mijenjati, a

opisan je u uputama ozbiljnih dodataka. U slučaju Facebooka treba za

web-sjedište zatražiti App ID i App Secret te navedene podatke upisati u

postavke dodatka. Postupak završava autorizacijom aplikacije.

Jedan od dodataka s preciznim uputama za postavljanje je NextScripts:

Social Networks Auto Poster Options.

11.4. Primanje tuđih popisa iz RSS izvora

Većina današnjih web-sjedišta izgrađena je pomoću CMS-ova i nije

nikakav problem iz baze podataka izvući popis najnovijih objava. Jedan

od oblika tih objava zove se RSS (engl. Really Simple Syndication), a

popisi objava, RSS izvori (engl. RSS feed), susreću se na većini

web-sjedišta.

Da bi se radilo s RSS-om, osim RSS izvora potreban je i RSS čitač,

program koji preuzima popise vijesti iz RSS izvora te prikazuje unaprijed

zadani broj najnovijih vijesti. Vijesti uz sebe imaju i linkove na originalne

članke, tako da korisnik kojega zainteresira naslov ili uvodni dio teksta

može lako otvoriti cijelu objavu i pročitati je.

Napomena

Najbliža stara značenja riječi syndication su istovremeno objavljivanje ili agencija koja se bavi kupovinom članaka da bi ih objavila u raznim novinama (print syndication).

Dakle, prijevod izraza RSS bi mogao biti vrlo jednostavna distribucija.


139

Iako je u početku bilo predviđeno da RSS čitači budu web-preglednici,

klijenti za elektroničku poštu te specijalizirani programi za čitanje RSS

izvora, korisnici većinom nisu prihvatili takav način praćenja novosti.

Danas popise vijesti dobivenih iz RSS izvora jednoga web-sjedišta

korisnici vide na drugim web-sjedištima srodnoga sadržaja ili

zajedničkoga vlasnika, što znači da su većini korisnika jedini čitači RSS

izvora oni koji se nalaze unutar CMS-ova.

Znak RSS-a i RSS izvor sa stranica Srca.

Mnoga web-sjedišta imaju posebne linkove na izvore RSS-a, popise

vijesti u obliku poprilično nepreglednom većini korisnika. No, upravo je

taj sadržaj potreban RSS čitaču.

Unutar WordPressa RSS najjednostavniji je čitač widget dobiven s

početnom instalacijom. Treba ga postaviti na stranicu i konfigurirati tako

da je adresa RSS kanala upravo jednaka adresi RSS izvora. Ostali se

parametri namještaju prema vlastitim potrebama.

Namještanje postavki RSS widgeta

i prikaz widgeta s najnovijim vijestima s drugog web-sjedišta.

Napomena

Broj vijesti koje treba prikazati treba biti dovoljno velik da posjetiteljima ništa ne promakne s bratskog web-sjedišta, a dovoljno malen da popis ne bude predugačak. Dakle, duljina ovisi o dinamici objavljivanja vijesti na web-sjedištu s kojeg se preuzimaju.


140

Osim RSS čitača ugrađenog u WordPress, postoje i brojni

drugi, dostupni kao dodaci. Oni mogu imati drugačije načine

prikaza, pa tako neki mogu prikazati i slike koje se nalaze

unutar sažetaka objava, mogu prikazivati popise vijesti i unutar

tekstova i drugo. Osim toga, može se i upravljati sadržajem koji se

prikazuje, na primjer odrediti koliko će se često osvježavati popis

najnovijih objava.

11.5. Stvaranje RSS izvora

Vlasnik web-sjedišta koji želi da njegovi potencijalni posjetitelji vijesti s

njegovog web-sjedišta prate putem RSS izvora može objaviti link ili

linkove na svoj RSS izvor ili na više njih.

WordPress automatski stvara RSS izvore s najnovijim objavama, a u

njima se nalaze naslov objave, ime autora, datum objavljivanja te

sažetak ili cijela objava. Što će biti objavljeno, kao i koliko će se

najnovijih vijesti nalaziti u popisu ovisi o postavkama namještenima na

nadzornoj ploči u Postavke Čitanje, pod Sindicirani kanali

prikazuju najnovijih N stavki i Za svaku objavu na kanalu, prikaži

puni tekst ili sažetak (tekst do oznake Nastavi čitati).

Instalacijom odgovarajućih dodataka administratoru se omogućava

namještanje većega broja postavki, od kojih je najatraktivnija dodavanje

adrese istaknute slike.

Dodaci mogu omogućiti i davanje popisa u drugačijim oblicima osim

najpoznatijeg, RSS.

Adrese RSS izvora su, ako je izabran lijepi oblik URL-ova pod

Postavke Permalinkovi:

adresa web sjedišta/feed za popis svih vijesti

adresa web sjedišta/category/naziv kategorije/feed za popis vijesti

jedne kategorije u slučaju da u postavkama web-sjedišta, pod

Stalne veze nije promijenjena Osnovica kategorije; ako je

Osnovica kategorije, na primjer, teme, onda je adresa RSS izvora

naziv web sjedišta/teme/naziv kategorije/feed

adresa web sjedišta/tags/naziv oznake/feed za oznake, pri čemu

se u slučaju promjene Osnovice oznake adresa mijenja kao u

prethodnom slučaju.

Link na popis svih vijesti obično se stavlja uz linkove za stranice na

društvenim mrežama, tj. u izbornik za poveznice društvenih mreža, gdje

dobiva prepoznatljivu ikonu. Pojedinci koji ga žele uključiti u svoje čitače

ili administratori drugih web-sjedišta koji žele na svoje web-sjedište

uključiti popis novosti s vašeg, mogu, na primjer, otvoriti odgovarajuću

stranicu te kopirati adresu.

Ako administrator web-sjedišta odluči link na izvor RSS-a staviti negdje

drugdje, dobro je da ga postavi na neku sliku sa simbolom RSS-a.

Napomena

Linkovi na popise vijesti po kategorijama mogu se upotrebljavati unutar web-sjedišta za isticanje najnovijih vijesti pojedinih rubrika.

Napomena

Ako oblik permalinkova nije promijenjen, riječ feed u adresama treba zamijeniti s ?feed=rss.


141

11.6. Zadaci: Komunikacija s drugim sustavima

Analiza komunikacije na aktivnom web-sjedištu:

1. Strategija komunikacije s drugim sustavima neovisna je o

upotrijebljenom CMS-u, pa zato možete kao primjer uzeti stranice

Srca: uočite i imenujte elemente za komunikaciju putem društvenih

mreža.

2. Na Facebook stranici Srca uočite vijesti prenesene s web-sjedišta

Srca (www.srce.unizg.hr). Prenose li se sve vijesti? Prenose li se

vijesti iz drugih izvora?

Možete li na temelju prethodno navedenog opisati kome se

obraćaju Facebook stranice Srca?

3. Na Facebook stranici Srca pregledajte prenesene vijesti te opišite:

tekst pratećih poruka (upisanih pri dijeljenju), naslove prenesenih

objava, tekst prenesenih poruka, linkove i uključene slike.

Komunikacija s Facebookom i ostalim društvenim mrežama:

4. Postavite izbornik za društvene mreže tako da pokazuje na

stranice na društvenim mrežama (nije nužno da su povezane s

web-sjedištem jer stranice udruge Čvorovi još ne postoje).

Uočite kako su se postavile ikone.

5. Dodatni zadatak: Instalirajte neki od dodataka za uključivanje

popisa objava, Custom Facebook Feed ili Facebook Feed, te

uključite widget s popisom objava s Facebook stranica Srca.

Namjestite ostale postavke prema vlastitoj želji.

Zbog mnoštva widgeta u bočnoj traci uklonite nepotrebne (nemojte

ih brisati).

Rad s RSS izvorima:

6. Uključite novosti sa stranica Srca na svoju web-stranicu te

prilagodite postavke.

7. U izborniku za društvene mreže postavite link na RSS izvor svoje

stranice.

8. Pregledajte RSS izvor proizvoljne kategorije svojega web-sjedišta.


142


143

12. Gdje raditi s WordPressom?

Nakon početnog upoznavanja s WordPressom vrijeme je za odluku o

nastavku rada. U načelu su moguća dva cilja nastavka rada: rad na

konkretnom projektu, odnosno web-sjedištu, te rad isključivo radi učenja

da bi se kasnije moglo dobro isplanirati i postaviti neko web-sjedište.

Svaki od tih ciljeva zahtijeva drugačije odluke u postupku smještanja

web-sjedišta.

Osim o smještanju stranica, budući vlasnik web-sjedišta treba razmisliti i

o adresi pomoću koje će posjetitelji moći pristupati njegovim stranicama.

12.1. Odabir vlastite domene

Mnoga web-sjedišta ljudi prepoznaju po adresi koju trebaju upisati da bi

došli do naslovnice, kao, na primjer, www.unizg.hr za Sveučilište u

Zagrebu ili wordpress.org za službeno web-sjedište sustava WordPress.

U stvari, riječ je o punom imenu domene (engl. fully qualified domain

name), koje se u pravilu pojavljuje i u adresama ostalih stranica

web-sjedišta, a pomoću kojega se posredno određuje adresa poslužitelja

kojem treba poslati zahtjev za isporukom stranica (IP adresa).


opisati organizaciju naziva domene od vršne domene do

poddomene koja određuje računalo

opisati ulogu registrara

navesti skupine poslova potrebnih za održavanje

web-poslužitelja kao računala

opisati u kojim je situacijama opravdano raditi s vlastitim

web-poslužiteljem, a kad treba potražiti mjesto za udomljavanje

stranica

navesti razlike između udomljenoga web-sjedišta s vlastitom

instalacijom WordPressa i web-sjedišta na sustavu isključivo s

WordPressom

navesti razloge za instalaciju lokalnoga poslužitelja

opisati tzv. instalaciju WordPressa jednim klikom

opisati način stvaranja web-sjedišta na web-sjedištima

specijaliziranim za WordPress

opisati vidljive i skrivene troškove izgradnje i održavanja

web-sjedišta

navesti na što treba paziti pri odabiru usluge udomljavanja

web-sjedišta

izvesti podatke i uvesti ih na drugo web-sjedište

opisati kad se još koristi postupak izvoza i uvoza podataka.


144

Premda svako web-sjedište na poslužitelju dostupnom putem Interneta

ima svoju adresu, vlasnici web-sjedišta najčešće žele imati vlastitu

domenu kao simbol prepoznatljivosti.

Imena domena dodjeljuju se hijerarhijski i pomalo podsjećaju na imena

ljudi: prezime određuje obitelj, a ime člana obitelji. No, dok ime i prezime

često ne određuju točno člana obitelji, nego se znanci moraju služiti

dodatnim atributima, puna imena domena jedinstveno određuju

web-sjedište. U najvećem će broju slučajeva na temelju punog imena

domene biti jedinstveno određena adresa poslužitelja s kojeg treba

zatražiti sadržaj željene stranice, dok iznimke postoje u slučajevima da se

isti sadržaj nalazi na nekoliko poslužitelja diljem svijeta, kao što je to

slučaj, na primjer, s velikim društvenim mrežama ili tražilicama.

Čitajući imena domena iskusni korisnik prvo primjećuje vršnu domenu

koja se nalazi na kraju punog imena domene. Neposredno nakon

osnivanja domenskoga sustava na Internetu bilo je samo sedam

troslovnih vršnih domena (.com, .edu itd.), da bi se kasnije dodale

dvoslovne vršne domene koje odgovaraju državama i sličnim područjima

s vlastitom upravom, a sad postoji još i niz drugih vršnih domena koje se

polako uvode od 2000. godine. Taj postupak nije završen jer se vršne

domene mogu i kupiti.

Unutar vršne domene budući vlasnik web-sjedišta odabire ime domene u

skladu s namjenom web-sjedišta. To je domena druge razine

(sekundarna domena). U slučaju da je riječ o web-sjedištu neke

organizacije, ime je jednako ili usko vezano uz ime organizacije, dok je za

privatna web-sjedišta obično vezano za ime vlasnika ili temu o kojoj će se

pretežno pisati.

Podjela se nastavlja, pa se unutar domene druge razine mogu definirati

domene treće itd.

Primjeri vršnih, sekundarnih i tercijarnih domena.

Vršne domene grupirane su tako da su izdvojene prve generičke domene,

zatim domene koje odgovaraju državama te ostale generičke domene.

Napomena

Na temelju adrese računala ne može se odrediti ime domene jer se na jednom poslužitelju može nalaziti puno domena.

.

com

edu

...

hr

unizg

srce

fer

kif

ffzgvlada

inade

me

...

audi

duck

museum

...


145

Hrvatska DNS služba, zadužena za raspodjelu sekundarnih domena

unutar vršne .hr domene, na svojim web-stranicama ističe: „Nacionalne

vršne domene su temeljni element nacionalnog bogatstva i suvereniteta

svake države, temelj njezine prepoznatljivosti u virtualnom svijetu, te

upravljanje i uporaba tih domena podrazumijeva visok stupanj

odgovornosti i poštivanje različitih interesa svih zainteresiranih strana“.

Navedeni citat odražava službenu politiku dodjele domena u Hrvatskoj,

pa zato unutar .hr vršne domene svaka pravna osoba može besplatno

registrirati po jednu domenu s imenom jednakim ili nalik na svoje ime, a

isto vrijedi i za fizičke osobe koje obavljaju samostalnu djelatnost (na

primjer, obrtnici ili liječnici). Registraciju obavlja hrvatska DNS služba,

www.dns.hr. Slično vrijedi i za fizičke osobe, koje mogu besplatno

registrirati domenu s imenom koje sadrži njihova imena i prezimena

unutar domena from.hr i iz.hr.

Unatoč mogućnosti dobivanja besplatnih domena unutar vršne domene

.hr, mnoge se organizacije i pojedinci iz raznih razloga odlučuju za

upotrebu domena unutar drugih vršnih domena, što može biti besplatno,

ali se puno češće naplaćuje – jednokratno ili u vremenskim intervalima

određenim pravilima pojedine domene.

Osobito su popularne neke dvoslovne vršne domene malih država, kao

što su .tv (Tuvalu), .me (Crna Gora) i sl. Te države znaju da nikad neće

imati previše sekundarnih domena, pa koriste priliku što imaju atraktivne

vršne domene te uz malu naknadu dozvoljavaju registraciju sekundarnih

domena stranim organizacijama i osobama. Osobito je dojmljiv slučaj

skupine pacifičkih atola Tokelau, s vršnom domenom .tk, koji veliku

količinu dohotka dobiva zahvaljujući upravo prodaji domena, te taj novac

ulažu u komunikaciju, obrazovanje i zdravstvo.

Registracija sekundarne domene može se obaviti kod tzv. registrara,

tvrtki koje se bave samo registracijom sekundarnih domena, a

posredovanje u registraciji nude kao uslugu i tvrtke koje se bave

udomljavanjem web-sjedišta.

Najam domene potpuno je neovisan kako o davatelju usluga

udomljavanja web-sjedišta tako i o stvarnoj lokaciji poslužitelja na kojima

se sadržaj nalazi.

12.2. Izbor poslužitelja

Da bi se radilo s WordPressom, prvo treba odabrati računalo koje će biti

web-poslužitelj.

Ako budući autor već ima pravo na pristup nekom web-poslužitelju i ako

se tema njegovoga budućeg rada uklapa u politiku organizacije koja je

vlasnik toga poslužitelja, problem je gotovo riješen – treba još samo

provjeriti nalaze li se na poslužitelju i svi programi navedeni u poglavlju o

instalaciji WordPressa te odgovaraju li verzije tih programa zahtjevima

trenutačne verzije WordPressa. Budući da je riječ o besplatnom

interpreteru za jezik PHP i besplatnom sustavu za rad s bazama

podataka, ne bi trebalo biti puno problema sa zadovoljavanjem tih


146

uvjeta, a korisniku ostaje samo od administratora poslužitelja prikupiti

podatke o načinu prijenosa datoteka te bazi podataka koju će

upotrebljavati WordPress (ili načinu stvaranja te baze podataka). To su

podaci kojima se popunjavaju tablice iz poglavlja „Instalacija

WordPressa i prvi koraci“.

Opisana se situacija obično susreće u situacijama kad budući vlasnik

web-sjedišta želi objavljivati sadržaje vezane za posao, a organizacija u

kojoj radi ima web-poslužitelj.

Ako budućem autoru nije na raspolaganju računalo koje će moći

poslužiti kao web-poslužitelj, najčešće se pokazuje da se ni ne isplati

organizirati njegovu nabavu i održavanje. Naime, nabava računala,

programa te instalacija programa na računalo tek su manji dio posla

vezanih za web-poslužitelj, dok je drugi, veći dio osiguranje stalnoga

rada računala (engl. uptime) te osiguranje stalne veze prema Internetu

odgovarajuće propusnosti (engl. bandwidth). To podrazumijeva fizičku

zaštitu od kratkotrajnih prekida struje ili mogućih strujnih udara kao i

zaštitu od onesposobljavanja računala od strane nepažljivih ili

zlonamjernih ljudi. Nadalje, sve programe treba redovito održavati te

pratiti rad sustava, reagirati na sve probleme koji nastanu, ali i djelovati

preventivno predviđajući probleme koji bi se tek mogli pojaviti

uključujući, ponovno, zlonamjerne ljude i njihove programe (na primjer,

malver). To su sve složeni poslovi koji zahtijevaju rad stručnjaka, tako da

se u većini slučajeva nabava i održavanje poslužitelja samo za jedno

web-sjedište pokazuje preskupom odlukom.

Korisnici bez vlastitog poslužitelja mogu svoja web-sjedišta smjestiti na

računala drugih vlasnika uz naknadu bitno manju nego što bi bili troškovi

nabave, instalacije i održavanja vlastitoga poslužitelja ili čak bez

naknade. Smještanje sadržaja na tuđa računala naziva se

udomljavanje odgovarajućega sadržaja.

Računala na koja se smještaju tuđa web-sjedišta najčešće se nalaze

unutar podatkovnih centara koji sadrže nekoliko desetaka, stotina ili

još više računala. U takvim se nakupinama računala svi navedeni

poslovi održavanja fizičke sigurnosti i neprekidnoga rada računala

odvijaju za mnogo računala, postoje brza rješenja za slučajeve kvara

hardvera, a i softversko se održavanje organizira za mnogo sličnih

računala. Sve to znači da se navedeni poslovi mogu obaviti efikasnije

nego za pojedinačni poslužitelj. Veze na Internet velike propusnosti

dijele se na velik broj računala, odnosno web-sjedišta, te u prosjeku

zadovoljavaju potrebe svih, a uobičajeno je da postoji i kopija cijeloga

sustava na drugoj lokaciji spremna za podjelu posla ili potpuno

preuzimanje posla u slučaju problema ili povećanog opterećenja.

Posljednja, ali vrlo važna, jest mogućnost instalacije web-poslužitelja na

vlastito računalo u vlastitom prostoru koje neće biti dostupno s Interneta,

što je čest izbor za učenje i početni razvoj web-sjedišta. Poslužitelji koji

nisu dostupni putem Interneta nazivaju se lokalni poslužitelji. Važno je

razlikovati dostupnost web-poslužitelja putem Interneta od pristupa

Internetu jer lokalni poslužitelji u pravilu imaju pristup Internetu i mogu

preuzimati teme i dodatke.

Napomena

Vlasnik web-sjedišta često

ne zna unaprijed gdje će mu se zaista nalaziti web-sjedište, a nije ni važno da zna.

Čest je slučaj i da tvrtke koje daju usluge udomljavanja sadržaja nisu vlasnici fizičkih poslužitelja, te da se oni nalaze u drugim državama.


147

12.3. Izbor usluge udomljavanja i instalacija web-sjedišta s WordPressom

U nastavku će detaljnije biti prikazano kakve se usluge nude pri

udomljavanju sadržaja:

unajmljivanje virtualnih računala kao poslužitelja – usluga koja

korisnike oslobađa brige o fizičkom stanju računala i stanju veze na

Internet, pruža puno slobode, ali i odgovornost za sve programe od

operacijskog sustava i web-poslužitelja nadalje

udomljavanje web-sjedišta na računalu na kojem već postoji

web-poslužitelj; web-sjedište može biti ili statičko ili dinamičko s

bilo kojim CMS-om za koji na poslužitelju postoje preduvjeti za

instalaciju (programi za interpretaciju programa koji čine CMS i

sustav za baze podataka)

udomljavanje web-sjedišta izrađenih isključivo pomoću

WordPressa, pri čemu je korisnik oslobođen svake brige o

instalaciji programa.

Prikaz bitno različitih izbora poslužitelja

sa stanovišta uređaja i programa osiguranih korisnicima.

Zbog svega se navedenog pretpostavlja da će korisnici u početku

izabrati jednu od sljedećih mogućnosti koje im omogućavaju da se

koncentriraju na bitno, na svoje web-sjedište:

udomljavanje web-sjedišta i instalaciju WordPressa na njemu

udomljavanje web-sjedišta na sustavu specijaliziranom za

WordPress.

Kod smještanja sadržaja na tuđa računala postoje razna ograničenja

koja su sve manja kako cijena najma raste, a odnose se na prostor za

pohranu, propusnost (engl. bandwidth), ukupni promet u jedinici

vremena (na primjer mjesečno) i slično. Najčešće se računica tvrtke koja

računalo i

veza na

Internet

web-poslužitelj

s dodatnim

programima WordPress

Uno

s s

ad

rža

ja,

ev.

insta

lacija

te

ma

i d

od

ata

ka

.

web-sjedište na zajedničkom web-poslužitelju

web-sjedište na poslužitelju specijaliziranom za WordPress

web-poslužitelj na vlastitoj lokaciji (lokalni ili vidljiv s Interneta)

unajmljeni poslužitelj

Napomena

Ako se web-sjedište postavlja na već postojeći web-poslužitelj ustanove, situacija je za budućeg autora praktički jednaka kao u slučaju unajmljenog prostora za web-sjedište na zajedničkom web-poslužitelju.

Napomena

Srce visokoškolskim ustanovama i znanstvenim institutima nudi uslugu udomljavanja virtualnih poslužitelja (www.srce.unizg.hr/vps).


148

pruža uslugu udomljavanja zasniva na prosječnom prometu i očekivanju

da neće sva web-sjedišta odjednom imati pojačani promet.

Davatelji usluga udomljavanja poslužitelja ili web-sjedišta mogu nuditi i

dodatne usluge, kao što su ugodnije korisničko sučelje za administraciju

u odnosu na osnovne mogućnosti, automatsko ažuriranje programa,

izradu sigurnosnih kopija dostupnih korisnicima i druge sigurnosne

dodatke i drugo. U skladu s tim postoje još brojne podvrste opisanih

osnovnih usluga.

Unajmljivanje prostora za web-sjedište ne isključuje potrebu za lokalnom

instalacijom WordPressa za potrebe vježbanja i razvoja web-sjedišta.

Udomljeno web-sjedište s vlastitom instalacijom

WordPressa

Kad se korisnik odluči za udomljeno web-sjedište općenitoga tipa,

situacija je nalik na onu s početka ovoga tečaja:

web-poslužitelj je instaliran i korisnik dobiva adresu preko koje

može pristupiti svojim stranicama (na početku je to obično jedna

stranica koja govori da još ništa nije postavljeno)

korisnik dobiva pristupne podatke potrebne za prijenos podataka u

njemu namijenjenu mapu na poslužitelju

korisnik dobiva ili pristupne podatke za bazu podataka ili podatke

potrebne za stvaranje baze podataka.

Premda se može raditi na način opisan na početku tečaja, mnogi

davatelji usluga korisnicima olakšaju posao tako da im ponude pristup

grafičkom korisničkom sučelju pomoću kojega korisnici mogu

jednostavno pristupiti svim potrebnim funkcijama.

Vrlo je rašireno korisničko sučelje cPanel koje je u izvornoj verziji vrlo

bogato, no mnogi davatelji usluga korisnicima daju na raspolaganje

samo manji broj usluga, koji odgovara njihovim zahtjevima i plaćenoj

razini usluge.

Putem navedenoga korisničkog sučelja administratori mogu obavljati i

druge poslove vezane za osiguranje rada web-sjedišta: upisati ime

domene koju su zakupili, stvarati adrese elektroničke pošte s istim

imenom domene, dodati certifikat potreban za pristup protokolom

HTTPS i drugo.

Svakodnevni ili česti poslovi također su obuhvaćeni, pa su tako

administratorima obično dostupne razne statistike, izrada sigurnosne

kopije datoteka ili baza podataka, vraćanje sadržaja iz kopije i drugo.


149

Otprilike polovina mogućih funkcija na cPanelu

i skup funkcija smještenih u gornji desni kut

(slika je sa stranice cpanel.com/demo, gdje se cPanel može i isprobati).

Neki davatelji usluga na upravljačko korisničko sučelje stavljaju i ikonu

za instalaciju WordPressa jednim klikom. U odnosu na instalaciju

opisanu u ovom tečaju ona se razlikuje u tome što nije potrebno

preuzimati instalacijski paket s web-sjedišta wordpress.org te prenositi

raspakirane datoteke na budući poslužitelj. Moguće je i da se automatski

stvori baza podataka te da ne treba ni upisivati podatke za pristup bazi

podataka, što znači da budućeg administratora web-sjedišta pri

instalaciji dočeka samo stranica na kojoj mora upisati ime web-sjedišta i

korisničke podatke za administratora.

U svakom je slučaju kod udomljenih web-sjedišta s vlastitom

instalacijom WordPressa dozvoljena instalacija dodataka i vlastitih tema.

Udomljeno web-sjedište s WordPressom

Blogovi se praktički od početka velikoga širenja toga načina objavljivanja

sadržaja nalaze na sustavima na kojima je sustav za upravljanje

blogovima instaliran tako da korisnici nemaju nikakvu brigu o instalaciji,

a postupak otvaranja bloga sastoji se od upisivanja imena bloga i

odabira korisničkih podataka za prvog korisnika, administratora.

Tu je praksu nastavio i WordPress još u vrijeme kad je bio samo sustav

za pisanje blogova, a isti se način rada nastavlja i sad, bez obzira na

značajno povećanje njegovih mogućnosti. WordPressova web-sjedišta

koja omogućavaju stvaranje više pojedinačnih web-sjedišta zovu se

WordPress Multisite.

Napomena

Na sličan se način obično nudi instalacija nekoliko CMS-ova i drugih sustava za prikupljanje i isporuku sadržaja putem weba.


150

Osim administratora cijeloga web-sjedišta, na ovakvim sustavima

postoje i superadministratori, što je uloga u WordPressu. Oni mogu

stvarati i brisati druga web-sjedišta, dodavati teme i dodatke čak i ako je

to administratorima web-sjedišta onemogućeno te mogu obavljati sve

poslove namijenjene nižim funkcijama. Superadministratori se također

brinu da je WordPress uvijek ažuran – kako osnovni programi, tako i svi

dodaci i teme.

Primjeri su takvih web-sjedišta wordpress.com te besplatna privatna

web-sjedišta vezana za domene za hrvatske građane, from.hr i iz.hr.

Wordpress.com u besplatnoj varijanti nudi izbor niza tema s

ograničenom mogućnošću prilagodbe, nekoliko pažljivo izabranih

dodataka, ali i nemogućnost instaliranja vlastitih tema i dodataka, dok je

samostalno instaliranje tema i dodataka ostavljeno za korisnike koji

plaćaju udomljavanje svojih web-sjedišta. Prostor za pohranu ograničen

je na 3GB, a korisnicima može predstavljati problem i to što ne mogu

upotrebljavati vlastita imena sekundarnih domena, nego su sva imena

domena na trećoj razini, unutar wordpress.com (na primjer,

cvorovi.wordpress.com). Posjetiteljima besplatnih web-sjedišta na

domeni wordpress.com mogu smetati reklame koje se prikazuju, premda

su poprilično decentne.

Ipak, besplatna su web-sjedišta na wordpress.com popularna jer autor

web-sjedišta dobiva okolinu u kojoj se uopće ne mora brinuti o

održavanju i ostalim tehničkim detaljima.

Vlasnik web-sjedišta wordpress.com je Automattic, tvrtka koja se

pojavljuje kao autor brojnih dodataka u WordPressu.

From.hr (iz.hr i name.hr) su domene koje odgovaraju web-sjedištu koje

hrvatskim građanima omogućavaju besplatno dobivanje domene treće

razine (na primjer, knot-petljak.from.hr), udomljavanje web-sjedišta, a

putem dodatne usluge 3u1 i instalaciju WordPressa jednim klikom.

Instalacija WordPressa na vlastiti poslužitelj

Ako vlasnik web-sjedišta odluči imati vlastiti poslužitelj – bilo vlastiti ili

unajmljen – morat će prvo instalirati web-poslužitelj, prevoditelj (engl.

interpreter) za jezik PHP te sustav za rad s bazama podataka, pa tek

onda WordPress.

Budući da je posao instalacije i održavanja računala vidljivoga s

Interneta vrlo odgovoran te zahtijeva stručni rad, pretpostavlja se da ga

polaznici ovoga tečaja neće odmah provoditi – osim možda za lokalni

poslužitelj na svom računalu namijenjenom vježbi. Za takve slučajeve

postoji stabilan i dugovječan paket XAMP, prikladan za instalaciju na

najpoznatije operacijske sustave. On sadrži sve potrebno za instalaciju

WordPressa.

Kad se instalira XAMPP, treba prema uputama još pokrenuti

web-poslužitelj i program za rad s bazom podataka, a nastavak rada je

jednak kao za web-sjedište na zajedničkom web-poslužitelju.

Napomena

XAMPP postoji i u prijenosnoj varijanti, te se može instalirati i na, primjerice, USB disk te pokretati na raznim računalima.

Kod XAMPP-a je zanimljivo da je sva službena dokumentacija napisana u obliku pitanja i odgovora.

Napomena

wordpress.com je komercijalno web-sjedište za izgradnju blogova, a s wordpress.org dijeli samo sustav za izgradnju CMS-ova i dio imena.


151

12.4. Pitanja ključna za odluku o izboru poslužitelja

Ako korisnik raspolaže vlastitim poslužiteljem, vrlo vjerojatno raspolaže i

znanjem za odluku o izboru poslužitelja, tako da je i u ovom dijelu

poglavlja najzanimljivije sastaviti popis tema o kojima treba razmisliti pri

udomljavanju web-sjedišta na tuđe poslužitelje.

Budući da je uvijek riječ o privatnim poslužiteljima, potrebno je postaviti

pitanje: „Što u slučaju prekida rada usluge / nagloga snižavanja kvalitete

/ povećanja cijene i sličnog?“.

Da bi vlasnik web-sjedišta bio siguran da će njegov sadržaj biti sačuvan,

treba redovito raditi sigurnosne kopije cijeloga web-sjedišta i to tako da se

mogu brzo i jednostavno uvesti na drugi sustav s WordPressom.

Dakle, prvo je pitanje može li se s poslužitelja koji je kandidat za

smještanje web-sjedišta izvesti cjelokupni sadržaj u obliku prikladnom za

uvoz na novo web-sjedište, odnosno, može li se sadržaj jednostavno

migrirati na novi poslužitelj. Ako se sadržaj ne može izvesti, tj. ako se

mora spremati programima koji spremaju jednu po jednu već generiranu

stranicu umjesto da se spremi sadržaj baze podataka i zbirke medija,

promatrani kandidat može biti izabran samo za web-sjedišta vrlo niske

važnosti. Slično je i pitanje može li se preusmjeriti promet sa starog

web-sjedišta na novo, tako da posjetitelji koji bi u prvo vrijeme nakon

migracije putem tražilica trebali doći na staro web-sjedište dođu na novo.

Prethodno navedeno je ujedno i dobar razlog za izgradnju web-sjedišta u

WordPressu jer iako postoji mnoštvo drugih CMS-ova, često i besplatnih,

u slučaju potrebe za proširenjem web-sjedišta ili prelaska na CMS s više

funkcija iz mnogih nije uvijek jednostavno izvesti sadržaj te ga postaviti na

drugi sustav za upravljanje sadržajem – bilo za novo javno web-sjedište

bilo za privatnu upotrebu.

Slijedi niz tema za razmišljanje za bilo koji udomljeni poslužitelj:

garancija neprekidnog rada (engl. uptime guarantee)

količina podataka koji se mogu prenijeti u jedinici vremena,

propusnost (engl. bandwidth)

izbor dostupnih alata za administriranje web-sjedišta

može li se (besplatno) web-sjedištu pridružiti postojeća domena

i druga.

Za web-sjedišta na poslužiteljima specijaliziranim za WordPress postoje

dodatna pitanja od kojih su najvažnija:

koji su dodaci i teme uključeni u početnu instalaciju

može li administrator web-sjedišta samostalno instalirati dodatke i

teme.

i druga.

Cijene usluga otkrivaju skrivena ograničenja ovih usluga, pa je tako

smještanje sadržaja na web-sjedišta specijalizirana za WordPress u

Napomena

Pri prijenosu treba osobito paziti na slike i ostali medijski sadržaj.

Napomena

Budući da prijenos nije uvijek jednostavan, neke tvrtke za udomljavanje web-sjedišta nude besplatnu migraciju za njihove buduće komercijalne korisnike.


152

pravilu najjeftinija ili čak besplatna, skuplje je unajmljivanje prostora za

proizvoljno web-sjedište, a najskuplje unajmljivanje poslužitelja.

Besplatno je udomljavanje web-sjedišta u pravilu praćeno nekim

dobitkom tvrtke koja nudi udomljavanje. To je najčešće prikazivanje

reklama ili nekih linkova na svim stranicama bez volje autora tih stranica

ili davanje vrlo niske razine usluge da bi korisnik počeo raditi te, ne

želeći izgubiti sadržaj, doplatio za višu razinu. Osim toga, budući da ne

postoji nikakav ugovor između autora sadržaja i tvrtke koja ih udomljava,

kvaliteta usluge nije zagarantirana, a tvrtka može i sama određivati

pravila vlasništva.

U cijenu usluga pripadaju i garancije za kvalitetu usluge i prostor na

poslužitelju, kao i dostupnost raznih dodatnih usluga. Među uslugama

uvijek ima važnih i manje važnih, ali jednako zvučnih naziva, tako da nije

uvijek jednostavno odabrati prave. Osim toga, sustav cijena je često

izuzetno složen, s popustima za prvu godinu, uslugom besplatne

registracije domene, tzv. kuponima za popust koji se preuzimaju s drugih

web-sjedišta itd., tako da se u praksi rijetko traži najjeftinija ponuda,

nego se među onima koje zadovoljavaju ostale uvjete izabire neka

prihvatljiva.

Posljednja su dva pitanja koja si budući vlasnik web-sjedišta treba

postaviti kvaliteta korisničke podrške i povjerenje u tvrtku kojoj daje

novac u zamjenu za uslugu. Kvaliteta korisničke podrške djelomično se

može mjeriti količinom i kvalitetom javno dostupnih uputa za rad, a

brojnim je korisnicima presudan i jezik na kojem mogu komunicirati sa

zaposlenicima zaduženima za korisničku podršku. Procjena pouzdanosti

vrlo je složena te se budući vlasnik web-sjedišta mora osloniti na

iskustva drugih korisnika ili postojanje mogućnosti otkazivanja usluge.

Konačno, prije nego što donese odluku o smještanju svojega

web-sjedišta korisnik još treba u računicu uključiti i eventualnu cijenu

administratora web-sjedišta, dizajnera te podrške za dodatke koje

namjerava koristiti. Naime, postoje besplatni dodaci u kojima se

administratori moraju snaći sami ili uz pomoć kolega na brojnim

forumima, a postoje i plaćeni dodaci s organiziranom korisničkom

podrškom i brojnijim opcijama u odnosu na besplatnu verziju. U svakom

slučaju, nakon odabira hostinga mora ostati dovoljno novca za plaćanje

stručnjaka koji će obavljati navedene poslove.

12.5. Uvoz i izvoz podataka

Sigurnosne kopije, uvoz i izvoz podataka trebali bi biti rutinski poslovi pri

svakom radu s podacima, pa tako i na web-sjedištima. Izrada

sigurnosne kopije, odnosno izvoz podataka se obavlja:

redovito, za slučaj da se podaci na web-sjedištu unište; učestalost

izrade takvih kopija i duljina čuvanja ovise o dinamici promjena i

važnosti podataka

prije ažuriranja WordPressa, teme ili važnih dodataka

Napomena

Dodatni se troškovi mogu proširiti i na sadržaj, dakle na autore teksta, medijskih priloga, lektore i druge suradnike.


153

prije većih promjena, na primjer promjene teme ili instalacije

dodataka

pri seljenju na drugi poslužitelj (bilo radi udomljavanja na drugom

mjestu, bilo radi smještanja na neki lokalni poslužitelj radi razvoja ili

testiranja novoga dizajna ili novih dodataka).

Izvoz podataka može se obaviti i samo na temelju razumijevanja načina

rada WordPressa:

treba izvesti bazu podataka, što je obično dostupno nekom sa

stranica za rad s bazama podataka, eventualno putem neke od

funkcija cPanela; time se izvoze svi članci, opisi slika, postavke i

slično

treba izvesti sve datoteke i mape koje se nalaze u mapi

web-sjedišta jer se time izvoze svi programi, dodaci, teme te

medijska zbirka.

Pri uvozu podataka na isto web-sjedište izgleda da treba samo uvesti

spremljene podatke, no to se radi u slučaju problema s web-sjedištem. U

slučaju prijenosa web-sjedišta na drugu lokaciju treba namjestiti još niz

sitnica, što prelazi granice ovoga tečaja.

Zbog navedenog, ali i zato što nemaju svi korisnici pristup mapi

u kojoj se nalazi WordPress i administraciji baze podataka,

napisani su brojni dodaci. Pri izboru treba paziti da dodaci

izvoze sav sadržaj (i bazu podataka i datoteke) te da sadrže

funkciju kojom će se sadržaj vratiti.

Za izradu sigurnosnih kopija je dobro da dodaci imaju unaprijed

zadan raspored po kojem će se pokretati, tj. da ih korisnik ne mora

pokretati ručno. Osim toga, važno je da sadržaj mogu pohraniti na

nekom drugom računalu ili poslati porukom elektroničke pošte.

U plaćenim se verzijama mogu pronaći dodaci jednostavni za upotrebu

koji objedinjavaju i funkciju izrade sigurnosnih kopija prema zadanom

rasporedu i migraciju web-sjedišta na drugi poslužitelj, dok je u

besplatnim verzijama lako pronaći dodatke koji rade po jednu od tih

funkcija.

Zato je za početak, dok korisnik ne odluči što sve točno želi od usluge

izvoza sadržaja web-sjedišta, dobro isprobati parove programa – po

jedan za svaku od funkcija. Jedan par takvih programa su, na primjer,

UpdraftPlus za sigurnosne kopije te Duplicator za premještanje

web-sjedišta.

Nakon izrade sigurnosne kopije poželjno ju je odmah testirati i zato

imaju prednost dodaci koji mogu preseliti cijelo web-sjedište na drugo

računalo, na primjer na lokalni poslužitelj, koji je administratoru uvijek pri

ruci ili ga lako instalira.

Napomena

Cijenu dodataka za izradu sigurnosnih kopija treba uspoređivati s cijenom skupljanja i unosa svih podataka i postavki koje se nalaze na web-sjedištu.


154

12.6. Pitanja za ponavljanje: Gdje raditi s WordPressom?

1. Prisjetite se imena domene svih organizacija kojima pripadate

(fakultet, strukovna organizacija, razne udruge i klubovi…).

Analizirajte imena domena počevši od vršne domene naniže.

Koje su se odgovarajuće odgovorne osobe trebale obratiti da bi

dobile svoje puno ime domene?

2. Postoji li mogućnost smještanja web-stranica na računalo

ustanove koja već ima web-stranice? Koje mogu biti prepreke?

3. Nabrojite skupine poslova vezanih za održavanje vlastitoga

poslužitelja.

4. Mora li web-sjedište s domenom unutar .hr vršne domene biti

smješteno na računalu koje se nalazi u Hrvatskoj?

Može li web-sjedište s domenom unutar .com vršne domene biti

smješteno na računalu koje se nalazi u Hrvatskoj?

5. Čemu služe lokalni poslužitelji, a čemu ne?

6. Ako želite web-sjedište s vlastitim dizajnom (temom), koje Vam

mogućnosti udomljavanja najviše odgovaraju?

7. Ako se ne želite baviti ažuriranjem programa i dodataka, koja Vam

mogućnost udomljavanja web-sjedišta najviše odgovara?

8. Može li web-sjedište izrađeno u WordPressu biti nevidljivo s

Interneta?

Koja je razlika u odnosu na opciju obeshrabri tražilice u

postavkama web-sjedišta?

9. Koji sve troškovi postoje pri održavanju web-stranica?

Pomoć: obratite pozornost i na okviriće s napomenama u ovom

poglavlju.

10. Zamislite da Vam je davatelj usluga najavio da uskoro prestaje s

davanjem usluga udomljavanja web-stranica. Što ćete učiniti?

11. Kako preseliti podatke na lokalni poslužitelj radi testiranja novoga

dizajna?

12. Istražite dodatke WordPressu za izradu sigurnosne kopije

web-sjedišta i opišite funkcije barem dva takva dodatka!


155

13. Kamo dalje?

Cilj je ovoga tečaja prikazati postupke pri radu s WordPressom dovoljne

za izradu i održavanje web-sjedišta. No, želje vlasnika web-sjedišta

mogu dosezati puno izvan sadržaja svakoga tečaja, što znači da je za

uspješan rad potrebno daljnje učenje. Pri traženju materijala za učenje i

učenju će sigurno pomoći niz pojmova do sada objašnjenih na ovom

tečaju, ali će u ovom poglavlju ipak biti istaknute neke smjernice, koje

uključuju i nužno učenje, katkad i u neočekivanim smjerovima.

13.1. Izgradnja web-sjedišta

Za daljnji je rad i(li) učenje nužno izabrati poslužitelj na kojem će se

raditi, a poželjno je imati i temu o kojoj će se pisati da bi se autor mogao

bolje uživjeti i postavljati si zadatke koje će morati ispunjavati.

Web-sjedište se u početku može nalaziti na lokalnom računalu autora i

tijekom razvoja, odnosno učenja, biti nedostupno s Interneta.

Ni web-sjedište kojem autor pristupa preko Interneta,

udomljeno web-sjedište, ne mora biti javno – važno je samo da

mu može pristupiti autor ili grupa autora te možda i skupina

dobronamjernih kritičara koji će pregledati web-sjedište prije otvaranja

za javnost.

Da bi se web-sjedište učinilo dostupno samo prijavljenim korisnicima,

treba instalirati dodatak. Jedan od jednostavnih dodataka s tom

funkcijom jest Restricted Site Access koji može omogućiti pristup

prijavljenim korisnicima ili korisnicima s određenih IP adresa.

Prije izgradnje web-sjedišta potrebno je proći sljedeće korake:

određivanje teme i ciljane publike

određivanje vrste sadržaja i dinamike objavljivanja (možda

web-sjedište uopće neće sadržavati novosti?)


navesti koji koraci prethode radu na računalu pri izgradnji

web-sjedišta

objasniti zašto treba pratiti novosti u WordPressu

početi istraživati teme i dodatke uz upotrebu odgovarajuće

pomoći

opisati pojmove čitljivost i upotrebljivost u kontekstu

web-sjedišta

nabrojati mogućnosti usavršavanja pri pripremi slika

navesti kako se može polako početi upotrebljavati znanje

HTML-a, CSS-a, PHP-a i drugih za usavršavanje vlastitoga

web-sjedišta i za pomoć zajednici.


156

grupiranje sadržaja po temama ili na drugi način (izrada stabla

kategorija, planiranje oznaka, popisivanje stranica)

izrada mape web-sjedišta, skice koja pokazuje način navigacije,

dolaska od naslovnice do bilo koje stranice web-sjedišta

skiciranje izgleda stranice i određivanje dodatnih sadržaja koji su

potrebni za lakše praćenje glavnih (to će vjerojatno biti widgeti, ali

ne nužno)

određivanje načina komunikacija s posjetiteljima.

Ova se priprema može napraviti bez računala ili s računalom samo kao

alatom koji pomaže u skiciranju. Tek nakon obavljene pripreme, koja je

često i najteži dio posla, mogu se početi prikupljati sadržaji te birati i

prilagođavati dizajn.

13.2. Praćenje novosti

Svakih nekoliko mjeseci izlaze nove verzije WordPressa koje se

razlikuju po prvom ili drugom broju u oznaci (4.7, 4.8 itd.), a manja se

poboljšanja, prvenstveno ispravljanje sigurnosnih propusta, izdaju po

potrebi češće, pa se izdaju verzije koje se razlikuju po brojevima na

trećem mjestu (4.7.2, 4.7.3 itd.).

Za svaku bi verziju administrator web-sjedišta trebao pogledati koje su

novosti u njoj i eventualno prilagoditi postavke svojega web-sjedišta.

Najbolje je da se s novostima upozna na izvoru, web-sjedištu

wordpress.org, i to ili izravnim posjetom, praćenjem odgovarajućega

widgeta na naslovnici nadzorne ploče ili stranice na Facebooku.

Widget s novostima na naslovnici naslovne ploče

i profilna slika stranice wordpress.org na Facebooku u proljeće 2017.

Osim novosti u osnovnom dijelu WordPressa, kod svake se nove verzije

– bilo osnovne verzije, bilo verzije dodataka ili tema – administrator treba

informirati o usklađenosti dodataka ili tema s osnovnom verzijom. To je

sve u početku dosta zahtjevan posao, ali terminologija usvojena na

ovom tečaju trebala bi biti dovoljna za snalaženje u navedenim

Napomena

Što je udomljavanje web-sjedišta restriktivnije, to

su brige o novostima manje. Na primjer, u besplatnoj verziji wordpress.com nema mogućnosti instalacije dodataka ili tema, pa gotovo da nema ni briga – treba samo povremeno pogledati jesu li sve opcije svih dodataka ispravno namještene i je li se pojavila neka nova opcija.


157

materijalima. Daljnjim aktivnim radom pojmovi će administratoru biti sve

bliži, a praćenje novosti sve jednostavnije.

Prilikom praćenja novosti u prvom bi planu trebala biti sigurnost

web-sjedišta, pa tek onda izgled i dodatne funkcije.

13.3. Proučavanje tema

Usavršavanje osnovnih vještina rada u WordPressu se podrazumijeva, a

odmah uz to učenje slijedi i upoznavanje tema. Naime, na dojam

web-sjedišta jako utječu izgled web-sjedišta i raspored elemenata –

osobito na naslovnici. S druge strane, puno je raspoloživih besplatnih

tema, još ih se više može kupiti, i administrator bi morao znati što zaista

želi da ne bi izgubio previše vremena na traženje i isprobavanje. Zato se

za nastavak učenja preporuča proučavanje besplatnih tema, zajedno s

dodacima koje oni predlažu.

Nakon instalacije WordPressa 4.8 instalira se tema Twenty Seventeen

koja nakon prvog ulaska u Prilagodbu na naslovnici dobiva vijesti na

jako neuočljivom mjestu. To je na web-sjedištima na kojima se radilo na

ovom tečaju bilo promijenjeno na samom početku, a sad je vrijeme za

proučavanje osnovne ideje oblikovanja naslovnice te teme.

Tema Twenty Seventeen je namijenjena za web-sjedišta koja prikazuju

djelatnosti tvrtki te predlaže naslovnicu oblikovanu kao statičnu stranicu.

Iako se iz naziva vrste naslovnice to ne bi moglo zaključiti, naslovnica

nije zaista statična, nego se na njoj ne nalazi niz objava u obliku

klasičnog bloga. Na vrhu naslovnice u ovoj su temi na početku rada

prikazane važne podstranice, a vijesti (blog) su pri dnu stranice.

Posebnom je čine istaknute slike stranica koje se nalaze u pozadini i

preko kojih klize glavni sadržaji stranica.

Statička naslovnica s temom Twenty Seventeen.

Prikazane su dvije istaknute slike – stranice koja je prikazana

i stranice koja tek dolazi.


158

Teme često imaju objavljene upute za upotrebu i prilagođavanje iz kojih

se mogu doznati detalji koji nisu vidljivi na prvi pogled. Na primjer, za

temu Twenty Seventeen službena je analiza objavljena na stranici

codex.wordpress.org/Twenty_Seventeen.

Velik broj ostalih tema koje se nude putem sučelja za izbor teme na

nadzornoj ploči nije puno jednostavniji. Već je bilo istaknuto da neke od

njih predlažu instalaciju dodataka, od kojih neki služe za prikaz sadržaja

onakvoga kakav je prikazan kod izbora teme (na primjer, klizači za slike

ili objave, te čitači RSS izvora koji prikazuju novosti iz pojedinih

kategorija na poseban način). Drugi dodaci mogu služiti za ostvarivanje

funkcija koje nisu potrebne na svakom web-sjedištu (na primjer, online

trgovina), a često se dodaci navode i radi reklamiranja dodataka autora

teme.

Naslovnice oblikovane raznim temama.

Konkretni primjeri stranica mogu se naći na stranici s adresom

https://wordpress.org/showcase/.

Dakle, još je jedna tema za usavršavanje proučavanje tema i dodataka

kojima se postiže izgled stranice kao što je najavljen u popisu tema, a

posebnu pozornost treba usmjeriti na promatranje statičnih početnih

stranica koje umjesto jednoga niza objava na sebi imaju mnoštvo

widgeta za privlačenje pozornosti posjetitelja na razne sadržaje. Nakon

malo prakse svaki autor web-sjedišta u WordPressu počinje pri

neobaveznom pregledavanju weba uočavati stranice izrađene pomoću

WordPressa i dodatke uključene na njih.

Promatranje tuđih web-sjedišta treba shvatiti kao vježbu, a za vlastiti rad

svaki autor treba krenuti od svojih zamisli.

Napomena

Web-sjedište

whatwpthemeisthat.com za stranice izrađene pomoću WordPressa može detektirati mnoge teme i dodatke.


159

13.4. Proučavanje dodataka

WordPress omogućava instalaciju brojnih dodataka, među kojima se

administratori ne mogu uvijek snaći.

Na ovom su tečaju na odgovarajućim mjestima bili prikazani razni dodaci

koji su obavljali pojedine poslove, a kao završna se vježba može

preporučiti instalacija dodatka Jetpack koji već u besplatnoj verziji nudi

razne dodatke i prilagodbi. On nije ranije spomenut u tečaju upravo zbog

svoje širine, odnosno niza mogućnosti koje bi tijekom tečaja prelazile

granice pojedinih poglavlja.

Poučavanje dodataka može imati još jedan korak: otvaranje besplatnoga

web-sjedišta na domeni wordpress.com te proučavanje dodataka koji su

tamo na raspolaganju. Budući da tamo korisnici ne mogu instalirati svoje

dodatke (barem dok se ne odluče za plaćenu verziju), dodaci su vrlo

pažljivo izabrani. Neki od tih dodataka ne postoje među javno dostupnim

dodacima, no uspoređivanjem web-sjedišta instaliranog isključivo s

programima s wordpress.org s web-sjedištem na wordpress.com

administrator barem može dobiti ideju kakvi bi mu dodaci mogli olakšati

posao te s novim iskustvom potražiti dodatke u zbirci besplatnih

dodataka.

13.5. Usavršavanje u izradi sadržaja

Koliko god autori polagali važnost na dizajn web-sjedišta, dugoročno mu

posjećenost ne može biti dobra ako nema dobar i pregledan sadržaj.

Osim osnovne vještine pisanja još su dvije točke na koje treba obratiti

pozornost:

čitljivost sadržaja (engl. readablity) čiji su se kriteriji promijenili pri

prelasku s tiskane medije na digitalne, a stalno se mijenjanju

promjenom uređaja i navika posjetitelja

upotrebljivost (engl. usability) web-sjedišta i(li) stranice, što govori

o mogućnostima snalaženja korisnika na stranici.

Budući da su slike ravnopravne tekstu, može se razmišljati o

usavršavanju u sljedećim smjerovima:

vještina fotografiranja

vještina obrade slike, osobito ujednačavanja slika da bi skladno

djelovale na web-sjedištu (veličina, boje…)

izrada vlastitih crteža, infografika i sl.

Navedene su vještine neovisne o načinu objavljivanja podataka na

webu, pa ih je potrebno učiti paralelno uz učenje rada u CMS-u.

Napomena

Srce nudi radionice GIMP ili kako besplatno „fotošopirati“ slike za obradu slika te Inkscape ili vektorska grafika za svakoga za izradu vlastitih crteža, odnosno slika.


160

13.6. Nastavak učenja za autore koji vladaju jezicima potrebnim za izgradnju CMS-ova

Za izgradnju dinamičkih web-sjedišta potrebno je prvo poznavati jezike

za stvaranje web-stranica, HTML, CSS i, po mogućnosti, JavaScript.

Budući da računalu treba zadati kako će stvoriti stranice, autori

programa koji će služiti za rad dinamičkih web-sjedišta moraju poznavati

i jedan programski jezik, što je u slučaju WordPressa PHP, a s obzirom

na rad s bazama podataka dobro će doći i jezik za rad s bazama

podataka, MySQL.

Administratori web-sjedišta koji poznaju ove jezike mogu lako iskoristiti

svoje znanje:

ako na prednjoj strani web-sjedišta krenu u prilagođavanje izgleda

web-sjedišta (link Prilagodi), uočit će stavku Dodatni CSS, gdje

mogu promijeniti izglede elemenata stranice koji im ne odgovaraju

na nadzornoj ploči za teme i dodatke postoji Uređivač kojim se

pristupa pojedinim datotekama tema ili dodataka i gdje se mogu

pregledati i promijeniti (do sljedećeg ažuriranja).

Da bi se lakše snašli u nizu datoteka koje čine teme i dodatke, na

web-sjedištu codex.wordpress.org administrator može potražiti opise u

odjeljcima Working With Themes i Write a Plugin te odjeljku Contribute

to Development, Developer documentation.

Upozorenje na početku dokumentacije za razvoj WordPressa

koje mnogima može djelovati i kao poziv.

Sljedeći su logični koraci izgradnja vlastite teme, koja u potpunosti

zadovoljava potrebe web-sjedišta, te možda i dodataka potrebnih za

vlastito web-sjedište.

Konačno, budući da je WordPress program otvorenoga kôda, svi su

dobrodošli za suradnju u razvoju ili testiranju bilo kojega dijela –

osnovnoga paketa programa, tema, dodataka, prijevoda ili

dokumentacije.

WARNING: Programming Code Ahead

The following articles may use programming terms without

offering detailed explanations for non-programmers.

Napomena

Za polaznike bez odgovarajućih znanja Srce nudi tri tečaja o web-tehnologijama, izradi web-stranica i web-sjedišta:

HTML, CSS i JavaScript. Za sva tri postoje javno dostupni priručnici.

Napomena

Za naprednije korisnike Srce nudi tečaj Uvod u PHP i MySQL.

I za taj je tečaj javno dostupan priručnik na web-stranicama Srca.


161

13.7. Pitanja za ponavljanje: Kamo dalje?

1. Koji alat možete upotrijebiti za vizualiziranje sadržaja i navigacije

budućega web-sjedišta?

2. Kako buduća publika utječe na izgled budućega web-sjedišta, a

kako utječe dinamika objavljivanja sadržaja?

3. Navedite nekoliko načina praćenja novosti u WordPressu. Postoji li

neki koji nije izravno spomenut u ovom poglavlju?

4. Navedite nekoliko načina za upoznavanje svih mogućnosti teme

koja Vam se svidjela ili koju Vam je netko zadao kao obveznu.

5. Koja je razlika između čitljivosti i upotrebljivosti web-stranica?

Kako se iste vještine mogu primijeniti u tekstovima namijenjenim

tiskanju?

6. Nabrojite nekoliko svojstava po kojima se može razlikovati niz

korektnih fotografija na jednom blogu i niz fotografija na blogu

profesionalnog izgleda.

7. Gdje administrator u okviru nadzorne ploče i prilagodnika može

iskoristiti svoje znanje CSS-a?

8. Vidite li svoje mjesto u zajednici koja usavršava WordPress? Ako

da, na kojim poslovima?


162


163

14. Dodaci

U ovom su poglavlju navedeni postupci koji budućim autorima

web-sjedišta mogu olakšati put od tečaja do smještavanja njihovih

web-sjedišta na poslužiteljima koji će zadovoljiti sve njihove zahtjeve.

14.1. Instalacija lokalnog web-poslužitelja

Za potrebe učenja WordPressa i testiranja budućeg web-sjedišta može

se upotrijebiti web-poslužitelj na vlastitom računalu. Najbolje je da je to

tzv. lokalni poslužitelj, dostupan samo s računala na kojem se nalazi ili

eventualno iz njegove lokalne mreže.

Razne su mogućnosti za izbor programa koji će biti web-poslužitelj, a u

nastavku je opisan paket XAMPP koji ujedinjava sve programe potrebne

za rad WordPressa. To je paket manji od 1 GB koji se može instalirati na

ugrađeni disk računala, ali i na vanjski disk praktički bilo koje veličine

(može i USB disk).

Preuzimanje i instalacija web-poslužitelja

Opisani su koraci za operacijski sustav MS Windows.

Paket treba preuzeti sa stranica www.apachefriends.org.

Napomena: Ako se instalira na ugrađeni disk računala, može se s

navedene stranice izravno preuzeti paket XAMPP for Windows. Ako se

instalira na prijenosni disk, izabrati Click here for other versions, pa More

downloads XAMPP Windows mapa s aktualnom verzijom. Iz te

mape treba preuzeti zip datoteku.

Slijedi instalacija, koja ovisi o odredištu:

Ako se radi s unutarnjim diskom, može se pokrenuti instalacija te

raditi prema preporukama. Na ekranu na kojem se pita za

komponente koje treba instalirati, može se izabrati samo Apache,

PHP, MySQL i phpMyAdmin. Kao odredišnu mapu praktično je

uzeti neku ispod korijena diska, na primjer c:\xampp.

Izbor komponenata koje će biti instalirane.

Napomena

Opisani postupak nije prikladan za instalaciju poslužitelja dostupnog s Interneta.


164

Ako se radi s izmjenjivim diskom, na njemu treba stvoriti mapu, na

primjer XAMPP, i u nju izdvojiti sve datoteke iz paketa.

Pokretanje poslužitelja

Poslužitelj se najlakše pokreće tako da se otvori program xampp-

control.exe koji se nalazi u mapi XAMPP stvorenoj pri instalaciji, te tamo

pokrenu programi Apache (web-poslužitelj) i MySQL (program za rad s

bazama podataka).

Upravljačka ploča XAMPP-a na kojoj se vidi

da su pokrenuti web-poslužitelj i sustav za rad s bazama podataka.

Napomene:

Ako se upravljačka ploča zatvori klikom na gumb za zatvaranje,

ona ipak ostaje aktivna, što se vidi u sistemskoj traci. Tako se

može zatvoriti desnim klikom na ikonu.

Ako se poslužitelj pokreće na ovaj način, treba ga ponovno

pokretati nakon svakog pokretanja računala.

Mogu se pojaviti poruke vezane uz konflikte s programom Skype,

no to za rad u okviru ovog tečaja nije ograničenje.

Rad poslužitelja provjerava se upisivanjem adrese localhost u adresnu

traku web-preglednika. Dobiva se stranica s tekstom „Welcome to

XAMPP for Windows…“

Koraci koji prethode instalaciji WordPressa

Upravo instalirani web-poslužitelj ima web-stranice te programe i ostale

datoteke koji čine web-sjedište u svojoj mapi htdocs (dakle, na primjer

C:\XAMPP\htdocs).

Preporuča se stvoriti podmapu s imenom koje opisuje buduće

web-sjedište, na primjer, wp-test1, jer ćete ih možda tijekom daljnjeg

rada stvoriti nekoliko web-sjedišta. U stvorenu mapu kopirajte datoteke

koje čine web-sjedište WordPressa – ovaj put nije potreban program za

FTP jer sve radite na svom računalu.

Zatim treba stvoriti bazu podataka. S početne stranice koja se dobije kad

u adresnu traku upišete localhost izaberite link phpMyAdmin te s nove

stranice treba izabrati link New i stvoriti bazu s proizvoljnim imenom.

Napomena

Radi lakšeg snalaženja dobro je da ime baze bude isto ili slično imenu mape u koju ste smjestili WordPressove datoteke.


165

Instalacija WordPressa

Ako ste, na primjer, svoju mapu za web-sjedište nazvali wp-test1, u

adresnu traku web-preglednika upišite adresu localhost/wp-test1.

Slijede uobičajeni koraci za prvo pokretanje, tj. instalaciju web-sjedišta

na WordPressu.

Korisnički podaci – pregled

Tablica odgovara tablicama za instalaciju WordPressa u učionici iz

priručnika. Napisana je uz pretpostavku da je paket XAMPP instaliran u

mapu C:\XAMPP.

Tablica neizostavnih podataka za početak rada

prilagođena lokalnoj instalaciji poslužitelja paketom XAMPP.

Opis podatka Vrijednost na lokalnom

poslužitelju Upotreba

we

b-p

oslu

žite

lj

adresa naslovnice

web-poslužitelja http://localhost

općeniti

podaci o

poslužitelju

način prijenosa

datoteka

uobičajenim kopiranjem na

vlastitom računalu

prijenos

datoteka

prije

instalacije

adresa FTP

poslužitelja –

mapa u kojoj se

trebaju nalaziti

stranice

u C:\XAMPP\htdocs stvoriti

mapu za novo web-sjedište,

na primjer wp-test1


prijenos datoteka –

adresa naslovnice

pojedinog

web-sjedišta

http://localhost/wp-test1

ako je web-sjedište

instalirano prema

prethodnom primjeru

pristup

web-

sjedištu

baza

po

data

ka

naziv poslužitelja localhost

instalacija

Wordpressa

ime baze po želji


pristup bazi podataka

korisničko ime: root

lozinka: prazno (nema

lozinke)

pristup sučelju za rad

s bazama podataka http://localhost/phpmyadmin

stvaranje

baze


166

14.2. Dodatak za omogućavanje slanja poruka elektroničke pošte s bilo kojeg poslužielja

Pri stvaranju web-sjedišta mora se upisati adresa elektroničke pošte

administratora koja, među ostalim, može poslužiti u slučaju da

administrator zaboravi lozinku za pristup svom web-sjedištu ili za

obavještavanje administratora o pristiglim porukama. Nažalost, iz

sigurnosnih razloga većina vlasnika poslužitelja na kojima se nalaze

web-sjedišta ne omogućava izravno slanje poruka na način ugrađen u

WordPress. Riječ je o tome da bi isti način slanja poruka mogli

upotrijebiti i neželjeni programi te bi slanjem nepoželjne pošte (poruka

sa zaraženim dijelovima, spam i hoax poruka) kompromitirali ugled

poslužitelja.

Postoji niz dodataka koji omogućavaju slanje poruka elektroničkom

poštom tako da se poruke šalju putem poslužitelja na kojem je otvoren

račun elektroničke pošte, na kojem se pošiljatelj može identificirati

svojim korisničkim podacima. Jedan od tih dodataka je WP Mail SMTP.

Sažetak svojstava dodatka WP Mail SMTP

u rezultatima pretrage dodataka.

Odmah po završenoj instalaciji dodatak se može aktivirati, nakon čega

se otvara popis instaliranih dodataka, inače dostupan s nadzorne ploče

s Dodaci Instalirani dodaci.

U popisu su uz imena dodataka i linkovi za rad s dodacima – uglavnom

slični za sve dodatke, a ipak pomalo različiti ovisno o idejama autora

dodatka. Gotovo svaki od dodataka ima neki link kojim se prelazi na

namještanje postavki, a kod upravo instaliranoga dodatka WP Mail

Settings to je link Settings.

Postavke dodatka WP Mail Settings odnose se na račun elektroničke

pošte koji je već otvoren na nekom poslužitelju, tako da se podaci

moraju zatražiti od vlasnika toga poslužitelja – izravno ili pregledavajući

postavke za slanje elektroničke pošte na njegovim web-stranicama.


167

Podaci potrebni za slanje poruka za korisnike sa sandučićima

na vrlo poznatim poslužiteljima elektroničke pošte.

Ostali podaci koje treba namjestiti jesu:

Mailer: Send all WordPress emails via SMTP

Return Path: Set the return-path to match the From Email.

Na kraju namještanja postavki nudi se slanje testne poruke, što je

poželjno i učiniti te se uvjeriti da sustav zaista šalje poruke.

Navedeni dodatak za sandučiće na poslužiteljima za Gmail i Yahoo

smanjuje razinu sigurnosti, što ne može biti trajno rješenje. Dodatak je

ovdje prikazan zato jer je vrlo jednostavan u radu sa službenim

računima na većini fakulteta, za koje se mogu jednostavno prepisati

podaci koje korisnici upotrebljavaju u klijentskim programima (na primjer,

Outlook ili klijentski program na mobitelu).

Za Google i Yahoo postoje i drugi, specijalizirani dodaci koji identificiraju

web-sjedišta te dozvoljavaju slanje poruka. U pravilu, kod takvih

dodataka treba samo slijediti upute, koje se prilagođavaju trenutačnim

pravilima na poslužitelju e-pošte.

Postoje i druge metode – na primjer, registracija na web-sjedištu

mailgun.com omogućava besplatno slanje velikoga broja poruka,

prvenstveno u svrhu testiranja. Pristupni podaci koji se dobiju nakon

registracije mogu se lako upisati u postavke dodatka Mailgun for

WordPress.

Gmail Yahoo

adresa e-pošte [email protected] [email protected]

poslužitelj

izlazne pošte

(SMTP Host) smtp.gmail.com smtp.mail.yahoo.com

SMTP port 465 587 465

enkripcija SSL TLS SSL

autentikacija da da

korisničko ime [email protected] [email protected]

lozinka uobičajena uobičajena

dozvoliti slanje

poruka

na mail.google.com:

My account Sign-in &

Security Allow less

secure apps

na mail.yahoo.com: Account

info Allow apps that use

less secure sign-in

Bilješke:

Documents

Osnove rada u WordPressu - srce.unizg.hr · Osnove rada u WordPressu (C700) 7 1. Uvod Od početka razvoja weba, kad je grupa znanstvenika namjeravala razmjenjivati rezultate svojih