1. Razvoj web sajta pomoću
CMS alata WordPress
Prof. dr Angelina Njeguš
Vanredni profesor
Niš, mart 2015.
2. Agenda
Šta je CMS?
Šta je važnije sadržaj ili dizajn?
Osnove WordPress-a
Registracija
Kreiranje web strane
Kreiranje web posta
3. Šta je CMS?
CMS - Content Management System
Informacioni sistem koji omogućava upravljanje
sadržajem web sajta
4. Šta je važnije sadržaj ili dizajn?
Dobar dizajn privlači, ali dobar sadržaj zadržava!
Dizajn i sadržaj treba da šalju istu poruku!
Dizajn i pisani sadržaj su ključni faktori u sticanju
bolje pozicije kod pretraživača!
Web sajt je živa predstava i zahteva održavanje!
5. Šta je važnije sadržaj ili dizajn?
Web dizajn i sadržaj su podjednako važni za
uspešan razvoj i predstavljanje web sajta!
8. Uvod u WordPress
Open source
Dobro pozicioniran kod
pretraživača
Nije samo platforma za
blogovanje!
Puno funkcionalnosti koje
omogućavaju razvoj
ozbiljnog eCommerce sajta!
9. Osnove WordPress-a
WordPress je izgrađen oko dva osnovna koncepta:
Pages – web strana sa statičnim sadržajem, koji se ne menja često, na
primer strana „O nama“
Posts – postovi se prikazuju hronološkim redom, na primer posts
„Vesti“
22. Unos teksta i videa
Ubacite video
Pretražite na YouTube-u željeni video
Kliknite na Share i kopirajte link
Kliknite na Text Editor i postavite link
Kreirajte hiperlink
Otkucajte tekst: Posetite naš sajt www.singidunum.ac.rs
Selektujte adresu sajta i kliknite na ikonu za hiperlink
Unesite adresu:
24. Ažuriranje postojeće
strane
Otvorite postojeću stranu: About
Promenite naziv u: Kontakt
Kucajte u Text editoru sledeći tekst:
<h5 style="background-color: lightgrey;">Adresa:</h5>
Singidunum Univerzitet
Centar Niš
Nikole Pašića 28
18000 Niš
Srbija
<h5 style="background-color: lightgrey;">Pronađite nas::</h5>
25. Ugrađivanje mape
Koraci dodavanja Google mape na stranu:
Idite na sajt maps.google.com
Ukucajte adresu: Nikole Pašića 28, Niš
Kliknite na Settings
26. Ugrađivanje mape
(nastavak)
Kliknite na Share or Embed Map
Odaberite karticu Embed Map
Odaberite mapu manje veličine:
Small
Kopirajte link
U produžetku teksta (Text Editor)
postavite (Paste) kopirani link
27. Ubacivanje kontakt forme
U nastavku teksta (i dalje pod Text editor-om) kucajte:
<h5 style="background-color: lightgrey;">Kontaktirajte nas:</h5>
Tel: 018/208300
e-mail: centarnis@singidunum.ac.rs
<h5 style="background-color: lightgrey;">Ukoliko želite možete popuniti i donji obrazac i mi
ćemo vas kontaktirati:</h5>
Pređite na Visual Editor i kliknite na Add Contact Form
28. Ubacivanje kontakt forme
Izmenite postojeća polja:
Umesto Name stavite Ime
(prethodno kliknite na Edit)
Dodajte novo polje klikom
na Add a new field koje
ćete nazvati Prezime (tip
polja je Text i čekirajte
Required) i klikom na
Move pomeriti do ispod
imena
Dodajte novo polje
Zanimanje (tip polja je
Drop down), a nazivi opcija
su: Profesor, Student,
Radnik, Đak (ne mora da
bude obavezno polje)
29. Uređivanje kontakt forme
Kliknite na Email Notifications
Unesite željeni email, na koji će stizati sadržaji kontakt forme
31. Kreiranje posta
Pre nego što napravite svoj prvi post potrebno je da kreirate:
Kategorije – služe za organizaciju postova. Neki postovi mogu imati
svoje nadređene (Parent) kategorije. Na primer, Kursevi i Konferencije
mogu podređeni kategoriji Događaji.
Tagove – omogućavaju brže pronalaženje određenog sadržaja, lakšu
navigaciju i pomažu pretraživačima da razumeju sadržaj vašeg sajta.
33. Izmena postojećeg posta
Kliknite na Posts i odaberite All Posts
Među postojećim se nalazi jedan post Hello World!
Umesto difoltnog teksta otkucajte sledeće i ubacite sliku:
Odaberite kategoriju: Događaji (sa krajnje desne strane)
34. Ubacivanje slike
Odaberite slike (poželjno većeg formata) i sačuvajte na
Desktopu
Kliknite na Add Media
Upload Files
Prevucite ili kliknite na Select File i pronađite sa Desktopa vašu sliku
Kliknite Insert into Post
36. Kreiranje novog posta
Kliknite na Posts, a zatim na Add New
Naslov: Praksa
Nakon ukucanog prvog pasusa, kliknite
na Insert read more tag, kako bi se
tekst prelomio:
Ubacite Featured Image (sa krajnje
donje desne strane)
Selektujte kategorije Događaji i Praksa
Kreirajte tagove: praksa, đaci
38. Kreiranje menija
Appearance – Menus
Kreirati meni pod nazivom GlavniMeni, a zatim dodati kreirane strane i kategorije
39. Ubacivanje dodataka
(Widgets)
Appearance – Widgets
Dodati Kalendar: kliknuti na Calendar i prevući mišem do
Sidebar. Dati naslov (Title) Kalendar događaja
Dodati meni: kliknuti na Custom Menu i prevući do
Footer 1
Dodati pretragu: kliknuti na Search i prevući do Sidebar
Dodati prikaz najkorišćenijih i traženih tagova: Tag Cloud
i prevući do Sidebar
Dodati fiksni tekst: Text prevući do Sidebar i uneti naslov
Student u centru učenja, a u okviru sadržaja Kontakt
telefon i email.
Dodati sliku: Image prevući do Sidebar. Dodati link na
sliku.
40. Podešavanja
Settings
Opšta podešavanja: Settings - General
Site title: modifikovati naziv sajta
Biranje Home stranice: Settings – Reading
Front page display: Your latest posts ili A static page