WordPress News and Tips

best wordpress website design examples, award winning websites reviews

News Categories: SEO  Design  Marketing
How to Create a Dynamic HTML Sitemap Page in Divi
An HTML sitemap page can be useful for users looking to navigate your Divi site from a panoramic view. Basically, an HTML sitemap (like the name suggests) is a map of your site in HTML. The sitemap page usually contains an organized list of links to all the relevant content throughout your site. An HTML Sitemap page can be created manually, but it helps if you can generate the sitemap page content dynamically so that you don’t have to worry about constant updates.
In this tutorial, we are going to show you how to create a dynamic HTML sitemap page layout in Divi using a combination of Divi Design and the plugin WP Sitemap Page. The setup is extremely easy and the result is surprisingly effective.
Let’s get started.
Sneak Peek

Download the HTML Sitemap Page Layout for FREE
To lay your hands on the sitemap page layout from this tutorial, you will first need to download it using the button below. To gain access to the download you will need to subscribe to our Divi Daily email list by using the form below. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you’re already on the list, simply enter your email address below and click download. You will not be “resubscribed” or receive extra emails.

Download the Files

.et_bloom .et_bloom_optin_1 ....
How to Write the Perfect Job Application Email
It used to be that all you needed to do to land a job was to walk into an office, deliver a copy of your resume, and give the boss a firm handshake. These days, most companies won’t even let you past the front desk to deliver a physical document. However, hiring managers may pay attention if you submit a job application email that stands out.
There are several types of job application emails you may need to write depending on your situation. For this article, we’ll discuss when it makes sense to send each of them and share some templates you can use.
Let’s get to work!
When to Send a Job Application Email
There are several types of job application emails, including cover letters, cold pitches, interview follow-ups, and more. Each has its own set of rules. However, they all share one common goal, which is to help you get the job you want.
However, if you want to maximize your chances of success, there’s some professional email etiquette you need to be aware of. Essentially, you can boil the golden rule of job hunting down to this: follow the established application protocols.
Let’s say your dream position is opening up at a company you’ve admired for a while. The job listing states that applicants should fill out an online interest form and attach their resumes – pretty straightforward stuff.
The smart approach, in this case, would be to...
How to Add Divi-Built Highlighted Quotes Throughout Your Gutenberg Post
When writing a blog post, you’ll often find yourself wanting to quote someone or highlight a sentence used in a regular paragraph. Now, within the Gutenberg editor, you can add a quote block right off the bat, but it doesn’t provide you with as much design freedom as you’d potentially want. With Divi’s layout blocks, that’s not a problem anymore. You can easily build a particular block with Divi while still maintaining the Gutenberg environment elsewhere. In this tutorial, we’ll show you how to add inline highlighted quotes to your blog posts using Divi. You’ll be able to download the JSON file for free as well!
Let’s get to it.
Before we dive into the tutorial, let’s take a quick look at the outcome across different screen sizes.
Example #1


Example #2


Download The Divi-Built Highlighted Quotes Layouts for FREE
To lay your hands on the free Divi-built highlighted quotes layouts, you will first need to download them using the button below. To gain access to the download you will need to subscribe to our Divi Daily email list by using the form below. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you’re already on the list, simply enter your email address below and click download. You will not be “resubscribed” or receive...
How to Use the Official Google AMP WordPress Plugin
It’s common for website speeds to be slower when on a mobile device than on a browser, and the more content-rich the page, the longer it can take to load. Even if you’ve tried a few things to speed up your site, Google AMP and the WordPress AMP plugin may give you the boost you’re looking for.
When a website takes too long to load, it can raise your bounce rate. On the other hand, when a web page comes up almost instantaneously, the user experience (UX) improves and your traffic may increase. Here’s how Google AMP works and how to use it on your website.
An Overview of Google AMP
Google AMP is an open-source project that launched in October 2015. AMP stands for “accelerated mobile pages,” but Google AMP isn’t limited to mobile anymore; today, it also works across desktop pages. (For the sake of this article, though, I’ll speak mostly in terms of mobile pages, because that’s where AMP is most useful.) The purpose of Google AMP is for web content to load faster. The WordPress AMP plugin is a simple way to convert your pages to AMP versions.
The way it works is that AMP speeds up web pages thanks to limited CSS, HTML and JavaScript. Basically, it’s a way to build extra-light web pages, which reduces loading time. The Google AMP Cache hosts the content, and the cached version is what Google sends to users, allowing them to see the web page instantly. Big tech companies like Google...
Divi Plugin Highlight: Divi Magic
Have you ever wanted to show different page elements to different users based on their user role or logged-in status? How about showing specific elements based on date and time? A third-party plugin for Divi called Divi Magic adds these features to Divi, giving you a lot more control over who can see certain elements and when they can see them.
Divi Magic adds a new set of visibility tools to every standard section, row, column, and module. You can use these controls to set the visibility based on the users’ logged in status, the user roles, or date and time. In this article, we’ll take a look at Divi Magic, see what it can do, and see how easy it is to use.
Divi Magic Visibility Settings

