Mid Sweden University

miun.sePublications
Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf
Skapa Wordpress-mallar med ACF: Hur bra är Gutenberg-editorn i jämförelse
Mid Sweden University, Faculty of Science, Technology and Media, Department of Information Systems and Technology.
2019 (Swedish)Independent thesis Basic level (university diploma), 10 credits / 15 HE creditsStudent thesis
Abstract [en]

This thesis is about how you can use the plugin Advanced Custom Fields, ACF, to create a WordPress-template. In this project it has been created several different parts for a WordPress-template. The parts that's been created with ACF is accordion, news, menu, theme settings and timetables. These parts are created from design sketches with the help of ACF, Sass, PHP and jQuery. The parts are created to be responsive and to achieve this Bootstrap 4 and Flexbox has been used. ACF is a Plugin that is used to help the user to add and edit information and parts of at WordPress-mall. By adding a repeter field in a layout in modules you can create a section with multiple accordions that groups together. I have also changed layout and functionality for an existing plugin for traffic situations. I have also looked at the new Gutenberg editor and how it works compered to using ACF. The result shows that all parts has been created with ACF, Sass, jQuery och PHP and ACF has been used to build dynamic parts to the webbsite. The project has reached the conclusion that ACF is a good and simple plugin to use. Gutenberg can also become good in the future when it has been tested and developed more by developers and users to see what needs it can fill in the future. I have also looked at the ethic aspects of the work.

Abstract [sv]

Detta examensarbete handlar om att använda plugin Advanced Custom Fields, ACF, för att skapa Wordpressmallar. I arbetet har det skapats ett antal delar av en Wordpress-mall som är tänkt till en webbplats. De delar som är skapade med ACF i Wordpress-mallen är accordion, nyheter, meny, theme settings och tidtabeller. Dessa delar är skapade efter en befintlig designskiss med hjälp av ACF, Sass, PHP och jQuery. Delarna är skapade för att vara responsiva och därför har Bootstarp 4 grid system och flexbox använts. ACF är ett plugin som hjälper användaren att enkelt lägga in och redigera delar i en mall. Genom att lägga upprepade fält i en layout i modules kan man till exempel skapa en sektion med flera stycken accordions som sitter ihop. Sen har jag även ändrat layout och funktionalitet för ett befintligt plugin för trafikinformation. Jag har också kollat på hur den nya Gutenberg editorn fungerar i jämförelse med att använda ACF. Resultatet visar att det gick bra att skapa de tänkta delarna med hjälp av ACF, Sass, jQuery och PHP. ACF har använts för att bygga dynamiska delar till webbplatsen. Projektet har nått slutsatsen att ACF är ett bra och enkelt plugin att använda sig av. Gutenberg editorn kan nog bli bra i framtiden då den har utvecklats mer och testats av utvecklare och användare för att se vilka behov den kan uppfylla i framtiden. Jag har även utvärderat etiska aspekter av arbetet.

Place, publisher, year, edition, pages
2019. , p. 37
Keywords [sv]
ACF, Wordpress, Gutenberg, Sass, jQuery
National Category
Computer Engineering
Identifiers
URN: urn:nbn:se:miun:diva-36311Local ID: DT-V19-G2-026OAI: oai:DiVA.org:miun-36311DiVA, id: diva2:1324908
Subject / course
Computer Engineering DT1
Educational program
Web Development TWEUG 120 higher education credits
Supervisors
Examiners
Available from: 2019-06-14 Created: 2019-06-14 Last updated: 2019-06-14Bibliographically approved

Open Access in DiVA

No full text in DiVA

Search in DiVA

By author/editor
Westlund, Maria
By organisation
Department of Information Systems and Technology
Computer Engineering

Search outside of DiVA

GoogleGoogle Scholar

urn-nbn

Altmetric score

urn-nbn
Total: 140 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf