But what exactly does WordPress theme customization involve? It’s about customizing the look and functionality of your WordPress site, keeping in mind your specific needs and adding that touch of personality that will make it stand out from a myriad of identical templates. Forget the generic templates everyone else uses; add your own personal touch and make your site truly one-of-a-kind.

Anyone can do it—WordPress was created for this very purpose, after all—but to be more successful in this endeavor, it would be best to know a little HTML and CSS, know how MySQL databases work, and perhaps have a smattering of PHP.

But don’t be afraid; let’s delve deeper into the nitty-gritty. Let’s try to understand, step by step, how to approach the process with some practical code examples. First, let’s focus on two key terms: “WordPress themes” and “WordPress customization,” which are the two guiding concepts.

Understanding WordPress Theme Customization

WordPress themes, also or more commonly called templates, determine the overall look and functionality of your website. Customizing them allows you to add your own personal touch and create a unique online presence. It’s essential to first fully understand the theme’s structure, including theme files, templates, and design elements.

WordPress was designed to clearly distinguish between layout, functionality, and content, and each of these features can be used or customized separately.

The layout is obviously the graphic aspect of your WordPress website, and the theme is the foundation of the entire design. It therefore defines the overall layout, color scheme, and style. You can install as many as you like, but only one must be active, and activating another changes the entire look of the site. There are thousands of free and paid themes available, so finding the perfect one can be a real challenge.

Choosing the right WordPress theme

Choosing the most suitable theme for your idea or business is the foundation of a successful customization process. The first, vast, and most importantly, free selection of themes can be found through the official WordPress repository, but there are third-party marketplaces that offer thousands of paid WordPress themes, which can actually cost just a few euros. It can be a bit confusing to choose from, but keep in mind that any WordPress theme can be customized, so it’s best to focus on themes that more or less perfectly align with your website’s niche.

You should try to identify those that load the fastest and offer responsive design for an optimal user experience. Then, once you’ve found the theme you think is best, it’s time to unleash your creativity and proceed with the customization phases.

WordPress Theme Customization

You start by going to the WordPress dashboard and then to the “Appearance” section, but before diving completely into customization it is very important to understand and do a few things:

• First: make a backup. That’s the best advice I can give you!
• Second: create a child theme.

These two things that you shouldn’t forget ensure that your changes won’t be lost in the event of problems or when updating the theme. They should be done immediately at the start of your work because, for example, in the case of a child theme, once it’s created it must be activated, and any changes made, if deactivated, could be lost. So, once activated, you work on that rather than the parent theme, and now we’ll see why.

Understanding How WordPress Themes Are Set Up

Let’s understand the basics of a WordPress theme. The first thing to understand is where the folder containing the installed theme files is located, and to do so, we need to connect using FTP management software.

Once connected, we go to the /wp-content/themes folder that contains all the installed WordPress themes, whether main or child, and we locate the folder containing our theme and see which files it contains.

In the folder, you’ll almost certainly find some files 98% of the time. I said 98% of the time because there are also very complex themes that are organized differently. We’ll leave those aside for now, as these WordPress themes require a high level of expertise to make changes, but these are very specific cases. Let’s see which files you’ll almost always find:

• style.css : This is the main file containing the CSS code used to customize the theme’s graphic style, including colors, fonts, and layout.
• functions.php : the “backbone” of the WordPress theme where you can add custom functions using PHP code to extend the theme’s functionality.
• index.php : basically the theme’s home page.
• header.php and footer.php – These are the files that contain the customizations for the header and footer sections.
• single.php and archive.php : you may sometimes miss these files, because they can be managed in different ways, but their use is aimed at containing the layout of individual posts and archive pages.
• page.php : same thing for this file which, if it exists, contains the layout of the individual pages.

By working with these files and knowing a little CSS, HTML, or PHP, you can customize your site to suit your unique style and requirements. Let’s say you want to change the font size of your blog post titles. Simply open the style.css file and insert the relevant code, or locate the PHP Functions.php file and insert a code snippet with a function to adjust the font size to your liking.

But let’s not start editing yet. Let’s first look in detail at some examples of the contents of these files.

Let’s take a look at the style.css file :

/*
 Theme Name:   My Custom Theme
 Theme URI:    http://example.com/my-custom-theme/
 Description:  Child theme for the parent theme
 Author:       Your Name
 Author URI:   http://example.com
 Template:     parent-theme-folder-name
 Version:      1.0.0
*/

