Blog

Displaying code in WordPress pages and posts can be tricky. Just posting the code within the content can have interesting results, especially if WordPress displays it incorrectly or your security locks you out for malicious activity. Fortunately, the WordPress Code Block makes it easy to display code snippets. Knowing how to use this block will help you display code within your content in the best way for both your website and your readers. In this article, we’ll look at the WordPress Code Block and see what it does. We’ll see how to add it to your posts and pages and look at its settings...

The Custom HTML Block lets you add HTML content and edit it without having to view the page or post as HTML. You can embed HTML and even use it to mark up your text and then convert it to a Paragraph Block with styled text if you want. This block is great for those that prefer to work in HTML and it’s one of the best ways to embed certain types of code, such as Google Maps. In this article, we’ll take a close look at the Custom HTML Block. We’ll see how to add it to your posts and pages, look at its settings and options, see tips on how to use it, and see the frequently asked questions....

It is virtually impossible to run a successful website without having a dedicated social media presence. Whether you choose that to be Instagram, Twitter, TikTok, Facebook, or any combination of those and anything else, people want to interact with you and your brand directly. Making sure that you have social icons in Divi’s primary menu is a great way to funnel traffic from your website to the network of your choice. It’s fast and easy, and we’re going to walk you through every step. Let’s get started! Preview Desktop Mobile Use the Divi Theme Builder to Upload a Global Header Freebie...

Making a YouTube video takes a lot of time. When you’re finally finished and your video is live, you probably want to share it everywhere you can, including on your website. Or, maybe you have someone else’s video that you want to post to your WordPress site. You could be providing commentary on someone’s work and want to show the video you’re talking about. Or, another creator may have a video that explains a process so well you’d rather show that video than make your own. Whatever your reason, the dedicated embed block in the Gutenberg editor will let you add a YouTube video to your...

The buttons on your website play a significant role in its appearance and usability. They help visitors navigate across different pages, and make it easy for them to perform important actions (such as downloading content or subscribing to your newsletter). It’s crucial that you have a simple yet effective way of inserting and customizing this essential element. Fortunately, the WordPress Buttons block can help. In this post, we’ll explain how to add the WordPress Buttons block to your posts and pages, as well as how to use it. We’ll discuss each of its settings and configuration options,...

The way you organize and arrange elements on your website can have a significant  impact on its overall appearance, and even its User Experience (UX). The WordPress Spacer block is a simple tool that can help you do this more effectively. True to its name, it create space between blocks, which can make your pages and posts more appealing and easier to read. In this article, we’ll explain how to add the Spacer block to your WordPress post or page and how to use it. We’ll explore the block’s various settings and options, and provide some best tips and best practices for using it...

Columns are a key component in most modern websites and page builders. Fortunately, the WordPress Block Editor enables you to use both columns and rows so you have full control over each page’s layout. However, although the builder adds rows automatically, you’ll need to choose where and how to add columns using the Columns block. In this article, we’ll show you how to add this block in WordPress and how to configure it. Then we’ll go over some tips so you can get the most out of your columns, as well as some Frequently Asked Questions (FAQ) about the block. Let’s get to work! How to Add...

The WordPress Spotify embed block lets you add all sorts of musical goodies to your WordPress posts and pages. You can embed albums, playlists, podcasts or tracks, and anyone will be able to listen to them when visiting your site. They’ll hear a 30-second preview before being prompted to take the next step, like logging in or signing up. Also, you don’t actually need a paid Spotify account to embed music or podcasts, which means you can cater to your audience without adding another subscription to your monthly budget. There are a number of reasons to want to embed Spotify links in your...

Divi is not just any page builder. Divi takes the design process to a whole new level with a complete web design system that allows you to design every part of your website visually. But that doesn’t mean Divi has to be slow. Far from it. Divi’s built-in speed and performance optimization features can easily put your site at the top of the list in Google PageSpeed scores. With features like Dynamic Module Framework, Dynamic CSS, Dynamic JavaScript Libraries, and more, Divi is now both a robust page builder and a lightweight theme. But as fast as Divi is, there are other underlying factors...

Speed Index (SI) is an interesting metric when considering page speed. It is absolutely an indication of your page’s performance, but it is completely different from other user-centric metrics such as First Contentful Paint and Largest Contentful Paint. SI indicates how quickly your site loads above the fold. Or to put it another way, when all content within the user’s viewport is completely visible. When looking at your page’s load times, you’re not likely going to be penalized or rewarded for your Speed Index. That is no reason to ignore it. As a single metric, it’s one of the few that...

One of the easiest and most effective ways to add depth to a design is to add a box shadow. In today’s tutorial, we’re going to show you how to style a sleek slider box with a soft box shadow. The trick is to add a thick light border to draw attention to the edges. This design is subtle but elegant and can easily be tweaked to fit just about any kind of website. Let’s dive in! Sneak Peek Here is a quick look at the design we’ll build in this tutorial. Once done, the section layout will be available in the Divi Builder. Let’s get to the tutorial, shall we? What You Need to Get Started To...

Pagination is a fantastic way to break down lengthy content into digestible bites. If you look around the web, pagination is everywhere. Search engines use it to separate results, online stores leverage it as a way to make browsing easier, and you can even add pagination to blog posts. WordPress enables you to do that easily thanks to the Page Break block. In this article, we’ll talk about how to add the Page Break block to your website, and show you what it looks like. Then we’ll discuss some tips and tricks to make sure you’re using pagination correctly. Let’s get to work! How to Add...

Copywriting for social media is an essential part of your overarching digital marketing strategy. Beyond product visuals, video, graphic design, and brand aesthetics, copy is what compels your followers to action. Whether you’re building your email list, directing your followers to your website, boosting engagement, or selling a product or service, your copywriting is what will move users along their customer journey. Wondering how to better leverage your copywriting for social media? Here are some tips to get you going. 1. Lead With The Main Idea…Or A Compelling Teaser. When you consider...

While your site’s logo is one of the most important parts of consistent branding, you might have some pages where you want that screen real-estate for something else. Or to highlight the content on the page more than the overall branding of your site. Whatever the reason, the Divi Theme Builder gives you the power to control every aspect of your site, down to which pages do or do not show your site’s logo. Let’s dig in so we can show you how simple this effect can be to implement. Sneak Peek Below, you can see the results we’re working toward in today’s article on both desktop and on...