Extend WordPress

Tools, tips and code snippets you can add to your functions.php file to give your WordPress website new functionality, new shortcodes and control & override your theme’s settings. Learn how to create your own WordPress plugins for when you want to add new functionality that transcends whatever theme you’ve got applied.

Before and After Image Tutorial

Before and After Image Slider

Learn how to use the Cocoen JavaScript module to create before-and-after image sliders in WordPress. We’ll use the built-in WordPress Gallery Block to make it easy to layout the images.

WordPress Geolocation Access Control

Restrict WordPress Pages or Products by Country

Conditionally restrict access to WordPress posts, pages and products by country, based on visitor IP Geolocation lookup. We’ll use some geo-IP magic to get a visitor’s country, and compare it against either a block-list, or an allow-list.

Google maps wordpress shortcode tutorial

WordPress Google Maps Tutorial

In this tutorial, learn how to add Google Maps to your WordPress website without using a plugin. We’ll create a custom shortcode that can be used multiple times on any post/page, and it’ll support multiple markers & popup info windows, with fully customisable HTML.

Keycap tutorial

WordPress Keycaps Shortcode

Learn how to create a neat little shortcode so you can add keycaps into your WordPress posts. The tutorial is super easy to code, and simple to extend.

Upvote Posts in WordPress Tutorial

Upvote and Downvote WordPress Posts

In this tutorial we’ll build upvote and downvote buttons that can be added to any post or excerpt. We’ll start with a requirement specification, break down the components we need, and then code it.