undergraduate thesis
Development of a Wordpress theme by using SASS and Gulp

Domagoj Žganec (2016)
Sveučilište Sjever
Sveučilišni centar Varaždin
Odjel za multimediju, oblikovanje i primjenu
Metadata
TitleIzrada teme za Wordpress CMS korištenjem SASS-a i Gulp-a
AuthorDomagoj Žganec
Mentor(s)Vladimir Stanisavljević (thesis advisor)
Abstract
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.
KeywordsGulp SASS ACF Vagrant Modernizr Wordpress Theme
Parallel title (English)Development of a Wordpress theme by using SASS and Gulp
Committee MembersDean Valdec (committee chairperson)
Ladislav Havaš (committee member)
Vladimir Stanisavljević (committee member)
GranterSveučilište Sjever
Lower level organizational unitsSveučilišni centar Varaždin
Odjel za multimediju, oblikovanje i primjenu
PlaceKoprivnica
StateCroatia
Scientific field, discipline, subdisciplineTECHNICAL SCIENCES
Graphic Technology
Processes of Graphic Reproduction
Study programme typeprofessional
Study levelundergraduate
Study programmeGraphical Studies: Multimedia, Design and Application
Academic title abbreviationbacc. ing. techn. graph.
Genreundergraduate thesis
Language Croatian
Defense date2016-09-29
Parallel abstract (English)
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.
Parallel keywords (Croatian)Gulp SASS ACF Vagrant Modernizr Wordpress Tema
Resource typetext
Access conditionOpen access
Terms of usehttp://rightsstatements.org/vocab/InC/1.0/
URN:NBNhttps://urn.nsk.hr/urn:nbn:hr:122:928967
CommitterJasna Kosić