I was looking for a way to optimize my Instagram bio link and I discovered Shorby. But at $9/month for a page that I will change maybe one or two times a year, I decided to do the same result with DIVI builder. You will find at the bottom of the article a link to download the free DIVI layout.

If you are using DIVI, you know that it is pretty easy to build buttons, social media network or add images. Just have to make sure it is responsive for mobile since it is your target device. It took me less than 20 minutes to do it and here is the result:

DIVI Layout for your Instagram Bio Link

You can see it in action here in our Instagram profile: https://www.instagram.com/wpexpertca/

Pretty nice and simple right? Now, you can download this free DIVI layout below. You will need to edit to your needs of course!

Free DIVI Download: Free Divi Layout - Instagram bio link (44 downloads)

Enjoy. Fred

I am always fascinated on how DIVI is powerful. Recently, I came across free music on Wistia website and it gave me the idea to create a page with DIVI music player. I was looking at a creative way to embed the music and an easy way to download the file.

And Voila! Here is the result - Free Music collection DIVI layout on the side!

For all DIVI lovers, you can download the free DIVI layout here: WP Expert - Free Music Collection layout (5111 downloads)

Here is all the album songs:

Songs From the Vault
Songs From the Vault (5046 downloads)

The Let 'Em In Sessions
The Let 'Em In Sessions (5055 downloads)

The Sidecar Sessions
The Sidecar Sessions (5028 downloads)

Enjoy!

The How-to DIVI serie is an archive of all good articles/tutorials I found on DIVI and that I tested and used it. Today in the serie, a nice tutorial from DIVI lovers.

DIVI Lovers created a nice tutorial to create a DIVI Opt-in form that can be fit anywhere on your home page. Anias did a really good job on explaining how to implement the form with 1, 2 or 3 fields. She made it completely responsive. Check it out! They also offers nice DIVI layouts.

Read the DIVI tutorial here: https://divilover.com/slim-divi-optin-form-module-layout/.

PDF version (just in case the article disappear from the internet): Slim Divi Optin Form Module Layout (4993 downloads)

It started like this, one of my clients mentioned that when they were on page 3, for example, of their blog posts in the grid mode, if they click on an article, they can see it but when they hit the back button of the browser, it sent them back to the page 1! I never noticed this before so I tested it on my site (https://wpexpert.ca) and there it was, same issue. So I searched the DIVI forum, and I found that DIVI Blog grid is using AJAX to have a "sticky" URL.

For example, if you go to my blog, the URL is https://wpexpert.ca/articles/ and if you scroll down to "Older Entries", go over, you will see the URL like this https://wpexpert.ca/articles/page/2/ but after you click on it, the browser URL will still be https://wpexpert.ca/articles/. That is the sticky URL. And this is why my client saw the problem...

Good news, there is a solution and thanks to Eduard on Git-Hub! If you follow those instructions: https://github.com/eduard-ungureanu/Divi-tuts/tree/master/BlogModules/Turn-off-AJAX-pagination you will be able to deactivate the AJAX Sticky URL and get the /page/ URL back in the browser. I did it for my client and it fixed the issue.

I created an archive below (as April, 4th 2018) which I implemented and worked, but I definitely recommend to go to Git Hub to get the last version.

AJAX Pagination (5018 downloads)

This is our first tutorial for DIVI. We created a clickable box for our client helloyoga.ca. Check them out to see the final result!
Our client wanted a big box with a nice look that included a border, title (and link), text, and image. All of which must be on the clickable zone.
To meet their needs, we created a specific javascript to have this functionality. Watch the video below to see how we did it!

Download the javascript and the DIVI json file: DIVI Tutorial 01 - Clickable box (4986 downloads)

Note: We used fleeq.io to generate this video. Fleeq is an incredibly easy production and distribution platform for videos. Guides, tutorials, demos, power tips, onboarding flow, product presentation and so much more..

Using The Divi Theme Options

Divi comes with theme options that are used to set up various parts of your site: https://www.elegantthemes.com/documentation/divi/

Main Elegant Themes documentation

https://www.elegantthemes.com/documentation/

Out of the box, DIVI is coming with 360 Icons.

It is very helpful to be able to have this resource embedded in DIVI theme. It accelerated the development time.

Here is a visual of all icons available (source Elegant Themes website)

Read the original post for Elegant Themes here: https://www.elegantthemes.com/blog/resources/elegant-icon-font

Fred

Often using DIVI from Elegant Themes as the main theme for their websites. It so easy to configure and use. The options are endless on what you can do with it: basic content, landing page, blog, contact page, portfolio, pricing page, projects... etc. You name it. DIVI is very flexible. But, it is true that, at the beginning, it can be hard or confusing to understand the principle of ROWS and MODULES.

Hopefully, Elegant Themes has set up an amazing documentation page for the theme with videos for each module. So if you want to learn DIVI, go to http://www.elegantthemes.com/gallery/divi/documentation/

Have fun!
Fred

arrow-circle-up
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram