WordPress News and Tips

best wordpress website design examples, award winning websites reviews

News Categories: SEO  Design  Marketing
How to Display Time Conditional Content when a Countdown Timer Expires in Divi
Displaying time conditional content when a countdown timer expires can be a powerful marketing tool. We know those countdown timers are one of the best ways to incentivize users to take action on a website. They’re perfect for featuring limited-time deals for memberships, products, Black Friday promos, etc. But when the timer comes to end, you have a great opportunity to retarget visitors with time conditional content. Time conditional content is content that is displayed (or hidden) on a web page before or after a set date and time. So it makes sense to have new content ready to show visitors who missed out on a deal or ran out of time.
In this tutorial, we are going to show you how to display time conditional content when a countdown timer expires in Divi. To do this, we are going to use Divi’s new condition options to display certain content before and after a set date and time that coincides with a countdown timer. Before the timer runs out, visitors will be able to take advantage of a limited-time deal. After the timer runs out, visitors will be invited to subscribe to a newsletter to get deal notifications.
Let’s get started!
Sneak Peek
Here is a quick look at the time condition content and countdown timer we’ll build in this tutorial.
Here is the section before the countdown timer expires.

And here is the section after the countdown timer...
How to Use the WordPress TED Embed Block
TED Talks are among the most-watched videos on the internet. Years later, people still talk about some of the most iconic ones, including speeches by Bill Gates, Chimamanda Ngozi Adichie, and many more. The video platform that hosts this content is so popular that it even gets its own TED embed block in WordPress.
In this article, we’re going to show you how to add the TED embed block in WordPress. We’ll explain how to configure it, and discuss some tips and tricks for using the block effectively.
Let’s talk!
How to Add the TED Embed Block to Your Post or Page
Adding embed blocks in WordPress tends to be very straightforward. To get started, open the Block Editor and look for the post or page you want to edit. Add a new block and select the TED option (you might have to use the search feature to find it):

Once you add the block, you’ll see a field where you can enter the TED URL that you want to embed in WordPress. To get a TED Talks video URL, open its page and copy the full link from your browser’s navigation bar. That link should look something like this:
https://www.ted.com/talks/url-example
Go ahead and paste that URL within the TED block and click on Embed:

If the URL is valid, the block will automatically transform into a lite version of the TED Talks video player. This embedded player includes options for setting the video to full screen...
Get a FREE Film Lab Layout Pack for Divi
Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative where each week, we give away brand new, free Divi Layout Packs from our design team to you.
This time around, the design team has created a beautiful Film Lab Layout Pack that’ll help you get your next film lab website up and running in no time!


Check Out The Divi Film
Lab Layout Pack Below
Get it for free today!


Landing Page Design

View The Live Layout Demo
Home Page Design

View The Live Layout Demo
About Page Design

View The Live Layout Demo
Contact Page Design

View The Live Layout Demo
Blog Page Design

View The Live Layout Demo
Services Page Design

View The Live Layout Demo
Service Page Design

View The Live Layout Demo
Key Features
If you’re looking to set up a website for your film lab, you’ll want to check out the Film Lab Layout Pack for Divi. This beautiful layout pack contains well-structured layouts that’ll help you communicate your services to your audience. Enjoy all the beautiful images that come with this layout pack for free as well!
Live Demos
Click the links below to see a live demo for each of the layouts included in the pack.

Film Lab Landing Page (live demo)
Film Lab Homepage (live demo)
Film Lab About Page (live demo)
Film Lab Contact Page (live demo)
Film Lab Blog Page (live demo)
Film Lab Services Page (live demo)
Film...
How to Use the WordPress Tumblr Embed Block
Tumblr is one of the most popular social media platforms in the world, particularly within the US. This platform offers an easy way to share microblogs and media, and it’s only natural that you might want to publish some of that content on WordPress as well. That’s where the Tumblr embed block comes in.
In this article, we’re going to show you how to embed Tumblr publications in WordPress using the Tumblr embed block. We’ll discuss how to configure the block’s settings, and go over several tips to help you share Tumblr content effectively.
Let’s get to it!
How to Add the Tumblr Embed Block to Your Post or Page
The Tumblr embed block enables you to add any public Tumblr posts to WordPress. That includes videos, text, images, GIFs, and anything else you can upload to this social media platform.
Regardless of what type of Tumblr content you want to embed in WordPress, the process works much the same. Go to any Tumblr page and select the publication you want to embed. Click on the “more options” icon next to the page’s name, and select the Copy link option:

