Uvod u veb dizajn WORDPRESS 3 Karlo Bala

Uvod u veb dizajn WORDPRESS – 3 Karlo Bala dr Zoltan Geler

Sadržaj 1. Osnovni elementi veb sajta 2. Teme 3. Vidžeti 4. Dodaci 5. Osnovna podešavanja 6. HTML i CSS u WP 2/41

Osnovni elementi veb sajta - 1 1. Zaglavlje (Header) 2. Glavni sadržaj (Main Content) 3. Traka (Sidebar) 4. Podnožje (Footer) 3/41

Osnovni elementi veb sajta - 2 � Zaglavlje � Naziv sajta, logo, meni, polje za pretragu, itd. � Najčešće � Glavni isti format na svakoj strani sajta sadržaj � Članci (dinamički sadržaj - blog) � Stranica (statični sadržaj - page) � Traka � Prostor � Može � Footer za vidžete biti više traka i mogu biti sa obe strane � Kopirajt 4/41

Sadržaj 1. Osnovni elementi veb sajta 2. Teme 3. Vidžeti 4. Dodaci 5. Osnovna podešavanja 6. HTML i CSS u WP 5/41

Teme � Skup osobina koje definišu korisnički i administratorski interfejs sajta (sličan princip kao kod tema u PP) � Uopšteni � Fontovi izgled sajta � Boje � Raspored elemenata � Način prikaza bloga � Promenom teme menja se kompletan izgled veb sajta! � Promenom teme ne gubi se sadržaj, ali je neke elemente potrebno ponovo postaviti na mesto (pr. meniji – Manage Locations, vidžeti, itd. )! 6/41

Teme – primer Happen. Stance 7/41 MH Newsdesk lite

Teme – skladište 8/41

Teme – pretraga i instalacija 1 � Dodaju se pritiskom na dugme ”Add New” � Mogu se pretraživati (“Search themes”) i instalirati (“Install”) � Mogu se postaviti i slanjem zip arhive sa računara (“Upload theme”) � U slučaju nemogućnosti instalacije teme (sajtovi hostovani na serveru FF) u fajl wp-config. php dodati sledeće: � define('WP_PROXY_HOST', 'proxy. uns. ac. rs'); � define('WP_PROXY_PORT', '8080'); � define('WP_PROXY_BYPASS_HOST', 'localhost'); 9/41

Teme – pretraga i instalacija 2 10/41

Teme – instalacija sa računara � Pronaći temu na sajtu www. wordpress. org i sačuvati zip arhivu na računaru � Poslati zip arhivu teme na sajt koristeći opciju 11/41

Teme - podešavanja 12/41

Teme – podešavanje zaglavlja � Podešavanje zaglavlja zavisi od teme do teme � Varira broj opcija, ponekad se razlikuju i nazivi za iste stvari � Podešavanja se nalaze u: Appearance -> Customize -> …Header… 13/41

Sadržaj 1. Osnovni elementi veb sajta 2. Teme 3. Vidžeti 4. Dodaci 5. Osnovna podešavanja 6. HTML i CSS u WP 14/41

Vidžeti � Mali blokovi (elementi) koji vrše određenu funkciju (prikazuju neki poseban sadržaj) � Mogu se postaviti u traku ili drugo mesto predviđeno za postavljanje vidžeta (widget area) 15/41

Vidžeti - skladište 1. 2. 3. Dostupni vidžeti Predefinisana mesta za vidžete Postavljeni vidžeti (Right Sidebar - desna traka) 16/41

Vidžeti – podrazumevani 1 � Prikazivanje mesečne arhive članaka � Prikazivanje kalendara � Prikazivanje kategorija � Prikazivanje korisničkog menija 17/41 � Primer korisničkog vidžet menija

Vidžeti – podrazumevani 2 � � Prikazivanje stranica � Primer vidžeta skorašnjih članaka Prikazivanje polja za pretragu Prikazivanje proizvoljnog teksta (može i HTML-a) 18/41 � Primer polja za pretragu

Vidžeti - postavljanje � � Novi vidžeti mogu se dodati u WP instalacijom dodataka (nema svaki instalirani dodatak svoje vidžete!) Postavljaju se na stranicu prevlačenjem na željeno mesto (pr. right sidebar – desna traka) 19/41

Vidžeti - podešavanje 20/41

Vidžeti - pregled 21/41

Vidžeti – uklanjanje sa stranice 22/41

Sadržaj 1. Osnovni elementi veb sajta 2. Teme 3. Vidžeti 4. Dodaci 5. Osnovna podešavanja 6. HTML i CSS u WP 23/41

Dodaci � Dodaju � Bolji novu funkcionalnost u WP editor, višejezični sajt, prevod sa ćirilice na latinicu, kalendar događaja, Google mape, itd. 24/41

Dodaci – instalacija - 1 � Dodaci se iz WP mogu instalirati klikom na link “Add New” (na slici levo) 25/41

Dodaci – instalacija - 2 � Mogu se pretraživati pre instalacije � Mogu se instalirati sa računara � Nakon instalacije dodatak se mora aktivirati! � Ponekad 26/41 je neophodno i podešavanje pre upotrebe!

Dodaci – instalacija sa računara � Pronaći dodatak na sajtu www. wordpress. org i sačuvati zip arhivu na računaru � Poslati zip arhivu dodatka na sajt koristeći opciju 27/41

Korisni dodaci - 1 � Unapređeni � Višejezična tekst WYSIWYG editor podrška, omogućava pisanje sadržaja na više jezika 28/41

Korisni dodaci - 2 � Konverter latinicu � Slajderi 29/41 iz ćirilice u � Za srpski jezik podrazumevano pismo je ćirilica � Ovaj dodatak prevodi nazive ugrađenih elemenata (vidžeta) na latinicu

Korisni dodaci - 3 � Foto galerija � Google 30/41 mapa na sajtu

Sadržaj 1. Osnovni elementi veb sajta 2. Teme 3. Vidžeti 4. Dodaci 5. Osnovna podešavanja 6. HTML i CSS u WP 31/41

Osnovna podešavanja - 1 � Naziv 32/41 sajta, formati datuma i vremena, jezik

Osnovna podešavanja - 2 � Početna desno) 33/41 stranica (blog – levo, statičan sadržaj -

Osnovna podešavanja - 3 � Komentari (isključivanje mogućnosti komentarisanja članaka) 34/41

Osnovna podešavanja - 4 � Podešavanje skladišta sadržaja (podrazumevane rezolucije fotografija) 35/41

Osnovna podešavanja - 5 � Prilikom postavljanja slika u skladište sadržaja, WP automatski pravi četiri veličine: Thumbnail, Medium, Large i Full Size � Za konfigurisanje maksimalne veličine fajla (podrazumevano je 2 MB) koji se može poslati potrebno je: fajl pod nazivom. htaccess � Uneti sledeće redove na kraj (broj označava maksimalnu veličinu fajla za slanje) � Otvoriti � php_value upload_max_filesize 8 M � php_value post_max_size 8 M � php_value max_execution_time 300 � php_value max_input_time 300 36/41