This is an example of a WordPress child theme, and this file contains very specific data enclosed in a general comment that should not be changed or removed because it is interpreted by WordPress. The first contains the theme name, then the URL where a copy of the maintained theme is located so you can download it if necessary, then a brief description of its features, the theme author and their website, and the “Template:” line, which is very important because it contains the reference to the parent theme.

The “Child Theme” is in fact called this precisely because it cannot function unless it is dependent on the main or parent theme and its functionality is precisely to allow modifications without affecting the main theme itself in any way and therefore allowing any periodic updates.

Colons are important in WordPress themes because on the left we have the interpretation for WordPress itself, which is always the same and never changes, and on the right the actual data that is modified by the user.

After the version and the end of the general comment closed with the “*/” tag, you can “go wild” by inserting any CSS code to modify your theme. The main theme won’t be affected, but you’ll see the changes magically appear on your WordPress site. You can unleash your creativity: add a splash of color to your navigation menu, change fonts, change colors, and anything else you can think of to give your WordPress site a unique look that stands out from the crowd.

It’s always a good idea to test your changes as you go without being afraid to experiment, and there’s no need to worry if you’ve made a mistake. You can always revert to a previous version or consult the ever-helpful WordPress community for guidance. By the way, have you made all your backups?

But let’s not change that yet, let’s take a look at an example from the functions.php file :

<?php
function custom_theme_setup() {
    // Add custom logo support
    add_theme_support('custom-logo');

    // Register custom navigation menus
    register_nav_menus(array(
        'primary-menu' => __('Primary Menu', 'my-custom-theme'),
    ));

    // Add custom image sizes
    add_image_size('custom-thumbnail', 300, 200, true);
}

add_action('after_setup_theme', 'custom_theme_setup');

This example is also taken from a Child theme: in fact, we find the main functions, required to connect to the main theme. They absolutely must not be touched, otherwise your WordPress site will not work. However, you can insert your own code snippets and PHP functions below.

In addition to these two files, you can obviously also modify all other theme files using the Child theme. You just need to follow a very specific hierarchy and a few rules to have complete freedom to make any changes you want. I recommend taking a look at the standard WordPress coding for WordPress theme developers here to avoid current and future errors and problems that may arise, for example, with new WordPress updates.

Child Theme

Let’s get to the heart of WordPress theme editing and create the child theme. It’s actually very simple: first install the main theme, then, via FTP, create a folder in /wp-content/themes with any name you want for your child theme. Inside it, create two files: styles.css and functions.php. Finally, activate the child theme from the WordPress admin.

But it still doesn’t work! You need to write something inside these files.

In the styles.css file, things are simple—just copy and paste the example I gave above. However, in the functions.php file, things are a bit more complex: you need to enable the functions required by the parent theme and load its CSS stylesheets. This isn’t easy for those with little PHP knowledge.

But there’s one option you can follow to make this much easier: use a plugin. There are many that do this job, so it’s not a problem to choose. For example, the first one I found from the WordPress repository is Child Theme Wizard . But use whichever you like; the result will definitely be the same.

Use it to create your child theme and the first step towards customization is done.

So at this point, let’s summarize the steps to take:

• Install the main theme
• Install the child theme creation plugin
• Create the child theme using the newly installed plugin
• Activate the child theme from “Appearance” -> “Themes”

Many WordPress themes even come with a child theme already available, allowing you to skip some steps. Simply copy the child theme into your WordPress themes folder and activate it.

At this point we can really start our customizations (by the way: have you made backup copies?), but there are also many other ways to customize WordPress themes in their layout and/or expand their functionality.

Personalization techniques

More advanced modifications to WordPress themes can be made by working with the code, but there are other options. The simplest and most usable by users with less programming experience is the one offered by the theme itself and is a WordPress feature: the Customizer. It can be accessed from the WordPress Admin menu via ” Appearance ” -> ” Customize, ” and here you can find all the features made available by WordPress theme developers. These range from changing colors and fonts to inserting CSS code without needing to go through the style.css file. The great thing is that the Customizer works the same way with the installed child theme, so you can use both options.

Then, in the new WordPress themes that use Block features we also find other new templating possibilities that I will discuss in depth in other articles, but this is a prerogative of very recent versions of WordPress and WordPress themes suitable for this.

Extensions and custom feature additions

