Upute za izradu web sjedišta u alatu Wordpress 1. Postupak ... · PDF fileUpis naziva stranice Opis sadržaja stranice ... dijelove web stranice, dio teksta ili slika preko kojih

Embed Size (px)

Citation preview

  • Upute za izradu web sjedita u alatu Wordpress

    1. Postupak registracije

    Spojiti se na stranicu http://www.wordpress.com

    Postupak registracije zapoet e klikom na gumb Get Started

    Pomou dobivenog suelja potrebno je otvoriti vlastiti korisniki raun na

    Wordpressu

    Popuniti polja s traenim podacima

    Za adresu bloga upisati svoje ime i prezime

    http://www.wordpress.com/

  • Nakon unosa traenih podataka kliknuti na gumb Create Blog u stupcu Beginner Nakon uspjene registracije Wordpress-ov wizard kroz nekoliko koraka navigira

    postavljanje osnovnih parametara web sjedita.

    U 1. koraku postavlja se Blog Title naziv bloga (web sjedita) Za vjebu upiite za naziv bloga svoje ime i prezime (zajedno, sve malim slovima, bez razmaka), ali za zadau upiite naziv tvrtke koju obraujete u zadai. Language zadani jezik je engleski, ali Wordpress prua mnotvo ostalih jezika ukljuujui i hrvatski. Klikom na gumb Next Step dolazi se do 2. koraka u kojem Wordpress nudi razliite teme (predloke - izgled web sjedita). NAPOMENA: Prilikom odabira eljene teme pripaziti da li se radi o besplatnom predloku. Teme koje su oznaene oznakom Purchase ili $ se naplauju.

  • Klikom na gumb Next Step dolazimo do 3. koraka gdje postoji mogunost prilagoavanja teme. 4. korak daje mogunost dijeljenja bloga na drutvenim mreama, dok 5. korak prua mogunost pisanja prvog posta. Kliknuti Next step. Klikom na gumb Next Step Finish zavrava se postavljanje osnovnih postavki web sjedita (naziv web sjedita, tema) i dolazi se do administratorskog suelja pomou kojeg e se dalje oblikovati web sjedite tvrtke. Nakon dolaska u administrativno suelje potrebno je potvrditi e-mail adresu.

    NAPOMENA svi prethodno postavljeni koraci (izbor jezika, teme, opisa web sjedita) mogu se mijenjati putem izbornika u administratorskom suelju.

    2. Izrada web sjedita - Rad s administratorskim sueljem

    Nakon ulaska u administratorsko suelje web sjedita u izborniku Wordpress-a odabrati opciju My Blog

    Klikom na My Blog prikazat e se svi postojei blogovi korisnika, ali i mogunost otvaranja novog bloga

    Kako bi se ulo u administratorsko suelje bloga (web sjedita) potrebno je kliknuti na opciju Dashboard koja se nalazi ispod naziva bloga

  • 2.1. Administratorsko suelje

    Administratorsko suelje omoguava upravljanje web sjeditem pomou izbornika kroz koji se oblikuje web sjedite.

    Pregled izgleda web sjedita

    Dodavanje postova - vijesti Dodavanje galerija, slika

    Dodavanje poveznica

    Upravljanje postojeim i dodavanje novih stranica Dodavanje anketa Upravljanje izgledom web sjedita

    Postavljanje opih parametara web sjedita(naziv, jezik)

  • 2.1.1. Izbor predloka (teme)

    Web stranica bitan dio prezentacije poduzea i njegovog poslovanja, stoga je vrlo vano

    kako e ona izgledati i kakav e dojam ostaviti na klijente jer esto je upravo web

    stranica prvi kontakt s potencijalnim kupcima. Web stranica mora biti vizualno

    privlana i potaknuti klijenta na daljnje koritenje stranice. Wordpress daje velik izbor

    besplatnih predloaka (tema) koje se mogu koristi za oblikovanje stranice. Predloak se

    dodaje na sljedei nain:

    U izborniku Wordpress-a kliknuti na opciju Appearance

    Kako bi izabrali ili promijenili predloak kliknuti na opciju Themes

    Izbor tema, predloaka Dodavanje widgeta npr. pretraivai, kalendari itd. Kreiranje izbornika

    Klikom na opciju Themes prikazat e se raspoloive teme

    Tema se odabire klikom na opciju Activate

  • NAPOMENA: Odabirati teme koje su oznaene s oznakom Activate, teme koje su

    oznaene sa oznakom Purchase se naplauju.

    Klikom na gumb Customize (lijeva slika) prikazat e se odabrana tema (desna slika)

    Kroz opciju Customize your blog mogua je izmjena ili dodavanje naslova teme

    (naziv poduzea), dodavanje pozadinskih slika, dodavanje slika u zaglavlje teme itd.

    2.1.1.1. Dodavanje pozadinskih slika

    Ako se umjesto predloenog dizajna i boja odabrane teme eli dodati slika kao pozadina

    web sjedita uinit e se kroz opciju Appearance.

    Kliknuti na opciju Appearance - Background

    Uitati sliku s raunala ili iz galerije slika

    Nakon to se odabrana slika uita kliknuti na gumb Save Changes

  • Na desnoj slici prikazan je izgled web sjedita nakon uitavanja slike kao pozadine web

    sjedita u odnosu na zadani izgled odabrane teme (predloka)

    2.1.1.2. Dodavanje slika u zaglavlje web sjedita

    Kliknuti na opciju Appearance - Customize - Header

    Uitati sliku s raunala ili iz galerije slika

    Nakon to je odabrana slika uitana kliknuti na gumb Save Changes

    2.2. Dodavanje stranica, izbornika i podizbornika na web sjedite

    Web mjesto potrebno je popuniti s informacijama, slikama te ostalim sadrajima npr.

    podacima o poduzeu, kontakt podacima, proizvodima i uslugama koje poduzee nudi

    itd. Da bi se to uinilo potrebno je napraviti stranice, podstranice, a time i izbornike,

    podizbornike kako bi omoguili navigaciju po web sjeditu. Stranicama se upravlja

    pomou opcije Pages koja se nalazi na administratorskom suelju Wordpress-a.

    Prikaz svih stranica

    Dodavanje nove stranice

  • Klikom na opciju Pages All Pages prikazat e sve stranice i podstranice web

    sjedita

    Klikom na opciju Pages - Add New dodaje se nova stranica na web sjedite

    Upis naziva stranice

    Opis sadraja stranice

    Objava stranice

    Opcija za Like i dijeljenje web sjedita na drutvenim Mreama

    Nakon unosa eljenih podataka na stranicu kliknuti na gumb Publish Vana opcija prilikom dodavanja nove stranice, izbornika te podizbornika je opcija Page

    Attributes. Ona slui za odreivanje stranica te podstranica i redoslijeda istih u prikazu

    izbornika stranice.

    Ako prilikom dodavanja nove stranice za opciju Parent ostavimo No parent znai da se

    radi o stranici, glavnoj stranici. Ukoliko elimo dodati podstranicu, pod opcijom Parent

    odabiremo stranicu kojoj elimo dodati podstranicu.

    Primjerice, stranici Asortiman elimo dodati podstranice Proizvod 1, Proizvod 2. To e

    se uiniti na sljedei nain, prilikom kreiranja stranice Proizvod 1 pod opcijom Parent

    odabirete Asortiman, a pod opcijom Order odreuje se kojim e se redoslijedom

    prikazati Proizvod 1 ako imate nekoliko podstranica stranice Asortiman. Na isti nain

    dodaje se i podstranica Proizvod 2, pod opcijom Parent ponovno odabrati Asortiman,

    ali pod opcijom Order je potrebno upisati broj 2, ukoliko elimo da se Proizvod 2

    prikazuje ispod Proizvoda 1 u podizborniku. Ako je na obje podstranice vrijednost opcije

    Order 0, prvi podizbornik biti e podstranica koja je zadnja kreirana.

  • 2.3. Postavke prikaza postova (vijesti) na poetnoj stranici Nain prikaza poetne stranice (Home page) odreuje se putem opcije Settings - Reading. Postoje 2 mogunosti prikaza poetne stranice, prikaza po posljednjem unesenom postu (Your latest post )ili prikaz putem statine stranice (Static page). NAPOMENA: Za vjebu je potrebno postaviti opciju "Your latest post" da se na poetnoj stranici uvijek vidi najnoviji post (vijest). 2.3.1. Unos i ureivanje postova (vijesti) Post predstavlja osnovni sadraj bloga i obino se postavlja na poetnu stranicu. Postovima(vijestima) se upravlja kroz administratorsko suelje putem opcije Posts.

    Dodavanje novog posta (vijesti)

    Kliknuti na opciju Posts - Add New Post

    Nakon to su se unijeli svi eljeni podaci kliknuti na gumb Publish Vijest je objavljena na poetnoj stranici

  • Izmjena objavljenog posta (vijesti)

    Kliknuti na Posts - All Post Odabrati post (vijest) koja se eli izmijeniti Kliknuti na opciju Edit Nakon izmjene kliknuti na gumb Update

    2.4. Umetanje slika i poveznica (linkova) na druge stranice Vizualni element je prvo to posjetitelj stranice uoi te ako je on skladan i privlaan klijent e nastaviti istraivati stranicu. Wordpress pomou opcije Media omoguava dodavanje slika, videa i ostalih medijskih sadraja. Slika na stranicu uitava se na sljedei nain:

    Klikom na gumb Add Media dolazi se do opcije za unos slika

    Kliknuti na Select Files kako bi se odabrala slika ili slike koje se ele uitati na

    web sjedite

    Nakon unosa slika potrebno je klikom mia oznaiti jednu ili vie slika koje se

    ele unijeti na stranicu

    Odabirom slike s desne strane pojavljuje se izbornik u koji se upisuje naziv slike,

    opis, odreuje da li e slika biti postavljena centrirano, lijevo ili desno, te veliina

    slika

  • K