WordPress News and Tips

best wordpress website design examples, award winning websites reviews

News Categories: SEO  Design  Marketing
How to Reveal Content on Hover with Expanding Corner Tabs in Divi (FREE Download)
It’s always fun to discover new and creative ways to engage users with your content using unique hover effects. One great way to do this is to reveal content on hover using expanding corner tabs. This allows the user to hover over a tab in the corner of a column or image to expand an overlay with additional helpful content for the user.
For this tutorial, we are going to create a completely unique Divi layout that will reveal content on hover using expanding corner tabs. In fact we’ll show you how to design an expanding corner tab for all four corners of a column in Divi.
Let’s get started!
Sneak Peek
Here is a quick look at the expanding corner tab layout we will build together. Notice how the hover effects and content are beautifully symmetrical.

Download the Layout for FREE
To lay your hands on the designs 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 ....
DesignCap Overview and Review
DesignCap is an online app that makes it easy to create high-quality graphic designs without needing advanced graphic design skills. The features are customizable and it includes lots of templates, photos, and illustrations for your projects. Save your designs in the cloud, to your desktop, and share them on social media. It’s localized into 7 different languages. In this article, I’ll test the Plus plan and see what it can do.
Sign Up for DesignCap

Create an account and choose the type of organization you belong to. I’m choosing Self-Employed.

Choose your role. I’m choosing Blogger/Writer. I think this helps them understand what features are the most important to their users.

Confirm your account. Clicking the button takes you to your website, but you’ll actually just need to check your email to confirm your account. You can upgrade at any time.
DesignCap Editor

Finding the editor can be a touch confusing at first because it isn’t in the menu and logging-in doesn’t automatically take you to it. Clicking on your account icon opens a dropdown menu with a link called My Designs. This takes you to the design editor.

Here, you can create a new design and see your current designs.

I clicked Getting Started and it opened the templates. A slider across the top shows the most popular with a button to select a specific size or enter a custom size. Under this is a list of...
Fixed Headers, Floating Elements, Draggable Anchors And More!
Introducing Position Options
Take Full Control Over The Position Of Any Element


Today we are excited to introduce yet another wonderful visual design tool for the Divi Builder in the form of Position Options. Position Options give you a new level of control over the position of every element on your page, including fixed and absolute positioning options that allow you to move elements freely around the page untethered from their parent containers. You can create fixed headers and banners, dynamic images collages, fun and interesting overlapping effects, and it’s all done using a super intuitive new visual interface. You can even move elements around right on the page using new draggable anchors. It’s a lot of fun and it gives Divi designers even more ways to be creative.









Choose Between Fixed, Absolute & Relative Positioning
Every Divi module, row and section has a new Position option group. Here you can assign a position to your element, including Fixed, Absolute and Relative. If you know CSS, these options will be familiar. Relative, fixed and absolutely positioned elements can be moved around the page freely without disrupting the elements around them. The position of fixed elements are based within the browser viewport and they remain stuck to their location within the browser viewport as your scroll down the...
Download a FREE Classic Typewriter-Inspired Blog Post Template for Divi
Looking for a classic but creative way to display blog posts on your website? If so, you’ll love this Divi freebie. We’ve designed a classic typewriter-inspired blog post template that automatically applies to all blog posts on your website! Throughout this post, we’ll also show step-by-step how you can recreate the design from scratch inside the Theme Builder.
Let’s get to it!
Preview
Before we dive into the tutorial, let’s take a quick look at the outcome across different screen sizes.
Desktop

Mobile

Download The Typewriter-Inspired Blog Post Template for FREE
To lay your hands on the free typewriter-inspired blog post 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 ....
Media Temple Managed WordPress Hosting: Overview and Review
When a web host provider offers managed WordPress hosting, that means they have a concierge service through which they handle the technical parts of running WordPress – and that you don’t have to do any of it. For example, the host will take care of daily backups, scalability, security, speed, updates, uptime, etc. Plus, these plans usually come with top-notch support, so if you do have any questions about your website, you’ll get the attention you need. Media Temple is a web host provider that offers managed WordPress hosting. Their services are best for blogs, brochure sites (basic business websites), portfolios and small e-commerce shops.
Features of Managed WordPress Hosting from Media Temple
While you’ll need to know how to work with a WordPress site so you can add your content, you won’t need any extra technical knowledge. Media Temple handles all of that for you, including:

Auto-Backups: Automatically backup your website and restore a past version to correct any mistakes you may have made.
Auto-Updates: Every time there’s an update to MySQL, PHP or WordPress, your website will be automatically updated, too.
Migration: If you already have a website, you can move it to Media Temple with the migration tool.
Performance: Since you’ll have a WordPress-optimized plan, your website will have better performance than if you opted for a basic shared hosting plan.
Security: Your...
How to Design a Welcome Gate for Your Page in Divi
A welcome gate is an effective way to boost conversions of any call to action on your site. In fact, welcome gates are a popular feature with plugins like OptinMonster for creating high-converting email optins. The basic idea behind a welcome gate is to hide the content of the webpage with a fullscreen call to action. This forces the user to interact with the CTA before viewing the intended page.
In this tutorial, we are going to show you a quick and easy way to add a custom welcome gate to your web page without using a plugin. This may come in handy for boosting the conversions of your CTAs on landing pages.
Check it out!
Sneak Peek
Here is a quick look at the welcome gate we will build in this tutorial.



Download the Layout for FREE
To lay your hands on the designs 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 .et_bloom_form_content { background-color: #4843d2 !important; } .et_bloom .et_bloom_optin_1...
Hotjar Heatmap Analytics: An Overview and Review
If there’s one area where WordPress is a bit lacking, it’s analytics. To access that critical information about your website, you’ll need to integrate the Content Management System (CMS) with a third-party service such as Hotjar.
In this article, we’ll talk about how Hotjar works and explain how to integrate it with WordPress. Then we’ll discuss how it compares to other WordPress-friendly heatmap tools.
Let’s get to it!
An Introduction to Hotjar

Hotjar is an analytics platform with a focus on heatmaps. The service enables you to track user behavior on your website, and generate several types of heatmaps to display the results.
With Hotjar, you get access to click, move, and scroll heatmaps that you can switch between with a just a click. The platform tracks both desktop and mobile sessions, so you can spot the differences in behavior between both sets of users.
If you want to dive deeper into understanding how visitors behave on your website, Hotjar also records full sessions. That means you can follow users along for their entire journey, and see precisely what they do at each stage. Beyond heatmaps and recording, Hotjar also enables you to analyze the use of forms on your pages, and conduct surveys.
As you might expect, Hotjar is not a free service. To use it, you’ll need to register for a plan on its website and connect it with...
Get a FREE Barber Shop 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, Kenny and his team have created a professional Barber Shop Layout pack with custom icons, high-quality images and amazing page structures!


Check Out The Divi Barber
Shop 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
Services Page Design

View The Live Layout Demo
Shop Page Design

View The Live Layout Demo
Key Features
The new Barber Shop Layout Pack will help you set up a beautiful barber shop website in no time! It includes custom icons, relevant high-quality images and page structures that allow you to communicate as concise as possible with your website’s visitors. You’ll love the design style of this layout pack. It’s old school yet clean and modern at the same time!
Live Demos
Click the links below to see a live demo for each of the layouts included in the pack.

Barber Shop Landing Page (live demo)
Barber Shop Homepage (live demo)
Barber Shop About Page (live demo)
Barber Shop Contact Page (live demo)
Barber Shop Services Page (live demo)
Barber Shop Shop Page (live...

Number of Total Worldwide Registered Domains Updated: Jan 18 2020