The link should look something like this:
https://example.tumblr.com/post/60705920/link-example
Save this URL for now, and go to the WordPress admin area. Open the Block Editor for the page or post where you want to embed the Tumblr publication, and select the option to add...
How to Add a Background Image to Your Divi Header
With all of the fine-tuning and specific details you can add to your site using the Divi Theme Builder, few may be as high-impact/low-effort as adding a background image to your Divi header. Using the theme builder, you can add this flourish with very little fuss and create a visua experience for your visitors that will make you and your brand stand out from the competition. We are going to walk you through the steps to add a background image to your Divi header, so let’s get to it!
How to Add a Background Image to Your Divi Header
To achieve this effect, we are going to be using the Divi Theme Builder. You can find this in your WordPress dashboard under Divi – Theme Builder.

Also, we’re going to be using our free pre-made header for the Data Science layout pack for this tutorial. You can either download the JSON file from the post itself or use a header template in the theme builder you’ve already designed and created. It’s up to you.
Upload the Header
If you’re using a header that isn’t already inside the Divi Theme Builder, you will want to find the double-arrow icon in the upper-right of the dashboard. Click it to bring up the Portability options.

Go into the Import tab, find the JSON file for the header template, and then click the blue Import Divi Theme Builder Templates button at the bottom.
Edit the Header Layout
You will...
How to Use the WordPress.tv Embed Block
WordPress.tv is an educational hub for everything related to WordPress. It contains a wealth of videos about development, design, best practices, and more. If your blog or website concerns this popular Content Management System (CMS), you may be looking to share some of these clips with your readers. Fortunately, the WordPress.tv embed block makes it straightforward to insert videos directly into your posts and pages.
In this post, we’ll look at adding and customizing the WordPress.tv embed block. We’ll also explore how you can best use this element on your WordPress site.
Let’s get started!
How to Add the WordPress.tv Embed Block to Your Post or Page
First, head to the post or page where you want to use the embedded video element. You can add a new block by clicking on the plus icon (1) and typing in “wordpress.tv” (2). Next, select the icon that appears to insert the element into your post or page (3):

Alternatively, you can type “/wordpress.tv” directly into a Paragraph block and hit your Enter key. This method will also insert the element into your post or page.
Once you add the WordPress.tv block, you’ll see a field promoting you to insert a video URL:

Now, head over to the WordPress.tv website and find the video you want to embed in your content. Click on the Play button, hover your mouse over the top-right corner of the...
Download a FREE Category Page Template for Divi’s Home Staging Layout Pack
Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative where each week, we give away brand new freebies. This time around we’re building upon the Home Staging Layout Pack with a brand new Category Page Template that matches the rest of pack perfectly. Hope you enjoy it!


Check Out The Home Staging
Category Page Template Below
Get it for free today!




Download The Category Page Template For The Home Staging Layout Pack
To lay your hands on the free Home Staging Category Page Template, 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 .et_bloom_form_content { background-color: #4843d2 !important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !important; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:before { border-top-color: #ffffff !important; } .et_bloom .et_bloom_optin_1 .carrot_edge....
How to Use the WordPress Slideshare Embed Block
Within WordPress’s Block Editor, there are a variety of tools that make it simple to share embedded media from external websites on your page or blog post. The SlideShare embed block allows users to embed their SlideShare presentation decks directly into a WordPress site. Want to learn how to embed a SlideShare presentation in your WordPress blog post or page? Then you’ve come to the right post.
This article will cover step-by-step instructions for adding the WordPress SlideShare embed block to your site’s page or blog post. The SlideShare embed is one of the multiple embed blocks you can choose from in the WordPress Block Editor. We’ll discuss how to embed the block to your site, as well as how to make adjustments with the setting available to you in the editor. After that, we’ll share tips and frequently asked questions to help you get started.
Ready to get started? Let’s begin.
How To Add The SlideShare Embed Block To Your Post Or Page
Here’s how to get started with the SlideShare Embed Block for WordPress. The first thing you’ll need to do is log in to the back end of your WordPress blog or site. Open up a new draft, then follow these next steps to share your SlideShare presentation.
Before we begin: if you don’t yet have a SlideShare account, you’ll need to sign up for one through Scribd. If you already have a Scribd account, just log in to access SlideShare.
Embedding...

Number of Total Worldwide Registered Domains Updated: Oct 25 2021