Uvod u veb dizajn WORDPRESS 2 - University of Novi...

Uvod u veb dizajn WORDPRESS – 2

Karlo Bala

dr Zoltan Geler

2/35

Sadržaj

1. Prikaz, skladište sadržaja i editor

2. Stranice (Pages)

3. Članci (Posts)

4. Povezivanje sadržaja (meniji)

3/35

Upravljanje sadržajem u WordPress-u

Osnovni načini za prikaz sadržaja su:

Stranice (pages)

Članci (posts)

Stranice

Služe za prikazivanje statičnog sadržaja (sadržaj koji se ne menja često)

Hijerarhijski su uređene (odnos roditelj / dete)

Članci

Služe za prikazivanje dinamičkog sadržaja (sadržaj koji se često menja i dopunjuje)

Razvrstani su u kategorije

4/35

Skladište sadržaja

Služi za čuvanje sadržaja poput slika, video zapisa, dokumenata i ostalih vrsta fjalova

Sadržaje je na stranice i članke moguće linkovati sa drugih sajtova, ali oni nestaju ukoliko se obrišu sa originalnog sajta

Prozor za rad sa skladištem sadržaja pokreće se klikom na link “Media”

5/35

Skladište sadržaja – postavljanje

Novi sadržaj dodaje se klikom na dugme “Add New”

Fajlove je moguće prevući mišem iz drugih programa ili odabrati klikom na dugme “Select Files”

6/35

Editor sadržaja

Za unos sadržaja na stranice i članke koristi se WYSIWYG (What You See Is What You Get) editor

7/35

Editor sadržaja - opcije

1. Dodavanje sadžaja iz skladišta

2. Formatiranje

3. Povezivanje

Dodavanje i brisanje linkova

4. Dodavanje “Read more” oznake u tekst

5. Prikaz dodatnih opcija editora

6. Način prikaza (WYSIWIG ili Tekst)

7. Sakrivanje svih opcija u WP osim editora

8/35

Editor sadržaja – dodavanje iz skladišta

Otvara se klikom na ikonu

U skladištu se mogu nalaziti slike, video materijali, dokumenti ili bilo koji drugi fajlovi

Sadržaj se ubacuje na mesto kursora u editoru klikom na željenu ikonu, a zatim i na dugme “Insert into post”

9/35

Editor sadržaja - formatiranje

Formatiranje se vrši na sličan načio kao u programu Word

Nakon selektovanja sadržaja bira se alatka iz palete

10/35

Editor sadržaja - povezivanje

Linkovi se ubacuju selektovanjem teksta (slike) i pritiskom na ikonu

Link je moguće uneti direktno u polje ili otvoriti dijalog prozor sa dodatnim opcijama klikom na točkić

U dijalogu dodatnih opcija nalazi se polje za unos URL-a linka, naziva linka, opcija za otvaranje u novoj kartici, polje za pretragu i lista stranica sajta

11/35

Sadržaj

1. Načini prikaza sadržaja i editor

2. Stranice (Pages)

3. Članci (Posts)

4. Povezivanje sadržaja (meniji)

12/35

Stranice (Pages)

Služe za prikazvanje statičnog sadržaja na sajtu (sadržaj koji se ne menja često)

Dodaju se klikom na link “Pages” sa leve strane Dashboard-a, a zatim na dugme “Add New”

13/35

Stranice - primer

14/35

Stranice – pregled i objava

Nakon unosa, stranica se može pregledati klikom na link “Preview” i/ili objaviti klikom na link “Publish”

Objavljena stranica vidljiva je svim posetiocima sajta

15/35

Stranice – organizacija1

Stranice u WordPress-u su hijerarhijski organizovane u odnosu roditelj / dete

Može biti i bez roditelja (prvi nivo)

Hijerarhijska organizacija stranica ima strukturu poput foldera u Windows-u

Služi za internu organizaciju sadržaja radi lakše pretrage i modifikacije

Može da posluži i za automatsko uređenje veb sajta (npr. automatsko kreiranje strukture menija iz hijerarhija stranica – napredno korišćenje hijerarhija)

16/35

Stranice – organizacija 2

