I have been working on a project using a child theme based Allegiant Pro from https://cpothemes.com/. While the theme is generally well written and with easy to override functions, it still relies on floats for the headers. The first problem with this approach was adjusting the layout for different image sizes. Notice that the navigationWhy Use Flexbox for Navigation See the full project…
When I wrote the post on reusable blocks in a Custom Post type, I thought I had everything working. Unfortunately, I discovered a bug! While the reusable block seemed to load and work perfectly, once the post was saved and reloaded, an error occurred: The work around is to immediately edit and save the blockHow to Use Reusable Blocks when Building a Block Template in a Custom Post Type Follow-up See the full project…
Tuesday, January 15, 20196:30 PM to 8:30 PM Smart Building Center, Pacific Tower1200 12th Ave. S · Seattle, WA Want to give your online store a post-holiday checkup? Jonathan Martin, founder of Cool Blue Web, an agency providing eCommerce solutions, will be sharing some great tips with us. You spend a lot of time prepping your WooCommerceSeattle WooCommerce Meetup See the full project…
One of the great features of the Gutenberg editor, is the ability to create a reusable block. Reusable blocks are very powerful in that they allow you to create a block that can be used in multiple places and look and behave the same way no matter where that block is used. Plus, when youHow to Use Reusable Blocks when Building a Block Template in a Custom Post Type See the full project…
Bill Erickson describes the process of building a block with Advanced Custom Fields in his post Building a block with Advanced Custom Fields. I wanted to take his excellent post a bit further and describe how to do this for a custom post type. Here are the steps I will discuss: What to include inHow to Build a Gutenberg Block with Advanced Custom Fields and Custom Posts Types See the full project…
In Modern CSS part 1 and part 2, I discussed using flexbox for layout. In this post, I explain how I used CSS Grid along with fallbacks for IE and other older browsers. The Grid One of the design requirements for Chaffey Building Group is the display of properties in a grid format. An exampleModern CSS – part 3 See the full project…
Caching, of course, is a great way to speed up your website. It keeps your browser from having to download static images and files. WordPress has several great caching plugins available. Websites hosted on SiteGround can take advantage of that host’s caching system known as the “Super Cacher”. Pace Staffing is hosted on SiteGround withDon't Double Cache See the full project…
Building a Menu In building the new Chaffey Building Group website, the design naturally included a responsive menu. I opted to use Flexbox as the main way to layout the menu. The design calls for two menus. The first menu is the main site navigation and the second contains the social media links. To getModern CSS – part 2 See the full project…
Building an Image Grid In building the new Chaffey Building Group website, the design included an image grid as seen below: I thought about whether to use CSS Grid or Flexbox for the layout. I decided on Flexbox as each image requires a specific percentage of width and really only needs the one dimension, whichModern CSS – part 1 See the full project…
WP Mayor has published its 2018 web host reviews base on a survey from CodeinWP. The article discusses how the host is marketed, customer satisfaction, security, reliability and WordPress support. As I have been recommending both SiteGround and WPEngine, I was pleased to see that they were well-regarded. Most of my clients are small businessWordPress Web Hosting Recommendations See the full project…