Praksa WordPress

Razvoj web sajta pomoću CMS alata WordPress

Prof. dr Angelina NjegušVanredni profesor

Niš, mart 2015.

Agenda

Šta je CMS?

Šta je važnije sadržaj ili dizajn?

Osnove WordPress-a

Registracija

Kreiranje web strane

Kreiranje web posta

Šta je CMS?

CMS - Content Management System

Informacioni sistem koji omogućava upravljanje sadržajem web sajta

Š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!

Š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!

CMS role

Top 3 CMS alata

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!

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“

Registracija

https://wordpress.com/

Registracija

Ukucajte spojeno vaše ime i prezime i godinu rođenja

Registracija

Unesite vašu validnu email adresu

Unesite željene parametre za logovanje na sajt WordPress-a

Odaberite username

Odaberite željenu šifru

Registracija

Kliknite na

No Thanks!

Registracija

Odaberite besplatne teme za dizajn vašeg sajta

Aktivirajte nalog

Otvorite vaš email i kliknite na Activate Account!

Dobro došli u WordPress!

Kliknite na WP Admin!

Odaberite željenu temu!

Kliknite na Appearance, a zatim na Themes!

Odabir teme

Kliknite na Free

Odaberite Wilson temu i kliknite na Activate ili Preview

Kreiranje Web strane!

Kliknite na Pages, a zatim na Add New!

Napomena:

Po difoltu su vam kreirane jedna strana About i jedan post Home!

Kreiranje web strane

Naslov strane: Welcome

Tekst:

Obojite reči Univerzitet Singidunum drugom bojom

Značenje menija

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:

Pregled unetog sadržaja

Kliknite na Publish, a zatim Preview

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>

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

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

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

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)

Uređivanje kontakt forme

Kliknite na Email Notifications

Unesite željeni email, na koji će stizati sadržaji kontakt forme

Finalni izgled kontakt forme

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.

Kreiranje kategorija

Kliknite na Posts, a zatim na Categories

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)

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

Ubacivanje ankete (Poll)

Kliknite na Add Poll

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

Izgled posta

Kreiranje menija

Appearance – Menus

Kreirati meni pod nazivom GlavniMeni, a zatim dodati kreirane strane i kategorije

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.

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

Prof. dr Angelina NjegušE-mail: anjegus@singidunum.ac.rs