We’re just beginning to explore the possibilities WordPress offers, but it’s obviously impossible to cover topics requiring ongoing exploration in this post. Let’s see how WordPress themes and WordPress itself offer further possibilities for expanding and/or adding different features.

The Widgets

They aren’t immediately considered because they’re perhaps a little more difficult to understand, but WordPress widgets are small building blocks that perform specific functions and can be added to various areas of your website, either through WordPress themes or on their own, such as sidebars, footers, and other areas within or outside the theme layout.

Let’s see an example of registering a custom WordPress widget with some code to be inserted directly into the child theme’s functions.php file:

function custom_widget_init() {
    register_sidebar(array(
        'name' => __('Custom Widget Area', 'my-custom-theme'),
        'id' => 'custom-widget-area',
        'description' => __('Add widgets here to appear in the custom widget area.', 'my-custom-theme'),
        'before_widget' => '<div class="widget">',
        'after_widget' => '</div>',
        'before_title' => '<h2 class="widget-title">',
        'after_title' => '</h2>',
    ));
}

add_action('widgets_init', 'custom_widget_init');

WordPress widgets are essential tools for customizing and enhancing your website. They allow you to effortlessly add dynamic content and functionality to your websites, significantly contributing to the overall functionality and user experience of a WordPress site.

Custom page templates

WordPress custom page templates are predefined layouts for specific pages on a WordPress website. They allow developers and site owners to customize the look of individual pages or groups of pages.

For example, you might want to have pages with a different type of graphics and layout from the main pages of WordPress themes, and this can be done using specific page templates or custom page templates.

WordPress custom page templates are powerful tools that allow developers and designers to create tailored user experiences for different sections of a website. They are essential for maintaining a consistent design while accommodating different types of content, ultimately improving the overall aesthetics and usability of a WordPress website.

Custom post types and taxonomies

Using advanced scheduling, you can create custom post types and taxonomies to be used only with installed WordPress themes or installed child themes.

Custom post types (CPT) in WordPress allow you to define your own content types. WordPress has predefined posts and pages, which is the foundation of the CMS. Custom post types, on the other hand, allow you to create new content types, such as portfolios, testimonials, events, products, etc., tailored to your website’s specific needs.

Custom post types and taxonomies are powerful WordPress features that allow website administrators to effectively structure their content and provide a better experience for both users and content creators. Custom post types define new content structures, while taxonomies categorize and tag this content, making it more accessible and organized.

These are complex topics to develop with the help of a professional WordPress developer, but they can also be done independently with the willingness to learn. For those who want to delve deeper, these topics will be covered in more depth in other tutorials, as the topic requires.

WordPress Theme Customization and Google Ranking

Changing your WordPress theme undoubtedly has a significant impact on SEO, and can be significant, provided you know what you’re doing. Themes impact your site’s appearance and performance, content formatting, and the structured data used. There are strategies to ensure your rankings remain stable or even increase when you change themes.

The actual content of your website is not affected by the WordPress theme or themes you choose, but the article dictates how the material is presented.

It’s extremely important that your theme uses the appropriate heading structure, following the rules for HTML h1, h2, h3, etc. tags. There’s nothing better than being able to customize your WordPress site’s structure via code to fully comply with SEO requirements. SEO optimization techniques vary, and everyone uses what best suits their product or service. Therefore, knowing how to customize WordPress themes effectively helps you adapt to SEO techniques aimed at achieving greater relevance on Google and other search engines. Check out my tutorial on SEO basics.

Conclusion

These few basic concepts will allow you to successfully customize your website and create a unique online presence, both in terms of presentation and SEO. However, remember that a website is a constant work in progress. Stay up-to-date with theme and plugin updates, add new features as needed, and consistently create engaging content to improve your Google rankings.

Let’s see together how to install XAMPP and brackets to have a complete development system on your Windows, Linux or Mac OsX PC.

Windows

Go to  https://www.apachefriends.org/index.html  and click on “XAMPP for Windows”.

Wait for the file to download, then right-click the downloaded file and select  “Run as administrator  .” In the dialog box that opens asking if you want to disable User Account Control (UAC), click “OK.”

Follow the installation wizard and click “Next” to proceed when prompted. Select an installation folder when prompted, then make sure  C://xampp  is selected as the installation path. Continue clicking “Next” until the installation begins. Once the installation is complete, click “Finish.”

Go to the C://xampp folder   and double-click the  xampp-control.exe file  .

