We love the flexibility of the X Theme. It’s an amazing WordPress theme that offers nearly infinite possibilities in laying out your website. There are so many options however, that it can be difficult to know everything that you can do. We figured out the 6 SIMPLE STEPS to ADD POPUP TO X THEME and…
Month: November 2018
What is WordPress?
WordPress is a Content Management System (CMS) and provides an understandable structure for your website. This means that WordPress makes it easy for you to add/edit the pages of your website, to add plugins to massively and flexibly extend the functionality of your website, to add blog posts to your website, and to add or update…
How to store arrays as attributes when building gutenberg blocks in WordPress
In this video we’ll show you how to store arrays as attributes. This will super-power your block building and save you from having to create a bunch of extra attributes. Think of adding padding attributes to a block in Gutenberg. You’d have to 4 attributes to pull this off, one for the top, bottom, left…
Edit Ansible Vault with Nano
Simply, add env Editor=nano prior to your ansible-vault command.
Apache 301 Redirect Not Working
I updated my .htaccess file to redirect an article to the https version of the site. I discovered Apache 301 Redirect not working. The following line, which should work, didn’t. I tried placing the line at the top of the .htaccess file and that still didn’t do the trick. Since that didn’t work, I tried…
How to add a modal block in Gutenberg using React createPortal
In this video, we’ll show you how to use the React createPortal function to add a modal container in the WordPress Gutenberg editor. The issue is that we want to create a block that gives users the ability to add modals to their WordPress page. However, this becomes challenging because we are tied to the…
How to add an inline toolbar to a RichText block
We’re building a custom Gutenberg block and it’s built using 3 RichText components. The problem we’re running into is that the formatting (bold, italic, strikethrough, and link) for each of these 3 RichText blocks is located at the block level. We would love to have them inline for a better user experience. In this video,…
Web Development Basics
Starting at the big picture level, web development includes what you see when you visit a website and what you can do on that website. The “what you see” part of a website, or its layout and design, are typically built by frontend web developers. The “what you can do” part of a website, or…
Create Child Theme
Benefits of Child Theme Whenever you make changes to a WordPress theme, regardless of whether the theme is free or costs money, you should create a child theme. Using a child theme will ensure that any changes that you make to the theme will persist whenever the theme is updated in the future. In addition, you…
Using the & (Ampersand) in Sass
What the heck is the & in Sass? It’s a way to super power your Sassy self when writing Sass! Just think of it like this: & is a variable representing the parent selector. So this Sass: Equals this CSS: And this Sass: Equals this CSS: and this Sass: Equals this CSS: Get it? It’s…