mobile menu trigger, icon

Category: WordPress

Up to March 10, 2022, WordPress is the widest category in this blog. I could include this topic within the “Web Development.” But depending on the volume of posts, I decided to give it a standalone room to breathe.

To be more specific, many of the posts require programming knowledge. Also, there are some WordPress posts that are beginner-friendly and I wrote them as supplementary to another complex post.

Here is a couple of them:

How to Remove “Website Field” From the Comments
How to Add Page-Slug to Body Class?
What to Do When You’re Unable to Reset Password
How to Display Related Posts (Without Plugin)
How to Add Pagination to Theme?
Remove random string (WordPress v= in URL)


How to create an HTML sitemap for WordPress (without a plugin)?

Create an HTML sitemap for WordPress without any plugins

There are various ways to create an HTML sitemap for a WordPress website. Also, there are numerous plugins that you can use to create a sitemap. But I am not going to use any plugin at this moment because I know how to make it properly and style it exactly the way I want. In this post, I will show you how to create a dynamic sitemap for a WordPress website without any plugins. I said “Dynamic” because this sitemap will update automatically after you create a new post or page. Create a sitemap for your WordPress website without any […]

Read More →

How to fix if the Yoast SEO breadcrumb shows IP instead of the domain?

Replace breadcrumb IP with domain

Recently (February 2023) I encountered a situation where the Yoast SEO breadcrumb shows IP instead of my domain name. I have been using AWS Lightsail as the hosting. You may already know that it’s tough to get access to the phpMyAdmin or MySQL Database on AWS. You have to go through PuTTY (3rd party software) to get access to your database. From there, you have to fix the database locally and then transfer it back to AWS. There are lots of belts & whistles you have to tie. There are valid reasons for hardening this access, especially for security reasons. […]

Read More →

How do you strikethrough text in Elementor?

To strikethrough text in Elementor, follow the steps below: Step 1: Select the words/texts that you want to strikethrough. Step 2: Click on the “Toolbar Toggle” to expand it. (screenshot: step 2) Step 3: Click on the “Strikethrough” symbol. (screenshot: step 3) In some situations, you may need strikethrough text in the heading text. See below to learn how you can do that. Also, there is a keyboard shortcut (hotkeys) for strikethrough text: “Shift + Alt + D.” After selecting the texts, you can hit these three buttons to strikethrough both on Elementor and WordPress Gutenberg block. How to strikethrough […]

Read More →

Elementor Mailchimp integration (Quick & step by step process)

Elementor MailChimp integration

For the Elementor Mailchimp integration, you need an API key. That means you have to get your API key from the Mailchimp account in the first step. And then you have to store the API key on your Elementor website to connect with your audience (previously it was named List). To make this integration/connection, follow the steps below. Step 1: Get your Mailchimp API key After you log in to your Mailchimp account, click on your profile picture at the bottom-left corner, then click on “Profile“, then “Extras” and finally click on “API keys” (as you see in the screenshot […]

Read More →

How do test emails on a localhost WordPress website?

If you’re working on a WordPress localhost website, you may need to test the email-sending options. As you may know that WordPress can’t send emails from localhost servers. Now the question is how you can test them before pushing the website to a live server. When I say localhost, it could be XAMPP, WampServer, MAMP, Local by Flywheel, or anything that could be installed on your local machine to create a PHP-based web server. Anyways, you may think of installing an SMTP (Simple Mail Transfer Protocol) plugin to send emails from your WordPress website. But on localhost, it does not […]

Read More →

Elementor editor not loading – Fix in 3 minutes

A quick fix to Elementor editor not loading

If the Elementor editor not loading on your website, this guideline will help you to fix the issue in just 3 minutes or so. I found hundreds of advice on the internet when I first time faced this issue. I was working on a client’s website and when I tried to edit a page with Elementor page builder, that kept loading sine-die & never finishes loading. After a sudden period, it was showing a message “There’s is a problem loading Elementor? Please enable safe mode to troubleshoot the problem.” I enabled the safe mode but it did not solve the […]

Read More →

How to change the default sender email address in WordPress?

Change sender email address in WordPress

By default, your website sends emails from “wordpress@your-domian.com.” To change this “Sender Email ID” or the “From Field” address on WordPress, you need to update the “wp_mail()” function, wp_mail_from (hook) & wp_mail_from_name (hook). However, you don’t need to be a guru to follow along with me. In this post, I will show you how to change the default sender email address & name easily. There are a couple of ways to do it. However, In this example, I will not use any plugin to do that. Instead, I will edit the functions.php in the theme. How to change the sender’s […]

Read More →

Elementor coming soon page (create & download 2 templates)

How to activate & create Elementor coming soon page

This will show you how to activate the “Maintenance” mode & create a coming soon page in Elementor. I will also give you two different downloadable templates to import into your website. Before I dive in, let’s see the two “Coming Soon” pages below. How to activate the “Coming Soon” mode in Elementor? On your WordPress admin dashboard, navigate to “Elementor – Tools – Maintenance Mode” And make the following changes: Option Value Choose Mode Coming Soon Who Can Access Custom Roles Administrator Choose Template Select a template And save your changes. However, if you do not already have an […]

Read More →

How to make Elementor transparent header? (download JSON)

How to mamke Elementor transparent header

You can create a transparent header in the free version of Elementor in a different way than this post. However, in this post, I will show you how to make an Elementor transparent header in the premium version. Also, I will give you downloadable headers (JSON files) so you can import them to your website and make necessary edits. The final two products will look like the following screenshots. Let’s get started. After you create a custom header in your “Theme Builder” follow the steps below. How to create Elementor transparent header? In your WordPress admin dashboard, navigate to “Templates […]

Read More →

How to align the button to the bottom of the column in Divi?

Align buttons to the bottom of columns in Divi

In Divi, to align the button to the bottom of the column, go to the “Row Settings” as you see below. Now go to each column’s settings, and the click on “Advanced” tab & then “Custom CSS.” And write the following two lines of CSS to the “Main Element” of each column. As mentioned, you have to do this for all your columns. In my example, I have 3 columns and did the same for all 3 columns. Only with the above two lines of CSS, the columns look like the screenshot below. Anyways, you are done with the column […]

Read More →