To start any module, click the  Start button  next to it. To stop it, click the  Stop button  . For example, to start/stop the Apache web server module, click the  Start/Stop button  next to  Apache  .

Mac

Go to  https://www.apachefriends.org/index.html  and click on “XAMPP for OS X”.

After downloading, double-click to run the .dmg file and depending on your Mac system version you may be asked to drag the XAMPP icon to the Applications folder or clicking on the XAMPP icon will run the installer directly. 

Proceed through the installer and XAMPP will be installed in your Mac’s Applications folder.

Once the installation is complete, if all went well, you should see your default browser open to the main XAMPP home page:

To verify that everything is working correctly, you need to open the manager-osx, i.e. the XAMPP control panel, and click on the “ Manage Servers ” tab. If all three server icons are green, everything is ok. Otherwise, there may be some conflict on the ports of your Mac.

In this case you need to select the server that does not have the green icon (and is therefore not active), then click on “configure” and change the port used by the service to avoid conflicts with other applications that use the same port, then restart the service until you verify that it is active and that its icon is green.

Installing brackets

To install Brackets, go to  http://brackets.io/  and click the “Download Brackets” button to download the application.

Once downloaded, double-click the downloaded file to start the installation.

On Windows, continue clicking “Next” to complete the installation. When the installation is complete, click the “Finish” button.

On Mac, drag “brackets” to the Applications folder when prompted.

Running PHP scripts

Open brackets and create a new file (  File > New  ) by inserting the following code into the file:

<!DOCTYPE html>
<html>
<head>
    <title>My first PHP page</title>
</head>
<body>
    <h1>My first PHP page</h1>
    <?php
        #Simple hello world page    
        echo "Hello World!";
    ?>
</body>
</html>

Save the file as  hello.php  in your  htdocs folder  .

On Windows, the  htdocs folder  is located in the XAMPP installation directory  (for example, C:\xampp  ).

On Mac, to find the  htdocs folder  just open the manager-osx and click on “Open Application Folder”:

To run the file, open the XAMPP control panel and make sure Apache is running.

On both Windows and Mac, you can type  http://localhost/hello.php  in your browser’s address bar. (  Note  : If Apache is running on a  different port  , you’ll also need to add the port number to the URL. For example, type http://localhost:8089/hello.php if you’re using port 8089.)

You should see the following output:

If you are having problems starting Apache or MySQL in XAMPP, it is likely due to a port conflict.

Resolving port conflicts on Windows

When you install XAMPP, Apache binds to ports 80 and 443 by default, while MySQL binds to port 3306. If these ports are currently in use by another service or application, you will receive an error message (see the screenshot below) when you try to start the service.

To see which ports are currently being used by another application, click “Netstat” in the XAMPP control panel:

Resolving port conflicts on Apache

To resolve any port conflicts for Apache, choose a port that isn’t currently in use. In the following tutorial, we’ll use ports 8089 and 4433.

Launch the XAMPP control panel and click the  Apache>Config button  . Next, select  Apache (httpd-conf)  and look for  Listen 80  . Change it to  Listen 8089  . Finally, look for  ServerName localhost:80  and change it to  ServerName localhost:8089  .

To upload any localhost file now, use http://localhost:8089/ instead of http://localhost/

Resolving port conflicts for MySQL

First, launch XAMPP Control Panel and click  MySQL > Config  . Select  my.ini  . Change  port = 3306  to  port = 3305.

Save the file. Next, click 
Apache > Config  and select 
config.inc.php  . Change 
127.0.0.1  to 
127.0.0.1:3305  and save the file.

Restart MySQL and you should have no problem starting the service now.

To connect to the database, the host is now localhost:3305 instead of just localhost. For example, to use PDO to connect to a database called “pawszone” with “pz_admin” and “ABCD” as the username and password, respectively, use the following code:

$pdo = new PDO("mysql:host=localhost:3305;dbname=pawszone", "pz_admin", "ABCD");

In other words, you can build your own custom blocks. You do need to know PHP and React, but the process itself is relatively simple. Additionally, creating custom blocks for features you want to reuse can be very useful.

Why might you need to create WordPress Gutenberg Blocks?

There are already a lot of plugins available that add new blocks to the WordPress Block Editor, such as Atomic Blocks or Stackable and many others, but if there is a particular block you would like to use and you can’t find it, you just have to create a custom block to use with the Gutenberg editor.

How to Manually Create WordPress Gutenberg Blocks (In 2 Steps)

