Radionica izrade WordPress tema nastala je u sklopu projekta izrade web stranica KSIZ-a. Do kraja radionice izradit ćemo dvije WordPress teme: osnovnu WordPress temu i dodatnu za Web stranice KSIZ-a.
Program
Uvodni sat (8.4.)
1. termin (13-19.4.)
P: Povijest HTML-a, HTML5, elementi, atributi, hijerarhija, semantika. Što još omogućuje HTML5.
V: Struktura osnove HTML stranice, formatriranje teksta, strukturalni elementi, putanje.
- HTML5 Up and Running. Mark Pilgrim: O’Reilly, Google Press, 2010. (pogl. 1, 2, 3 i 9) (online) (knjižnica)
- A brief history of HTML. Scott Reynen, 2009. <http://atendesigngroup.com/blog/brief-history-of-html> (10.4.2015.)
- HTML Begginer and Intermediate. HTML Dog. <http://htmldog.com/guides/html/> (10.4.2015.)
- HTML begginings // Web standards curriculum. W3C. <http://www.w3.org/wiki/Web_Standards_Curriculum> (10.4.2015.)
2. termin (20.-26.4.)
P: CSS, vrste selektora, pseudo-selektori, svojsta i vrijednosti, box model, Bootstrap
V: Stiliziranje elemenata, izgradnja i korištenje mreže (eng. grid), progressive enhancement
- CSS reference. Sara Soueidan, 2015. <http://tympanus.net/codrops/css_reference> (15.4.2015.)
- CSS Beginner and Intermediate. HTML Dog. <http://htmldog.com/guides/css> (15.4.2015.)
- Learn to code HTML and CSS. Shay Howe, 2014. <http://learn.shayhowe.com/html-css> (15.4.2015.)
- Google material design. 2014. <http://www.google.com/design/spec/material-design/introduction.html> (15.4.2015.)
3. termin (4.-10.5.)
U trećem terminu radionice izrađujemo statičnu stranicu koju ćemo naknadno pretvoriti u WordPress predložak. Ponavljamo HTML, CSS i Bootstrap, te upoznajemo još neke praktične koncepte.
Odabrane web stranice za preradu su stranice Filozofskog fakulteta.
4. termin (11.-18.5.)
P: Uvod, povijest, sintaksa, tipovi podataka, operacije nad različitim tipovima podataka, žongliranje tipovima podataka, kontrolne strukture, funkcije
V: Uključivanje eksternih datoteka, superglobalne varijable u praksi, rad sa sesijama, osnovni sustav sa autorizaciju korisnika (prijava i odjava korisnika)
5. termin (27.-31.5.)
P: Osnove rada u WordPressu. Upoznavanje administracijskog i korisničkog sučelja, instalacija WordPressa.
6. termin (1.-7.6.)
V: Rezanje statične stranice koju smo izradili kao predložak i pretvaranje u WordPress temu. Osnovna struktura WordPress teme, header.php i footer.php, WordPress hooks, osnovne radnje s WordPress Loopom (naslov, sadržaj, poveznica, datum, izvadak).
- The themeshaper WordPress theme tutorial, 2nd edition. Michelle Langston, 2012. <http://themeshaper.com/2012/10/22/the-themeshaper-wordpress-theme-tutorial-2nd-edition>
Ishodi
Po završetku osoba bi trebala poznavati rad WordPressa, anatomiju WordPress teme, osnovne radnje s The Loopom, razumjeti WordPress Codex i lako pronalaziti odgovore na pitanja, izraditi osnovnu WordPress temu; osoba bi trebala s lakoćom pisati HTML i CSS