New Links Catalog

If you have been to this page before, you will recall there was a substantial link section in the footer, and now you will notice it is gone. I use the links all the time, but I found some that I needed were not there. Instead of continuing to add to the footer, I decided to create a links page that will allow me to add unlimited links, categories them, and with the use of wpGridBuilder, create a faceted filtering capability. I decided to have a little fun with this page, so I created cards that look somewhat like Post-It Notes with a marker font. I also used the background pattern feature to create a grid paper look. Check out the Links Catalog.

Glassmorphism

In removing the links from the footer, a slight redesign was needed. One of the key components of the redesign was the addition of the glassmorphism effect, which adds a blurred background to the column. The CSS is fairly simple, and I chose to apply it to the outer column wrapper. I have also used a similar effect in the page title bars, with the Avada Showcase being the best example (IMO) of how nice this looks. There are two glassmorphism generator links in the new links catalog. Here is the CSS:

.blurry{
  backdrop-filter: blur(10px) saturate(180%);
  -webkit-backdrop-filter: blur(10px) saturate(180%);
  background-color: rgba(80,80,80,0.35);
  border-radius: 8px;
  box-shadow: 0px 10px 21px -10px rgba(0,0,0,0.3);
}

Header and Menu

Since I am writing about recent changes, another change to the site was a refresh of the header. It is actually a return to the older header and navigation. I did this because the off-canvas was not giving me the level of accessibility that I wanted. Once the new menu functionality is released in 7.9 (hopefully this week), I suspect there will be a major navigation redesign. Another new feature is the addition of Jetpack Search, which is a much better solution than native WordPress search, Relevanssi, or other search tools I have tried. Lastly, the logo has been changed because of the new domain, and there is a problem using motion.page with Jetpack Search.