prikaz prve stranice dokumenta Izrada teme za Wordpress CMS korištenjem SASS-a i Gulp-a
  Download
PDF 1.33 MB
undergraduate thesis
Izrada teme za Wordpress CMS korištenjem SASS-a i Gulp-a
2016. urn:nbn:hr:122:928967
Žganec, Domagoj
University North
University centre Varaždin
Department of Multimedia, Design and Application

Cite this document

Žganec, D. (2016). Izrada teme za Wordpress CMS korištenjem SASS-a i Gulp-a (Undergraduate thesis). Koprivnica: University North. Retrieved from https://urn.nsk.hr/urn:nbn:hr:122:928967

Žganec, Domagoj. "Izrada teme za Wordpress CMS korištenjem SASS-a i Gulp-a." Undergraduate thesis, University North, 2016. https://urn.nsk.hr/urn:nbn:hr:122:928967

Žganec, Domagoj. "Izrada teme za Wordpress CMS korištenjem SASS-a i Gulp-a." Undergraduate thesis, University North, 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', Undergraduate thesis, University North, accessed 19 April 2024, https://urn.nsk.hr/urn:nbn:hr:122:928967

Žganec D. Izrada teme za Wordpress CMS korištenjem SASS-a i Gulp-a [Undergraduate thesis]. Koprivnica: University North; 2016 [cited 2024 April 19] Available at: https://urn.nsk.hr/urn:nbn:hr:122:928967

D. Žganec, "Izrada teme za Wordpress CMS korištenjem SASS-a i Gulp-a", Undergraduate thesis, University North, Koprivnica, 2016. Available at: https://urn.nsk.hr/urn:nbn:hr:122:928967

Please login to the repository to save this object to your list.
Metadata
TitleIzrada teme za Wordpress CMS korištenjem SASS-a i Gulp-a
Title (english)Development of a Wordpress theme by using SASS and Gulp
AuthorDomagoj Žganec
MentorVladimir Stanisavljević (mentor)
Committee memberDean Valdec (predsjednik povjerenstva)
Committee memberLadislav Havaš (član povjerenstva)
Committee memberVladimir Stanisavljević (član povjerenstva)
GranterUniversity North
(University centre Varaždin)
(Department of Multimedia, Design and Application)
Koprivnica
Defense date and country2016-09-29, Croatia
Scientific / art field,
discipline and subdiscipline		TECHNICAL SCIENCES
Graphic Technology
Processes of Graphic Reproduction
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.
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.
Keywords
Keywords (english)
Languagecroatian
URN:NBNurn:nbn:hr:122:928967
Study programmeTitle: Graphical Studies: Multimedia, Design and Application
Study programme type: professional
Study level: undergraduate
Academic / professional title: stručni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka multimedijske i grafičke tehnologije (stručni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka multimedijske i grafičke tehnologije)
Type of resourceText
File originBorn digital
Access conditionsOpen access
Terms of useLicence In copyright icon
Created on2016-11-18 09:37:34