A new set of features are added to the Visibility section in the Advanced tab of each section, row, column, and module. It works in the backend and frontend builders as well as the Theme Builder. The new features allow you to choose who can view the module and specify if you want it to display at a specific time.

The options for who can view the module includes everyone, logged out users, and logged in users. This level of control lets you provide special offers, limit the information that’s shown on the page, etc. This is helpful for online shops, schools, etc.

Choosing logged in users adds a new list where you can select specific users. This includes the standard WordPress users and any...
16 Top VS Code Extensions for Web Developers
Microsoft Visual Studio Code (VS Code) is one of the top code editors for software developers. Since its release, its popularity has surged not only because of the stable platform it provides, but also because of the extensible nature that Microsoft built into it. The extensions marketplace is a cornucopia of add-ons and features that allows developers to customize VS Code into the development environment of their dreams. We want to break down some of the top VS Code extensions available today so that you don’t miss any.
1. Sublime Text Keymap and Settings Importer

Topping our list is the aptly titled Sublime Text Keymap and Settings Importer. In case the title weren’t descriptive enough, this extension lets you pull in your existing Sublime Text keymaps and settings so that you can seamlessly transition into using VS Code as your default. Since so many people love Sublime and have spent years at it, making VS Code keep the earned muscle memory from that editor makes a lot of sense.
2. JavaScript (ES6) Code Snippets

Typing JavaScript (or any code) can become cumbersome when you repeat the same snippets over and over again. This extension helps relieve that by letting you basically write shortcuts for often-used code snippets. When triggered, the snippet simply replaces the text and inserts directly into the document.
3. Bracket Pair Colorizer 2

Regardless of the...
How to Create a Reusable Divi Layout Block for Gutenberg Blog Posts
The Divi Layout Block continues to be a useful ugrade to the Divi Theme, allowing us to add any Divi Layout to a blog post within the Gutenberg editor. We can even convert a Divi Layout Block into a reusable block in Gutenberg just like any other WordPress block. This opens the door for streamlining some helpful Divi Layout designs into the normal flow of writing a post in Gutenberg.
In this tutorial, we are going to demonstrate how to create a reusable Divi Layout Block for Gutenberg blog posts. To illustrate this, we will build a section divider for our example reusable Divi layout block for this post. But, we can easily apply this same technique to create a reusable Divi layout block for just about anything from the Divi builder.
Let’s get started.
Creating a Divi Layout Block for a Gutenberg Blog Post
Create or Edit a Blog Post
To start, we need to create a new blog post or edit an existing one. For this example, let’s add some mock content to the post title and body using a few Heading and Paragraph Blocks. Then add a featured image and choose “No Sidebar” for the Page Layout under the Divi Page Settings.

Add Inline Divi Layout Block
Once we have the bulk of the post created, all we need to do is add a new Divi Layout Block anywhere we want within the post content area.
To add it, hover over the area we want to add the email optin. Then click the...
5 Scripts for Firing Short Term and Long Term Freelance Clients
If you fire a freelance client, whether short- or long-term, it can be a nerve-wracking experience. Even though we know we’ll feel relief on the other side of the breakup, we dread breaking the news–and then working out the transition period.
If you’ve decided to fire a freelance client via email, we’ve pulled together five scripts for some of the situations you might find yourself in. If you prefer to end the client relationship over the phone, feel free to use the scripts as a jumping-off point to your conversation (and for reference throughout).
Before we dive into the scripts, let’s lay a few client-firing ground rules.
Ground Rules for Firing a Freelance Client
Firing a freelance client is a big step, and it’s almost never easy. These basic guidelines will help you stay on track as you navigate making the break.

Give plenty of notice if possible. If you have a contract, abide by the amount of notice your client requires.
Complete all your outstanding tasks, unless you and the client negotiate a hand-off to another teammate or contractor.
Keep your message as positive as possible, and keep the focus on you–because even if the situation has been awful, you don’t want to burn bridges if you don’t absolutely have to.
Don’t over-explain your reasons for leaving (you can say “due to personal reasons” if you want, but you really don’t have to elaborate).

Number of Total Worldwide Registered Domains Updated: Mar 30 2020