The Gutenberg Editor Block API is the tool you’ll need. In this section, I’ll help you set up a new plugin to add a block to your editor. To do this, all you need are two files (and some code).

Step 1: Create a plugin to call your lock files

The cleanest way to create a custom Gutenberg Editor block is to set up a plugin that “enqueues,” or calls, your block scripts and adds them to the editor.

To get started, log in to your website via FTP. Once logged in, go to your rootWordPress folder and wp-content/pluginsyou’ll find the folders for all the plugins on your website.

Create a new folder. In this tutorial we’ll call it test-block, but you can obviously name it whatever you want.

Open the folder, create a new .php file (giving it the same name as the folder), then open the empty file and add the following code:

<?php
/**
 * Plugin Name: Block Test Plugin
 * Author: Marco Brughi
 * Version: 1.0.0
 */
  
function load_Block() {
  wp_enqueue_script(
    'my-custom-block',
    plugin_dir_url(__FILE__) . 'custom-block.js',
    array('wp-blocks','wp-editor'),
    true
  );
}
   
add_action('enqueue_block_editor_assets', 'load_Block');

With this code we simply created a function to load our block script at the end which we called custom-block.js , obviously the file doesn’t exist yet we will create it later.

Additionally, the feature also includes two script dependencies: wp-blocksand wp-editor. The former handles block registration, among other features, while also wp-editorincluding several core components you might need, such as Rich Text .

Step 2: Register your block and configure its attributes

The plugin’s core PHP file is ready, so it’s time to write the Javascript file custom-block.jsin the same root directory as the plugin.

/* Questa sezione del codice registra un nuovo blocco, imposta un'icona e una categoria e indica quale tipo di campi includerà. */
  
wp.blocks.registerBlockType('brad/border-box', {
  title: 'Simple Box',
  icon: 'smiley',
  category: 'common',
  attributes: {
    content: {type: 'string'},
    color: {type: 'string'}
  },
  
/* Questo configura come funzioneranno i campi di contenuto e colore e imposta gli elementi necessari */
  
  edit: function(props) {
    function updateContent(event) {
      props.setAttributes({content: event.target.value})
    }
    function updateColor(value) {
      props.setAttributes({color: value.hex})
    }
    return React.createElement(
      "div",
      null,
      React.createElement(
        "h3",
        null,
        "Simple Box"
      ),
      React.createElement("input", { type: "text", value: props.attributes.content, onChange: updateContent }),
      React.createElement(wp.components.ColorPicker, { color: props.attributes.color, onChangeComplete: updateColor })
    );
  },
  save: function(props) {
    return wp.element.createElement(
      "h3",
      { style: { border: "3px solid " + props.attributes.color } },
      props.attributes.content
    );
  }
})

We use JavaScript and React to set everything up, that is, register and configure the block’s basic attributes. After the initial section, we configure how the fields should function. This example includes a text field and a border color picker.

At this point we save the file custom-block.jsand activate the plugin from WordPress to see if everything is ok and the result.

This is a simple block, but it covers the most important fundamentals that can then be used in our projects. Whether the blocks have simple or more complex code, this is all you need to publish a block.

It’s a good idea to know JavaScript, as the Block Editor uses it extensively. It’s a bit different than working primarily with PHP, but you can achieve excellent results. In fact, using the two languages ​​together will yield sometimes unexpected but certainly excellent results.

Importance of WordPress login

After installing WordPress, you’ll have access to your website’s admin dashboard, where you can configure your site as needed and make any changes you see fit.

But that would be impossible if you didn’t have access to the admin pages. The WordPress login page is what serves or, if you prefer, prevents you or others from accessing the “management” side of your WordPress site.

It is virtually impossible to take full control of your site/blog if you don’t have access to the admin area,

But where is this WordPress login page located?

How to Find Your WordPress Login URL:

The WordPress login page can be reached by adding / login /, / admin /, or /wp-login.php  to the end of your site’s URL.

Typically, these cases should take you directly to the WordPress login page, but if that doesn’t happen, there’s another way to get to your login page: you can add /wp-login.phpto the end of the URL, like this:www.iltuosito.com/wp-login.php

If you installed WordPress in a subdirectory (www.yoursite.com/wordpress/) or subdomain (blog.yoursite.com/), add one of three paths to the end of your URL, such as: www.yoursite.com/wordpress/wp-login.php or blog.yoursite.com/wp-login.php .

