This tutorial will show you how to add theme settings, e.g. theme colors, in WordPress Customizer and recompile the theme stylesheet with the chosen variables. By having theme styling in SCSS using a library you can easily allow theme users to customize any variables in the theme stylesheet, without them having to edit the SCSS […]
In this post we’ll look at how to utilize the Gutenberg editor to create great-looking and modern frontpages or landing pages. We will especially look at how you as a developer can adjust your theme code to support this. This guide is perfect for you who want to adjust an older theme to support Gutenberg, […]
A somewhat less known feature in Gutenberg is the option to set up different styles for blocks. You can register as many different styles upon any type of block in order to give the same block different designs. Possible styles for blocks are displayed as a section in the editor’s right hand side. Each style […]
AJAX is a technique you can use in Javascript for fetching data from server and updating the contents of your page without reloading it in your browser. In this post we’ll dive into how to properly use AJAX in WordPress. Most of you are probably familiar with performing AJAX requests outside WordPress, and want to […]
Today we will learn where and how to add code outside the templates in our theme. We do this by adding the theme’s functions.php file. Along the way we’ll also learn how to add your stylesheets and scripts the proper way. A theme’s functions.php file A theme needs somewhere to place code that is not […]
WordPress offers multiple methods to add styles and scripts for frontend and admin, both for adding files and straight out outputting variables/output. This post goes into detail with code examples of how to add scripts and styles to WordPress the correct way. Scripts and styles can be registered and enqueued by defining unique handles (slug-like […]