Brian's Web Developer Cheat Sheets
Tips and tricks for web developers, bloggers, and WordPress users
These are some of the most useful plugins for the Divi builder that I’ve seen. They work great with the Divi Theme or Divi Builder Plugin. Divi Accessibility ★ (GitHub) This plugin fixes many of the accessibility problems with Divi, and lets you see where your site is in violation so you can fix others. … Read more
There may be cases where you want to show an animated pre-roll splash page that people see for a few seconds when they visit your website’s home page. For example, maybe you want to show a background image with your logo in the foreground and zoom in very gently over a period of five seconds … Read more
It’s very common to want to add social icons to a website’s main menu. When using the Divi theme, you can do this by using the Divi Builder to create a custom menu. But, if you’re not already using a custom menu for other reasons, that might be more work than necessary. In this article, … Read more
Out of the box, the Divi Slider Module has many gross accessibility violations. The keyboard control is poor because you can’t see what you’re selecting as you’re tabbing through the navigation controls. And, the dot and arrow navigation symbol contrast can be bad. For an example of an accessible slider, check out W3C’s demo. In … Read more
Divi is one of the most popular drag-and-drop WordPress builder themes out there today. As a long time Divi user myself, I was super excited (and envious) when I learned about some of the killer features of Oxygen, a newer WordPress builder that claims to create fast bloat-free code. After building a couple of sites … Read more
Elegant Themes already has a blog post entitled “How to Add More Columns to Your Divi Builder Posts or Pages” which shows how to add more columns to your Divi theme. Currently, the builder maxes out at 6 columns. The blog article’s method works fine if your modules are all equal height as shown in … Read more
On one of my sites, my Divi contact form worked great on desktop but someone told me it didn’t work on mobile. Sure enough, they were right! On my iPhone, I got this message after submitting the form: “Please refresh the page and try again.” In French, the error is “Veuillez actualiser la page et … Read more
Many people who use the WordPress Divi Accordion Module want it to start out closed by default. Every WordPress client I have who uses the Divi Accordion has asked for it, and there are many people online asking about it. The way it works now is that the first element of the accordion defaults to open, … Read more
