WordPress Gutenberg : Perustoiminnallisuudet ja niiden laajentaminen

Abstract

Opinnäytetyö tutki ja analysoi WordPressin 5.0 version mukana julkaistun Gutenberg-muokkaimen käyttöä ja laajennusmahdollisuuksia. Opinnäytetyön tavoitteena oli tuottaa toimeksiantajayrityksen WordPress-kehittäjille ohjeisto, joka kuvaa, miten Gutenbergia laajennetaan WordPressin omilla toiminnoilla ja Advanced Custom Fields -lisäosan tuomilla toiminnolla. Opinnäytetyössä tutkittiin ja esitettiin, miten Advanced Custom Fields -lisäosa yhdistetään Gutenberg-muokkaimeen. Tarkoituksena oli kuvailla uutta muokkainta ja sen ominaisuuksia sekä tutkia ja esittää, miten Gutenberg-muokkainta muokattiin ja laajennettiin luomalla omia lohkoja ja tyylejä muokkaimeen.

Opinnäytetyössä selvitettiin omien lohkojen ja lohkotyylien luomista Gutenberg-muokkaimen sisään. Lisäksi opinnäytetyössä esitettiin erilaisia tapoja, joilla voidaan hallita Gutenberg-muokkaimen lohkojen näkyvyyttä, hallita muokkaimen väripalettia ja poistaa käytöstä muokkaimen valmiita ominaisuuksia.

Opinnäytetyössä havaittiin, että Gutenberg-muokkaimen laajentaminen vaatii ohjelmointiosaamista ja WordPressin perustoimintojen ymmärtämistä. Gutenbergia muokkaamalla ja laajentamalla saadaan kehitettyä omia sisällönhallintamahdollisuuksia WordPress-asennukseen ja tapoja hallita sisältöä paremmin.

This thesis examines and analyzes the usage of Gutenberg editor and its expan-sion capabilities released with the WordPress version 5.0. The aim of the thesis was to provide instructions for WordPress developers in the client company on how to extend Gutenberg with WordPress's own functions and the functions included in the Advanced Custom Fields plugin. The purpose of the thesis report was to study how to combine the Advanced Custom Fields plugin with the Gutenberg editor, to describe the new editor and its features, as well as how to edit and expand the editor by creating own blocks and styles inside it.

The results were a variety of options for managing the visibility of the Gutenberg editor blocks, creating one’s own blocks and styles inside Gutenberg, overriding the color palette in the Gutenberg editor, and disabling Gutenberg's redundant properties.

The thesis study showed that expanding the Gutenberg editor requires programming expertise and understanding the basic functions of WordPress. By customizing and expanding Gutenberg, it is possible to develop individual content management capabilities for WordPress installation and manage the content of the WordPress environment more easily.