Latest WordPress editions bring some real treats for developers. We’ll take a closer look at the innovative HTML and Interactivity APIs as the most significant game changers in today’s WordPress development, with a splash of WP-CLI magic for fast, more fun development.
There might be a surprise or two.
Prepare for WordCamp Skopje 2024 workshop
Requirements
- Latest WordPress installed in local environment.
- Twenty Twenty Two theme – because it’s the last theme that uses style.css for actual styles.
- NPM and NodeJS – for creating blocks
- WP-CLI – not necessary but we’re going to use it for quick scaffolding the plugin.
Preparation
- Install the latest WordPress in your local environment (preferably http://wpgems.loc but it can be anything else you want)
- Copy content of the db/hello-world.txt and paste it in Hello World post. If your local URL is not http://wpgems.loc, change it to what you chose.
- Install (if not present in your install) and activate Twenty Twenty Two theme (you can use any other theme where it’s easy enough to add a snippet of CSS code).
- In theme’s style.css add the following code:
a[rel~=nofollow] { background-color: red !important; color: white !important; }
- Check in Hello World post if the styles are applied (all links but one should be highlighted)