U listi koja prikazuje hijerarhiju, stranica koja je dete uvučena je za jedno mesto u desno u odnosu na roditelja

17/35

Stranice – opcije 1

Opcije za podešavanje stranica većinom se nalaze sa desne strane editora

Prikaz opcija može se menjati klikom na dugme “Screen Options”

18/35

Stranice – opcije 2

Brza promena opcija može se uraditi u listi stranica klikom na dugme “Quick Edit”, nakon čega se pojavljuje sekcija za promenu opcija

19/35

Stranice – opcije 3

1. Naziv stranice

2. Autor

3. Roditelj stranice

4. Redosled stranice u okviru istog roditelja

20/35

Sadržaj

1. Načini prikaza sadržaja i editor

2. Stranice (Pages)

3. Članci (Posts)

4. Povezivanje sadržaja (meniji)

21/35

Članci (Posts)

Služe za unos dinamičkog sadržaja koji je organizovan hronološki od najnovijeg ka najstarijem (Blog)

Na blog strani, članci se mogu prikazati u celosti ili u izvodu (sa ili bez slike, u kolonoma, itd.)

22/35

Članci - dodavanje

Dodaju se klikom na link “Posts” sa leve strane Dashboard-a, a zatim na “Add new”

23/35

Članci – organizacija 1

Nemaju hijerarhijsku strukturu poput stranica

Smeštaju se u kategorije (skladišta članaka) koje služe za filtriranje članaka prilikom pregleda

Članci koji nisu smešteni u neku od kategorija podrazumevano se smeštaju u kategoriju “Uncategorized”

24/35

Članci – organizacija 2

Stranica za kreiranje i brisanje kategorija otvara se klikom na link “Posts” zatim na “Categories”

25/35

Članci – organizacija 3

Kategorije su organizovane hijerarhijski slično kao i stranice

Svaka kategorija može, ali i ne mora da ima roditelja

Prilikom dodavanja nove kategorije unosi se naziv kategorije i roditelj

26/35

Članci – opcije 1

Smeštanje članaka u određenu kategoriju vrši se tako što se popuni polje za potvrdu pored imena kategorije

27/35

Članci – opcije 2

Brza promena opcija može se uraditi klikom na dugme “Quick Edit” nakon čega se pojavljuje sekcija za promenu opcija

28/35

Sadržaj

1. Načini prikaza sadržaja i editor

2. Stranice (Pages)

3. Članci (Posts)

4. Povezivanje sadržaja (meniji)

29/35

Povezivanje sadržaja

Radi lakše navigacije, sadržaji (stranice, članci, itd.) u WordPress-u povezani su linkovima

Linkovi se obično nalaze u vrhu ili sa strane sajta i grupisani su u menije (izbornike)

30/35

Povezivanje sadržaja – meniji 1

Prozor za upravljanje menijima otvara se klikom na link “Appearance”, a zatim na “Menus”

31/35

Povezivanje sadržaja – meniji 2

Kreiranje menija sastoji se od sledećih koraka:

1. Obeležavanje stranica, postova ili kategorija i dodavanje klikom na dugme “Add to Menu”

32/35

Povezivanje sadržaja – meniji 3

Kreiranje menija sastoji se od sledećih koraka:

2. Uređivanje linkova mišem

Linkovi se prevlače mišem gore - dole i levo – desno

Linkovi koji su pomereni desno u odnosu na link iznad čine podmeni

33/35

Povezivanje sadržaja – meniji 4

Kreiranje podrazumeva sledeće korake:

3. Dodeljuje se naziv meniju zatim se sačuva

34/35

Povezivanje sadržaja – meniji 5

Kreiranje podrazumeva sledeće korake:

4. Odabira se lokacija za meni

U zavisnosti od ostalih podešavanja, sajt može imati više predviđenih pozicija za menije

35/35

Povezivanje sadržaja – meniji 6

Dodavanje linka u meniju na prizvoljnu stranicu na internetu:

Otvoriti sekciju “Custom Links”

U polje URL uneti adresu stranice

U polje “Link Text” uneti naziv linka i kliknuti na dugme “Add to Menu”

Uvod u veb dizajn WORDPRESS – 2

Karlo Bala

dr Zoltan Geler