Website Tutorial

Although our theme has a style.css file, it is not used yet. Let’s enqueue it now. Add the following code to functions.php, so that the styles added in style.css will be applied to the theme’s styles: function my_custom_theme_enqueue() {wp_enqueue_style( ‘my-custom-theme’,...

Creating and customizing a child theme in WordPress is a good practice to ensure that your customizations are preserved when the parent theme receives updates. Here’s a step-by-step guide to create and customize a child theme: Step 1: Create a...

As with sidebars and navigation menus, we can’t just output featured images in our theme and expect them to work, we must first tell WordPress that we support the feature. In functions.php add: add_theme_support( ‘post-thumbnails’ ); Now we can add_post_thumbnail();...

Adding a Sidebar Our theme also doesn’t have a sidebar (widget area), let’s fix that now. First, we need to register the sidebar in functions.php: function my_custom_theme_sidebar() {register_sidebar( array( ‘name’ => __( ‘Primary Sidebar’, ‘my-custom-theme’ ), ‘id’ => ‘sidebar-1’,) );...

Functions.php is not strictly a required file, but it provides so many benefits that 99.99% of themes have it. In functions.php, you can take advantage of WordPress’ built-in theme functionality and also add your own custom PHP code. Now create...

index.php is a strictly required file. Its job is to render all of our theme’s front-end output. Since index.php will render all of our pages (home, posts, categories, archives), it will do a lot of work. First, we need a...

In /wp-content/themes/, create a folder called my-custom-theme and create the following two files: style.css In order for WordPress to recognize our theme and output it correctly in the Appearance → Theme list, we need to put some WordPress specific code...

Tracking buttons with Google Tag Manager (GTM) involves a few steps to set up tags, triggers, and variables. Here’s a step-by-step guide on how to track button clicks using GTM: Step 1: Set Up Google Tag Manager Create an Account...

Firstly we want to add a generic button click trigger, so we can track all clicks on the page. (I am assuming you have already got GTM on your page. If not, follow these instructions) Follow these simple steps to implement…...

Regex symbols, also known as regular expressions, are special characters with unique meanings that allow developers to create complex patterns for matching specific sequences of characters in a text string. Understanding and mastering these symbols is crucial for writing efficient...