Naslov Izrada teme za Wordpress CMS korištenjem SASS-a i Gulp-a Naslov (engleski) Development of a Wordpress theme by using SASS and Gulp Autor Domagoj Žganec Mentor Vladimir Stanisavljević (mentor)Član povjerenstva Dean Valdec (predsjednik povjerenstva)Član povjerenstva Ladislav Havaš (član povjerenstva)Član povjerenstva Vladimir Stanisavljević (član povjerenstva)Ustanova koja je dodijelila Sveučilište Sjever Datum i država obrane 2016-09-29, Hrvatska Znanstveno / umjetničko TEHNIČKE ZNANOSTI Sažetak Ovaj rad opisuje izradu teme za CMS Wordpress s ACF dodatkom. ACF dodatak (engl.
Advanced Custom Fields Plugin) proširuje administratorovo sučelje tako da admin može
dodavati gotove i stilizirane elemente (npr. klizač, citat, CTA link itd.) koji su definirani u samoj
temi od strane autora teme. Osim mogućnosti dodavanja gotovih elemenata na stranicu, ACF
dodatak nam omogućuje da konfiguriramo i dodatne globalne postavke (poput izbornika u
zaglavlju, teksta u podnožju i sl.).
Naglasak rada je na samoj izradi teme za CMS Wordpress. Pri izradi teme koristio se Gulp,
alat koji služi za automatiziranje repetitivnih zadataka u web developmentu poput osvježavanja
preglednika, minimiziranja koda i slično. Umjesto klasičnog CSS-a koristio se SASS
(Syntactically Awesome Style Sheets) s kojim možemo pisati CSS koristeći novu, bolju sintaksu.
SASS se mora kompilirati u klasičan CSS. To je također riješeno primjenom Gulpa. Osim toga
korišteni su Bourbon i Neat (SASS dodaci koji u sebi sadrže mnoštvo predefiniranih i često
korištenih elemenata).
Od ostalih programskih alata, korišten je sustav virtualizacije Vagrant i JavaScript
programska zbirka Modernizr. S Vagrantom smo pokrenuli drugi operacijski sustav (Linux)
unutar postojećeg (Windows) radi boljeg razvojnog okruženja. Modernizr je alat s kojim se
mogu provjeriti mogućnosti Internetskog preglednika (poput podrške za vektorsku grafiku, CSS3
animacije i tranzicije, HTML5 videa i sl.) te implementacije alternative ukoliko preglednik ne
podržava pojedinu mogućnost.
Sažetak (engleski) This final paper describes the procedure of making a Wordpress CMS theme with ACF
plugin. ACF plugin (Advanced Custom Fields) expands admin user interface so that admin can
add defined and stylized elements (like Slider, Quote, CTA link etc.) which are defined in the
theme itself and created by the author of the theme. Besides the feature to add defined elements
on the page, ACF allows us to configure additional global settings (like links in a header, text in
a footer etc.).
The paper focuses on making the theme itself. While developing it, Gulp was used, a tool that
automates repetitive tasks in web development like browser refreshing, code minimizing etc.
Instead of classic CSS, we used SASS (Syntactically Awesome Style Sheets) with whom it is
possible to write CSS using new, improved syntax. SASS has to be compiled into classic CSS.
Compiling was also automated with Gulp. Bourbon and Neat are SASS frameworks that contain
a lot of predefined elements that are often used.
Other tools that were used are Vagrant and Modernizr. Vagrant was used to start another
operating system (Linux) within our current (Windows) to make a better work environment.
With Modernizr, it is possible to check the abilities of a browser (like support of vector graphics,
CSS3 animations and transitions, HTML5 video etc.) and define alternatives in case browser
doesn't support certain feature.
Ključne riječi
Gulp
SASS
ACF
Vagrant
Modernizr
Wordpress
Tema
Ključne riječi (engleski)
Gulp
SASS
ACF
Vagrant
Modernizr
Wordpress
Theme
Jezik hrvatski URN:NBN urn:nbn:hr:122:928967 Studijski program Naziv: Multimedija, oblikovanje i primjena Vrsta resursa Tekst Način izrade datoteke Izvorno digitalna Prava pristupa Otvoreni pristup Uvjeti korištenja Datum i vrijeme pohrane 2016-11-18 09:37:34