Alternatively, there is a “Remember Me” option in the WordPress login form, which will allow you to stay logged in and reach your admin dashboard for a few days without having to log in again (depending on how your cookies are set):

Logging in via the WordPress login page is crucial, but easy to do. Assuming nothing wrong or malicious has happened to your site, you’ll need your email address/username and password.

That’s all. Unfortunately, malicious individuals, hackers, wannabe hackers, and various other troublemakers are everywhere, and this is one of the first targets they identify for their purposes.

What can we do to discourage them, then?

Let’s move or modify at least the WordPress login page!

How to Edit Your WordPress Login Page

Your login page shouldn’t be accessible to hackers and malicious attackers (aka bad guys), because they could access your site’s admin page and start ruining your day. Trust me, it’s not a pleasant experience!

While using a complex, unique, and long password can really help prevent unauthorized access to your site, there’s never enough you can do when it comes to security.

A quick and effective way to keep out malicious users is to move your WordPress login page to a new, unique URL . Changing the login URL through which you and your users can access your WordPress site can really help when it comes to combating random attacks, hacks, and brute force attacks.

A word about brute force attacks: Brute force attacks are hacking attempts in which the attacker repeatedly tries to guess your username and password by exploiting lists of common usernames and passwords leaked online. They simply try thousands of combinations using scripts that automate all their attempts.

There’s a high probability that your WordPress password or username could be on one of these lists being passed around. Add to this the fact that the default WordPress login URL is publicly known, and you can see how easy it can be for hackers and malicious attackers to gain access to your WordPress site.

That’s why simply moving your WordPress login page to a different, lesser-known location can help.

Edit Your WordPress Login Page with a Plugin

The most common and probably easiest way to change your WordPress login URL page is to use a free plugin like the widely used WPS Hide Login .

The plugin is very lightweight and, most importantly, doesn’t modify any files in the WordPress core or add any rewrite rules. It simply intercepts requests. It’s also compatible with almost all other plugins and shouldn’t cause any issues.

Of course, there are many others, it’s just a matter of finding the one that’s best for you.

To be clear, it should be noted that this would discourage many malicious individuals, especially the most inexperienced, but experienced and professional hackers could potentially still do what they can and still understand your login page.

Changing your login URL can also help prevent common WordPress errors like ” 429 Too Many Requests .” This is typically generated by the server when the user has sent too many requests in a certain amount of time (rate limiting). This can be caused by bots or scripts targeting your login URL. The end user rarely causes this error.

But security must be interpreted on multiple levels: the more tools, tricks, and firewalls you have running, the more difficult it will be for any malicious person to enter your site and gain control of it.

Changing Your WordPress Login Page by Editing Your .htaccess File

Another, more technical, way to change or hide the WordPress login page URL is to edit the .htaccess.

The file .htaccess‘s main role is to configure rules and configure system-wide settings. Since we’re talking about hiding the login page, .htaccesswe can’t manage that. However, this is a very technical operation, so I’ll write a separate article about it.

Limiting login attempts

Another effective security method is to limit the number of login attempts. This can be done with a free plugin like Limit Login Attempts Reloaded.

Naturally, since WordPress security is a complex topic, we’ll explore it in more depth later to give it the attention it deserves.

1. It is not always true that to insert new features into WordPress, you need a plugin or to expand the functions of our WordPress site.
2. Everyone, or almost everyone, uses the Google Analytics service to monitor the traffic of their WordPress site or blog,  which is also free and allows you to monitor more than one website.

Naturally, you’ll need a Google account, so you’ll need to register and add your new WordPress site/blog to monitor. We can then have the tracking code in this account and insert it into every page of the site. The so-called “tracking code” allows Analytics to collect and process various visitor statistics.

Google Analytics in WordPress

There are several plugins for inserting this code, but we can do it with a simple solution that only requires a little programming knowledge.

Simply find the  functions.php file   in your WordPress main template folder and insert the following code:

<?php
add_action('wp_footer', 'ga');

function ga() { ?>
    // Enter your Google Analytics ID here
<?php } ?>

This snippet simply uses the WordPress  wp_footer action to add the Google Analytics ID , which must be inserted under the “//Enter your Google Analytics ID here” heading within the snippet. This will automatically insert it into all pages of your WordPress site. This simple operation will allow you to view all the statistics on your WordPress site/blog in a truly complete and comprehensive way by connecting to Google Analytics and logging into the previously created account.