How To Make A Web Accessible Disclosure Toggle Using Shortcodes

I spoke previously about how to make Divi’s toggle module web accessible, but what if you weren’t using Divi? I needed to have a disclosure pattern toggle independent of any theme. It needed to be setup using a shortcode with customizable content. Ideally, you’d want to wrap this into a plugin, but I’m going to

How To Get The WordPress Author ID From A Post ID

I was building a gift registry system where users could create and customize their own registry pages. I needed a way to connect the author ID to the post ID and display a different template based on who was viewing the gift registry page. But I needed to do it outside the loop. How to

How To Make Divi Toggle Module Web Accessible

Following on from the post on making the Divi Accordion module web accessible, today we’ll tackle the Divi Toggle module. The functionality of the Toggle module is similar to the Accordion module. The main difference is each Toggle element stands alone. Because of that, I think the Toggle module should follow the WAI-ARIA Disclosure Design

How To Stop WordPress Partial Match Redirection

We had an unusual situation where we deleted a page and wanted to serve a 404 error page in its place. Instead, anyone who went to that URL was redirected to another page on the site. That hadn’t happened with any other URLs. Then it happened with another page we deleted. There were no redirect

How To Move WordPress Advanced Meta Box From Sidebar

I was working on a website where the meta boxes that should have been at the bottom were over on the sidebar. It was very strange, the meta boxes were fine on the posts. The meta boxes were only in the wrong place on the pages. There seemed to be no way to drag the

How To Connect Gravity Forms And Stripe

One of my favorite ways of taking money online is through a Gravity Form to Stripe. They’re both pretty stable and I’ve been using that combination for about five years now. It can be a bit of a hassle to setup initially, but once you’re done, you probably won’t need to touch it again. The

How To Install PHP Zip On WHM

I was playing around with converting a WordPress site to a static html site and ran into a “WARNING: ZIP extension mission” message when I tried to use zip. After some digging around, I realised I needed to install PHP zip. This is a server on which I have WHM, so I’ll go through how

How To Add An A Record To A Domain

The basic setup of most WordPress websites is: A Domain registered at somewhere like GoDaddy or Namecheap Hosting at somewhere like WPEngine or Hostgator WordPress installed on the hosting There are two main ways of connecting the domain and the hosting. You could: Set the A Record at the domain registrar to point to the

How To Make Divi Accordion Accessible

I was building an accordion in Divi, using the standard accordion widget. Checking it against the Aria Design Patterns for Accordions and the Accordion Example from W3, the Divi accordion module wasn’t following the correct labelling requirements. Perhaps by the time you’re reading this, it has been fixed. If not, I hope you find this

How To Move Divi Top Header Inside Main Header

On the default Divi install, the top header sits outside the <header> section. For accessibility and web standards reasons, Divi’s <div id=”top-header”> should be contained within the main <header> section. The alternative is to wrap it in <div role=”banner”>, as explained at Deque University. How to move Divi top header inside the main header: Install