prikaz prve stranice dokumenta Izrada teme za Wordpress CMS korištenjem SASS-a i Gulp-a
  Preuzmi
PDF 1.33 MB
završni rad
Izrada teme za Wordpress CMS korištenjem SASS-a i Gulp-a
2016. urn:nbn:hr:122:928967
Žganec, Domagoj
Sveučilište Sjever
Sveučilišni centar Varaždin
Odjel za multimediju

Citirajte ovaj rad

Žganec, D. (2016). Izrada teme za Wordpress CMS korištenjem SASS-a i Gulp-a (Završni rad). Koprivnica: Sveučilište Sjever. Preuzeto s https://urn.nsk.hr/urn:nbn:hr:122:928967

Žganec, Domagoj. "Izrada teme za Wordpress CMS korištenjem SASS-a i Gulp-a." Završni rad, Sveučilište Sjever, 2016. https://urn.nsk.hr/urn:nbn:hr:122:928967

Žganec, Domagoj. "Izrada teme za Wordpress CMS korištenjem SASS-a i Gulp-a." Završni rad, Sveučilište Sjever, 2016. https://urn.nsk.hr/urn:nbn:hr:122:928967

Žganec, D. (2016). 'Izrada teme za Wordpress CMS korištenjem SASS-a i Gulp-a', Završni rad, Sveučilište Sjever, citirano: 14.04.2024., https://urn.nsk.hr/urn:nbn:hr:122:928967

Žganec D. Izrada teme za Wordpress CMS korištenjem SASS-a i Gulp-a [Završni rad]. Koprivnica: Sveučilište Sjever; 2016 [pristupljeno 14.04.2024.] Dostupno na: https://urn.nsk.hr/urn:nbn:hr:122:928967

D. Žganec, "Izrada teme za Wordpress CMS korištenjem SASS-a i Gulp-a", Završni rad, Sveučilište Sjever, Koprivnica, 2016. Dostupno na: https://urn.nsk.hr/urn:nbn:hr:122:928967

Za citiranje koristite ovu mrežnu adresu: https://urn.nsk.hr/urn:nbn:hr:122:928967
Prijavite se u repozitorij kako biste mogli spremiti objekt u svoju listu.
Podaci o radu
NaslovIzrada teme za Wordpress CMS korištenjem SASS-a i Gulp-a
Naslov (engleski)Development of a Wordpress theme by using SASS and Gulp
AutorDomagoj Žganec
MentorVladimir Stanisavljević (mentor)
Član povjerenstvaDean Valdec (predsjednik povjerenstva)
Član povjerenstvaLadislav Havaš (član povjerenstva)
Član povjerenstvaVladimir Stanisavljević (član povjerenstva)
Ustanova koja je dodijelila
akademski / stručni stupanj		Sveučilište Sjever
(Sveučilišni centar Varaždin)
(Odjel za multimediju)
Koprivnica
Datum i država obrane2016-09-29, Hrvatska
Znanstveno / umjetničko
područje, polje i grana		TEHNIČKE ZNANOSTI
Grafička tehnologija
Procesi grafičke reprodukcije
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
Ključne riječi (engleski)
Jezikhrvatski
URN:NBNurn:nbn:hr:122:928967
Studijski programNaziv: Multimedija, oblikovanje i primjena
Vrsta studija: stručni
Stupanj studija: stručni
Akademski / stručni naziv: stručni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka multimedijske i grafičke tehnologije (bacc. ing. techn. graph.)
Vrsta resursaTekst
Način izrade datotekeIzvorno digitalna
Prava pristupaOtvoreni pristup
Uvjeti korištenjaIkona licence Zaštićeno autorskim pravom.
Datum i vrijeme pohrane2016-11-18 09:37:34