1677732360
Divi Page Builder is an incredibly powerful and versatile WordPress page builder. It enables users to create stunning and professional looking websites with ease.
With its vast array of drag-and-drop modules, you can quickly and easily create any kind of web page you can imagine, without any need for coding.
The beauty of Divi Page Builder is that it can be extended with plugins. Plugins are pieces of software that can be installed on your WordPress website to add additional features and functionality.
By using plugins with Divi, you can extend its capabilities and make your website even more powerful and customisable. In this article, we’ll be looking at the 10 must-have plugins that you should consider when creating your Divi website.
Monarch is a powerful social media plugin from Elegant Themes that helps you quickly and easily create beautiful, eye-catching social media sharing buttons for your Divi page.
With Monarch, you can create custom social sharing buttons that match the look and feel of your Divi site in a matter of minutes. You can also choose from a variety of preset button styles, as well as select from over 40 different social networks and services.
Monarch allows you to display your buttons in multiple locations on your site, such as the sidebar, header, footer, and more. You can even create pop-ups, fly-ins, inline content, and automatic triggers to help boost your social sharing.
With Monarch, you can easily track your success and see how your social media presence is improving. With Monarch, you can easily optimize your Divi pages for social sharing, and take your website to the next level.
Bloom is a powerful plugin from Elegant Themes that allows you to add opt-in forms to your website. Not only does it provide you with an easy way to capture more leads and email subscribers, but you can also design the forms in any style you want to match your website.
Bloom also lets you create automatic opt-in popups or fly-ins that are triggered when a user visits your website, scrolls down to a certain point, or spends a certain amount of time on your pages. You can choose which pages, posts, or categories your forms will appear on and customize their look and feel to match your branding.
With Bloom, you can also create opt-in lockers, which allow users to access exclusive content once they’ve signed up. This plugin is a must-have for any website using the Divi Page Builder.
Gravity Forms is an incredibly powerful and versatile plugin for the Divi page builder. It allows you to create complex forms with a wide range of features, including drag and drop form fields, advanced logic options, conditional logic, customizable notifications and confirmations, and much more. Gravity Forms makes it easy to create complex forms without having to write any code.
Gravity Forms integrates seamlessly with Divi, allowing you to easily add forms to any page or post. The plugin also integrates with popular third-party services, such as Zapier, PayPal, Stripe, and MailChimp, making it easy to collect payments, create mailing lists and more.
Gravity Forms is a must-have plugin for any Divi website. It’s easy to use, has a wide range of features, and integrates seamlessly with Divi. With Gravity Forms, you can create simple contact forms, order forms, registration forms, and more in no time.
Divi Booster is an essential plugin for any user of the Divi Page Builder. This powerful plugin offers a range of features that make it easy to customize and extend the capabilities of the Divi Page Builder.
With Divi Booster, users can easily change the styling of elements, add custom CSS, and even create custom layouts without writing any code. Additionally, Divi Booster provides a range of performance enhancements, including image optimization, caching, and code minification.
With its comprehensive feature set, Divi Booster is an invaluable tool that allows users to take their Divi Page Builder to the next level.
Divi Mega Pro is one of the must-have plugins for the Divi page builder. It is a powerful plugin that makes it easy for you to create stunning mega menus for your website. It comes with over 50 ready-made designs, a drag and drop builder, and a real-time design preview.
You can customize the look and feel of your mega menus with the built-in settings, create your own custom designs, or choose from the pre-made designs. Divi Mega Pro also includes a powerful search feature, allowing your visitors to quickly find what they’re looking for.
It’s easy to set up and use, and provides all the features you need to create beautiful navigation menus for your website.
Jetpack is an essential plugin for the Divi Page Builder. It offers a suite of powerful tools to help you customize and maximize the performance of your website. With Jetpack, you can easily monitor site performance, optimize images, protect against malicious attacks, and much more.
It also includes Jetpack Search, which provides lightning-fast search results for your site. With its advanced security features and content optimization tools, Jetpack is a must-have for any Divi page builder website.
It also integrates with many popular third-party services, making it a great choice for any website. With Jetpack, you can easily and quickly manage and customize your Divi page builder website.
Yoast SEO is a powerful plugin for optimizing your website’s SEO. It makes it easy to optimize your content for search engines, helping you to rank higher in search engine results. It also helps you to create better content by providing a thorough SEO analysis and helpful tips to improve your content’s SEO.
It also provides features such as site maps, social media integration, and indexing tools. Yoast SEO is a great plugin for Divi page builders, allowing you to easily make sure that your website is SEO optimized.
Woocommerce is one of the most popular e-commerce plugins for the Divi page builder. It allows users to easily create an online store with an intuitive and user-friendly interface.
With Woocommerce, users can create product pages, add payment options, manage orders, and more. In addition, it also offers a range of other features such as product reviews, discounts, shipping, and taxes. Furthermore, it is compatible with Divi’s drag and drop page building feature, so you can easily customize the look and feel of your store.
Woocommerce also offers a wide range of extensions that can be used to expand the functionality of your store. With Woocommerce, you can easily create a professional and successful online store.
Cartflows is a great plugin to use with the Divi page builder to create effective funnels. It is a powerful plugin that helps you quickly and easily create sales funnels, order bumps, upsells, downsells, and more. It is a great tool to optimize your checkout process and increase conversions.
Cartflows also integrates with popular payment gateways, such as Stripe, PayPal, and Authorize.net, so you can easily accept payments. Additionally, it allows you to easily collect leads and build email lists with opt-in forms. With Cartflows, you can also create stunning checkout pages with Divi’s drag and drop page builder.
This makes it easy to customize the look and feel of your checkout pages, and you can even add custom fields and other elements. Overall, Cartflows is an excellent plugin to use with Divi to create effective funnels and increase sales.
Advanced Custom Fields (ACF) is a must-have plugin for Divi Page Builder. This powerful plugin allows you to easily create and manage custom fields for your WordPress site. ACF is the perfect solution for creating complex data structures and customizing content within your pages. With ACF, you can quickly and easily create custom fields to store additional data, such as product information, customer reviews, and even user profiles.
The main advantage of using ACF with Divi is that it allows you to quickly and easily create custom fields for your pages. With ACF, you can create custom fields for any type of content, including text, images, videos, and even user profiles. This makes it easy to customize the content of your pages.
Another great feature of ACF is that it is fully integrated with Divi’s drag-and-drop page builder. This means that you can easily create and manage custom fields in the Divi Page Builder.
In conclusion, the Divi page builder is an incredibly powerful tool for creating beautiful and functional websites. It’s incredibly versatile and its many features can be further enhanced by plugins.
With the right plugins, you can unlock even more features and possibilities, making your website even more unique and tailored to your needs.
Whether you are a beginner or an experienced developer, Divi’s plugins can help you create the website of your dreams. With the right plugins in place, you’ll be able to create a stunning website that is sure to impress.
Original article source at: https://www.blog.duomly.com/
1676956740
Divi is a powerful and easy-to-use WordPress page builder that helps you create beautiful and engaging landing pages with minimal effort. It comes with a variety of features and functionalities to help you create stunning designs that will capture the attention of your target audience and help you promote your business.
Divi makes it easy to customize your landing pages with its drag-and-drop functionality, allowing you to create pages quickly and without the need for coding. With Divi, you can also add cool elements like forms, images, and videos to create an attractive landing page.
In this article, we will discuss how to use Divi to create eye-catching landing pages that will help you market your business.
With Divi, you can create a beautiful landing page quickly and easily. First, you will need to purchase the Divi theme and install it on your website.
When you have it ready, there are two ways you can go. Either you can create anything from scratch or you can select from pre-designed templates. That’s what we are going to do in this example.
The first step is to choose a template that best suits your needs and the sector you are targeting. Divi offers a variety of layouts, some of which are specifically tailored for creating a landing page.
When selecting a template, you will want to consider factors such as the overall design, the number of sections, and the elements included in the layout. You can search for “Landing Page” in the Divi Layout Library, and you will find a variety of layouts to choose from.
Once you’ve selected a template, you can begin customizing your landing page. Divi offers an intuitive drag-and-drop interface, which makes it easy to add and rearrange sections, text, images, and other elements. You can also customize the fonts, colors, and other styling elements of the page to create a unique and professional look.
Divi Leads is an advanced lead generation and conversion optimization suite developed by Elegant Themes, the creators of the popular Divi WordPress theme. It includes features such as A/B testing, personalized CTAs, and lead generation forms to help you create effective landing pages that drive conversions.
With Divi Leads, you can easily create targeted campaigns to capture leads from multiple sources and customize the user experience for each visitor. With its intuitive drag and drop page builder, you can quickly build a high-converting landing page without any coding knowledge.
Plus, its powerful analytics dashboard allows you to track and monitor the performance of your campaigns in real-time. Divi Leads is the perfect tool to help you build your landing pages quickly and efficiently, so don’t froget to add it to your landing page.
After you have the design in place, it’s time to insert your content. This is where you can add graphics, sales copy, and a good call-to-action to encourage visitors to take the desired action.
Divi offers a wide range of modules that you can use to insert text, images, buttons, sliders, and more. You can also use the visual builder to edit the content and customize it to match the look and feel of your landing page.
Lastly, it’s important to ensure that your landing page is optimized for search engines and mobile devices. Divi provides a “Mobile Optimized” option, which displays the page in a mobile-friendly format. Additionally, you can add the necessary meta tags, keywords, and descriptions to ensure that it is properly indexed by search engines.
Once you have finished creating and optimizing your landing page, you can publish it and start driving traffic to it. It’s important to integrate some analitycs tools, like Google Analytics to gather information about your landing page visitors and adjust your marketing actions according your audience.
Divi is a powerful website builder that can be used to create amazing landing pages. It is easy to use and it offers a wide range of customization options to make your landing page stand out. Divi includes many tools and features that can be used to optimize your landing page design. Here are a few tips for optimizing your landing page with Divi.
1. Use Visual Cues: Visual cues are a great way to draw the visitor’s attention to the most important parts of your landing page. You can use arrows, lines, and other visual elements to point the visitor in the right direction and to guide them toward the desired action.
2. Utilize White Space: White space is an important design element as it helps to keep the page from looking cluttered and overwhelming. Utilizing white space on your landing page will make it easier for visitors to navigate and find the information they’re looking for.
3. Add Animation Effects: Animation effects can help to add life to your landing page. You can use animation effects to draw attention to certain elements or to add a bit of playfulness to the design.
4. Create Compelling Headlines: Your headlines should be attention-grabbing and should clearly communicate the main message of your landing page. Make sure your headlines are clear and concise and that they grab the visitor’s attention.
5. Incorporate Quality Images: Images can help to draw attention to certain elements and can add a visual appeal to your page. Make sure to only use high-quality images and be sure to optimize them for the web.
By following these tips, you can create an effective landing page with Divi. With its powerful tools and features, Divi makes it easy to customize and optimize the design of your landing page.
When creating a landing page with Divi, there are a few SEO tips to keep in mind to make sure your page is optimized and ranked well in search engine results.
1. Use keywords in your page: This means including relevant keywords throughout the content, titles, and headings of your page. This helps search engines understand what your page is about and can help improve your ranking.
2. Optimize your meta tags: This includes adding titles and descriptions to the page, which appear in search engine results. In addition to helping search engines better understand your page, the meta tags also give readers a better idea of what to expect when they click on the link.
3. Include internal links: This means linking to other pages within your website. This helps search engines understand the context of your page and can help improve the overall ranking of your entire website.
4. Use alt tags for images: Alt tags provide a text description for images, which helps search engines understand what the image is about and can help improve your page’s ranking.
5. Make sure your page is optimized for mobile: With more and more people using their phones to search the web, it’s essential to make sure your page is optimized for mobile. Divi provides tools and features that make it easy to optimize your page for mobile devices.
By following these SEO tips, you can create a great landing page with Divi that is optimized for search engine results and ensures that your page is ranked well.
In conclusion, creating a landing page with Divi is a great way to make a professional-looking website quickly and easily. With its drag-and-drop builder, you can create pages with a wide variety of layouts and content, and you have access to a library of pre-made layouts, modules, and elements that make designing a page a breeze.
With Divi, you can create a beautiful landing page that will impress your visitors and convert.
You can buy Divi on Elegant Themes website here
Original article source at: https://www.blog.duomly.com/
1676952840
Divi is a powerful WordPress theme designed to help users create beautiful, modern websites. It is an all-in-one solution that provides users with a simple yet powerful drag-and-drop page builder, a variety of pre-made layouts, and more. With Divi, users can easily create professional-looking blogs in no time.
Divi provides users with a variety of benefits that make it the perfect choice for creating a professional blog. First, users can customize their blog to match their unique style and brand. With the drag-and-drop page builder, users can quickly and easily customize their blog pages with no coding knowledge required.
Additionally, Divi offers a range of pre-made layouts that are perfect for creating professional-looking blogs. Lastly, Divi offers features like SEO optimization, social media integration, and eCommerce integration which will help to ensure that your blog is seen and visited by potential customers.
Overall, Divi is a great choice for creating a professional blog. With its easy-to-use features and customizable design options, users can quickly create a blog that looks and functions exactly as they need it to.
Installing and activating Divi is a simple process that anyone can do to make their website look amazing! The first step is to make sure you have an Elegant Themes account.
Once you have your account, head to the downloads section and download the Divi theme. After the download is complete, you will need to upload the theme to your website. You can do this by logging in to your WordPress dashboard and then going to Appearance > Themes > Add New.
Once you have uploaded the theme, you will need to activate it by clicking the “activate” button. Now your Divi theme is ready to go and you can start customizing your website to make it look amazing!
Choosing a pre-designed layout is a great option if you don’t have much experience in web design and don’t want to spend a lot of time creating your own design. Pre-designed layouts offer an easy way to create a professional website quickly. Popular websites such as Divi have plenty of pre-designed layouts to choose from, ranging from business and travel blogs to real estate and fashion sites. Each pre-designed layout offers a unique look and feel, making it easy to create a website that stands out from the crowd.
Preparing your own design is a great option for those who have some experience in web design and want to create a website that is truly unique. It is important to remember that creating your own design can take a lot of time and effort, so it’s important to plan ahead and make sure you have the skills and resources necessary to create a successful website. You’ll need to decide on the overall layout, color scheme, font, and images for your website. Once you have all of your design elements in place, you can then create the HTML and CSS code that will bring your design to life.
Whether you choose a pre-designed layout or decide to prepare your own design, the goal is to create a website that is visually appealing, easy to navigate, and that communicates your message effectively. With the right design, you can create a website that will help you reach your goals.
It’s obvious but important to mention. At first you have to install Wordpress and make Divi template running. Next, go step by step with the following instructions.
Creating the Page
First, open the WordPress dashboard for your website and select “Pages” from the left menu. Then click the “Add New” button. You will then be taken to a page where you can enter the title of your blog page and create the page. Next, you’ll need to select the layout you want to use or start creating your own one.
Divi provides a variety of pre-made layouts that you can select from. You can choose from different types of blog pages, such as a travel blog page, a fashion blog page, or a realtor blog page. Once you’ve selected the layout you want to use, click the “Import” button. This will import the layout and all the settings into your page.
Of course you don’t have to use ready layout and you can make your own design. To do it, follow the next instructions.
Adding the Blog Module
Divi’s Blog Module allows you to quickly and easily set up a blog page on your website.
The first step to setting up your blog page is to add the Blog Module to your page. To do this, simply click the “+” icon in the upper-right corner of the page and select the “Blog” option from the list of modules.
Once you’ve added the Blog Module, you can customize it to fit your needs.
Customizing Your Settings
Divi’s Blog Module is a great way to easily create a blog page for your website. It allows you to customize the look and feel of your blog by changing the settings.
You can customize the size of your blog posts, the number of posts displayed on the page, the text color and font, the background color, and more. You can also choose which categories of posts to display and how many posts to show on each page.
You can also customize the blog post title, the featured image, the post date and time, and the post author. You can even add a sidebar to your blog page, to display popular posts, related posts, and other information.
By customizing the settings of your blog page, you can create a page that is tailored to your specific needs.
Designing your blog page with Divi is a great way to make your blog look professional and unique. Divi is a page builder that makes it easy to create beautiful, modern designs with no coding required. With Divi, you can customize your blog page in a few simple steps.
Adding a Header
Designing a blog page with Divi involves adding a header to the page. The header is the part of the page that is seen at the very top. It usually includes a logo, a title, and/or a search bar.
Adding a header with Divi is easy. First, click on the ‘+’ icon in the Divi builder. This will give you a list of modules you can use to design your blog page. Look for the ‘Header’ module and click it.
Once you have added the module, you can customize it in several ways. You can add a logo, title, and/or a search bar. You can also change the size and color of the header. To do this, click on the ‘Design’ tab of the module and select the options you’d like.
You can also add custom CSS to make the header look more unique and match the theme of your blog. To do this, click on the ‘Advanced’ tab of the module and paste in the CSS code.
Once you’re done, you can preview your header and see how it looks. If you want to make any changes, you can always go back and make them.
Setting Up the Sidebar
One of the best features of Divi is the ability to customize the sidebar. This allows you to create a unique look and feel for your blog.
The sidebar is the area to the right of the main content on your blog page. It typically displays information such as recent posts, categories, and tags. With Divi, you can easily customize your sidebar to make it look exactly the way you want.
To start customizing your sidebar with Divi, go to your WordPress dashboard and click on the Divi theme. In the left sidebar, click on the “Sidebar” option. You will see a list of available widgets.
Widgets are small blocks of content that you can add to your sidebar. You can drag and drop the widgets to rearrange them, or delete them if you don’t need them.
Once you’ve added the widgets you want to use, you can customize them further. For example, you can add a background image, change the font, add custom colors, and more. You can also add code to the widgets if you want to add a special feature.
Divi makes it easy to design a professional-looking blog page with a custom sidebar. With the drag-and-drop page builder, you can easily customize your sidebar to make it look exactly the way you want.
With a few clicks, you can create a beautiful and unique blog that stands out from the crowd.
Configuring the Post Layout
One of the most important aspects of a blog page is the post layout. Configuring the post layout will determine how your blog posts are organized and how readers can navigate through your content.
When configuring the post layout, there are a few key elements to consider. The first element is the number of posts you want to display on the page. You can choose to show one post at a time, or multiple posts per page. You can also choose to show a specific number of posts, or all of them.
The second element is the post content. You can choose to show the post’s featured image, title, and excerpt, or you can show the full post. You can also choose to display post meta data, such as the author, date, category, and tags.
The last element is the post navigation. You can choose to show post navigation at the bottom of each post, or you can choose to display post navigation at the end of the page. This will allow readers to quickly and easily move between posts.
Configuring the post layout is a great way to customize your blog page and make it easier for readers to find, read, and enjoy your content. With Divi, you can easily create a visually appealing and organized blog page that is tailored to your brand and style.
Adding a Footer
. One of the most important aspects of making your blog page look professional is the footer. The footer is the bottom part of your website that contains important information such as your website’s copyright, contact information, and links to other pages.
Adding a footer to your blog page with Divi is easy. First, click on the “Add Footer” button in the Divi Builder. This will open up a menu of customizable footer options. You can choose from a variety of pre-made footer designs, or you can design your own custom footer.
Once you have designed your footer, make sure to add important information such as your website’s copyright, contact information, and links to other pages. This will ensure that your visitors have all the necessary information they need. You can also add logos, images, and other design elements to make your footer look even more professional.
Once you are finished designing your footer, save it and publish it to your blog page. This will give your page a professional, finished look. You can also add a footer to any other page on your website, such as your homepage, to give your entire website a unified look.
Adding a footer to your blog page with Divi is a great way to give your website a professional look and feel. With the simple click of a button, you can easily customize your footer and give your visitors all the information they need.
Publishing Your Page
After you have finished creating your blog page with Divi, you are ready to publish it. Publishing your blog page means that it is now accessible for the world to see. To do this, you will need to login to your WordPress dashboard. Once you are logged in, click the “Pages” section on the left side of the page. You should then see the blog page you created with Divi. Click the “Edit” button next to the blog page and then click “Publish”. This will make the blog page available to view on the internet.
It’s important to remember that you can always go back and make changes to your blog page before you publish it. You can add more content or make changes to the look and feel of the page. Once you are happy with how the page looks and feels, you can click the “Publish” button.
You can also choose to keep the blog page private. This means that only you and the people you choose can view the page. To do this, click the “Edit” button next to the blog page and then click the “Make Private” or “Make Visible” button. This will make sure that only the people you choose can view the page.
Once you have published your blog page, don’t forget to share it with your friends and family. You can easily do this by clicking the “Share” button at the top of the page. This will allow you to quickly post the link to your blog page on various social media platforms.
Congratulations! You have successfully published your blog page! Now it is time to show it off to the world!
Adding Content to Your Blog
Now it’s time to add a blog post to your blog. This can be done by clicking on the ‘Add Blog Post’ button at the top of the page. You can then enter the title of your blog post, the post content and any images you want to include in your blog post. You can also add categories to your posts to help organize them. Once you’re done adding the content, you can hit the ‘Publish’ button to make it live.
When writing blog posts, it’s important to make sure they are interesting and informative. You want to make sure your readers can get something out of reading your post. You can also include images and videos to help illustrate your points.
Once you’ve published your first blog post, you can start to add more content to your blog.
Divi is a WordPress theme that makes it easy to create a professional blog. It is a powerful and user-friendly design tool that can help you quickly and easily create a professional blog. With Divi, you can create a blog that looks great, is easy to navigate, and is full of features that will make your blog stand out.
Divi offers a wide range of features that will help you create a professional blog. For example, you can use Divi’s drag-and-drop page builder to create a beautiful and engaging layout for your blog. You can also use Divi’s built-in modules, such as the blog module, to add content to your blog quickly and easily. Divi also offers a range of themes to help you customize the look and feel of your blog.
Another great benefit of using Divi for creating a professional blog is its SEO-friendly features. Divi has built-in SEO tools that will help you optimize your blog for search engines. This means that your blog will be more likely to show up in search results, which will help you get more visitors to your blog.
Finally, Divi also offers a range of integrations that allow you to easily connect your blog with other services.
Original article source at: https://www.blog.duomly.com/
1656306198
🌈 18 FREE pastel gradients ➡ https://www.elegantthemes.com/blog/divi-resources/18-free-pastel-gradients-built-with-divis-gradient-builder
Adding a gradient to your website is a great way to integrate color and add an interesting background to your page. Pastel gradients look especially stunning in web design since they use lighter colors to create subtle blends, enhancing the page without being too overpowering. With Divi’s new gradient builder, designing a beautiful gradient is easier than ever. With powerful functionality and extensive customization options, you can create unique, custom designs and add them to any element.
#WordPress #divi
1656295288
In this video, we’ll learn how to create three subtle background designs with Divi's brand new background options, including Masks and Patterns.
#WordPress #divi
1656284700
Did you know that over 50 percent of internet traffic comes from mobile devices? That means that the mobile version of your website is extremely important, and may even be the primary way someone will visit your page. Making sure that your website is responsive and mobile-friendly is an essential step in designing a website. In this tutorial, we will show you how to add a responsive logo to your fullwidth menu module using Divi’s built-in responsive options. This will allow you to add a larger or more complex logo that will appear on bigger screens and a smaller or simpler logo that will appear on smaller screens.
#WordPress #divi
1654319940
In this tutorial, we are going to show you how to design backgrounds with two layers of gradients, masks, and patterns in Divi. This doubles the number of background options for a single background design. And with all those optional design layers, the possible design combinations increase exponentially.
#WordPress #divi
1654233420
Today we are excited to introduce Divi Cloud. Divi Cloud is like Dropbox, iCloud or OneDrive, but for your Divi website. When you store something on Divi Cloud, you can access it from any of your Divi websites while you build them. This is an amazing feature for Divi freelancers and agencies, because it allows you to access, organize and share your Divi assets in the context of building a website, instead of having to organize Divi exports on your computer, share them over email or chat, and import them on every new website you build. Version one of Divi Cloud focuses on Divi layouts, modules, rows and sections. These are the assets you can currently save to your cloud, but we plan to extend Divi Cloud to work with all aspects of a Divi website.
Get Divi Cloud Today
🆕 https://www.elegantthemes.com/divi-cloud/
#WordPress #divi
1654146900
Today we are excited to release the Advanced Gradient Builder for Divi, a brand new control type in the Visual Builder that allows you to design advanced gradients using multiple color stops and new gradient types. This feature is short and sweet, but we are really happy with how the new UI turned out and we think you are going to have a lot of fun using it.
🆕 https://www.elegantthemes.com/blog/theme-releases/advanced-gradient-builder
#WordPress #divi
1654060380
Divi’s new background masks and patterns is one of our most exciting new design features yet. Each of the masks and patterns can be combined with other background elements (like colors, images, and gradients) for countless unique combinations in a few clicks.
Today we are going to show you how to use Divi’s new background masks and patterns to design a hero section. In this tutorial, we’ll cover the important steps needed to create background masks and patterns. We’ll even show how to position background images to fit a mask design. This should help give you the tools you need to create the perfect hero section for your site in minutes.
1653970320
Today we are excited to introduce Backgrounds Masks and Background Patterns for Divi, two brand new design settings that allow you to create a vast array of new visual effects by combining colors, images, gradients, masks and patterns using a simple new interface.
Background masks use positive and negative space to frame backgrounds and create new shapes. Background masks are placed on top of your background elements and below you content, and they work with background gradients, images, videos, and parallax images too. Masks are built using SVGs, so they are super crisp, lightweight and will automatically conform to the size of your elements.
1653883740
A yearly copyright notice is one of the most popular elements to add to a website’s footer. Unfortunately, it can be difficult to remember to change the year from one year to the next. The solution is to make the year dynamic. It would pull the date from the server, and you would never have to worry about it. Fortunately, adding a dynamic year to the Divi copyright footer is a simple task. In this article, we’ll see how to add a dynamic copyright year to your Divi footer so it will update automatically.
0:15 Create your footer in the theme builder
0:22 Add premade layout
2:21 Final design
1649071500
Divi’s blog module can display blog posts in either a fullwidth or grid layout. If you choose the grid layout, the maximum amount of columns you can have is three. In this tutorial, we are going to explore combining the power of CSS Grid with the Divi Blog module to create any number of columns you want. With just a few snippets of CSS, your blog will transform into a beautiful multi-column grid layout. Plus, the columns will be fluidly responsive with all browser sizes, so no need to worry about updating those media queries or responsive settings. After the CSS Grid magic, you’ll still have the built-in blog module settings to design the blog visually without any more custom CSS. So, if you are looking for more columns for your Divi blog, this will do the trick and more.
#WordPress #divi
1649038920
Blurb modules are great choices for Divi footers. They can display images or icons in different layouts and they have lots of customizations. They’re especially ideal for links with icons to create styled bullets. Fortunately, it isn’t difficult to create these types of links using the Divi blurb modules. In this article, we’ll see how to use blurb modules for footer items in your Divi footers.
#WordPress #divi
1648983600
Leading customers through a successful checkout process is a challenging goal for every online store. So it helps to optimize your website’s checkout process to make it easier for customers. Since navigation plays a crucial role in the checkout process, we may want to start there. Creating a custom checkout process navigation menu is a great way to boost UX and sales conversion. It helps users go where they want quickly. And, it also can be used to spotlight where they are (and where they’re going) in the process.
In this tutorial, we are going to show you how to design a checkout process navigation menu in Divi. You will be able to use this custom menu to boost the UX on the pages most crucial to the checkout process (shop, cart, checkout, etc.). This kind of menu has been used in our free WooCommmerce Cart and Checkout Page Template Sets as well.