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 WordPress custom post type (without plugin)?

How to create a custom post type in wordpress

To create a WordPress custom post type without any plugin, you need a little developer-level knowledge. You don’t have to be a guru. If you know how to edit your theme files, that should be okay to follow these instructions. The custom post type in WordPress (CPT) becomes very handy when you need to publish similar types of content regularly. WordPress comes with two default post types: post & page. Aside from these two, if you need to create an additional post type, follow along with me. In this post, I will show you how to create a custom post […]

Read More →

How to fill a table cell with color in WordPress Gutenberg?

How to fill table cell with color in WordPress

Are you struggling to fill WordPress table cells with color? This post will show you the simplest solution. Recently I needed to fill a couple of table cells with colors in WordPress Gutenberg (for an HTML color table post). Also, I did not want to use any table plugin for this purpose. Because I always try to use plugins as lowest as I can. Anyways, I discovered that WordPress does not have any built-in feature to fill a table cell with colors. I tried to use the “Highlight” option in the WordPress table. But the “Highlight” feature only allows you […]

Read More →

How to add a button to download pdf in Elementor?

Make pdf downloadable button in elementor

Step-1: Upload the PDF to the WordPress media library To add a downloadable PDF button in Elementor, upload the PDF file itself to the WordPress media library. Take a copy of the URL of the PDF file. Step-2: Insert the PDF URL to the Elementor button Now go to the page where you want to add the PDF download button. Open the page with Elementor page builder. Insert a “Button Widget,” right-click on the button and insert the PDF URL/link that you have copied in the above step. Step-3: Add a custom “download” attribute to the link Now click on […]

Read More →

How to add an Elementor lightbox video (dynamic popup)?

How to add elementor lightbox video

This post will show how to add a lightbox video in Elementor and a dynamic video popup button. How to add a lightbox video in Elementor? Login to your WordPress website, go to any of your posts or page, and open it with Elementor builder. Drag & drop a “Video Widget” on the page. Insert your video URL from Youtube, Vimeo, or Dailymotion, or upload your own video to the WordPress media library. Turn on the option “Image Overlay” and this is the most important to open the video in the lightbox. See the screenshot below. Choose an overlay image […]

Read More →

How to add Calendly to WordPress (with & without plugins)?

How to add Calendly to WordPress website

Calendly is a scheduling platform used by thousands of consultants, entrepreneurs, and anybody who allows booking a schedule with them. It has both free and premium versions but the integration process with WordPress is the same. In this post, I will show how to add a Calendly booking calendar to your WordPress website. In my examples, I insert Calendly with a plugin and without any plugins. Also, I will show how to add Calendly to Elementor, Divi, and general WordPress sites. Table of contents 1. Add Calendly to WordPress without plugins 2. Add Calendly using a WordPress plugin 3. Insert […]

Read More →

How to create a circular image in Elementor?

How to create a circular image and rounded border in Elementor

In this post, I will show a couple of things related to the Elementor image. Such as how to make a rounded (circle) image, add a circular border to the image, etc. How to create a rounded image in Elementor? Login to your WordPress dashboard and open any page or post with Elementor page builder. Drag & drop an “Image Widget” into the page. Not to mention, if you want to make a fully rounded image with a 90-degree angle to each corner, you have to upload a square size image. Otherwise, the may not look great and it will […]

Read More →

How to export and import Elementor page templates?

Export & import Elementor page templates and sections

You can export and import any Elementor pages, sections, etc for future use. It saves a lot of time and you don’t have to spend too much time creating the same design over & over. If you like a design or page on your website, you can export the page as a template and save it on your computer. In the same vein, you can create a new page with the same design by importing it. How to save or export an Elementor page template? Once you created a page with the Elementor page builder, open the page with Elementor. […]

Read More →

How to add reCAPTCHA to Elementor forms?

How to add Google reCAPTCHA to Elementor forms

reCAPTCHA protects your website from malicious software. It prevents spam bots from interacting with your site. Not only Elementor users but also every website needs this type of risk analysis engine that protects websites from vulnerabilities and annoying bot comments. Elementor is one of the trending page builder plugins for WordPress in 2022. Thousands of websites use this drag & drop builder to create a stunning online presence within a short period of time. However, Elementor does not have any built-in artificial intelligence for Turing test capability. So you have to use a 3rd party tool to determine if a […]

Read More →

How to close the Elementor accordion by default?

Close Elementor accordion by default

The first element of Elementor accordions is opened by default. It’s not a good or bad thing and just a matter of choice. Some website owners like the accordions closed by default and some are not. Elementor accordions behave like a toggle. These accordions contain titles and descriptions. The description is generally closed (collapsed) and it opens after you click the accordion title. In the same manner, it closes after you click the title again or click on another accordion title. The accordions are generally used when you create a FAQ section (Frequently asked questions). It can contain lots of […]

Read More →

How to create an Elementor popup and subscription form (pro)?

How to create Elementor popup and subscription form

You need a PRO version of Elementor in order to create a popup and subscription form. There are three different ways you can trigger the popup with conditions, dynamic tags, and CSS selectors. I will show you all these methods. If you prefer video instructions, watch the video below or keep reading. Table of contents 1. How to create an Elementor popup 2. Connect Elementor form with email platforms like MailChimp How to create an Elementor Popup? To create the popup in Elementor, follow these steps: 1. Add a new popup from the ‘Template’ menu After you login to your […]

Read More →