By Stephen Walker

New Links Catalog

Share

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.

Originally published on November 28, 2022

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

RELATED ARTICLES

  • Going Green-ish

    Do you know how much energy your website consumes per visit? I was shocked and made immediate changes.

  • Analytics Alternative: Cabin.

    If you are looking for an alternative to Google Analytics, I recommend checking out Cabin - a privacy-first solution.

  • New Section: Code Snippets

    I created a new Code Snippets section to start collecting and sharing code that I have found helpful for Avada or WordPress in general.

  • The State of WordPress

    The future of WordPress is very bright, but it is going to take a new way of thinking and a willingness to learn new things. Gutenberg is only a part of that future.

  • Styling the RankMath Sitemap

    If you are a RankMath user, you may know that they recently introduced a feature that automatically generates an HTML version of the XML sitemap. This post is to share the CSS I am using to add some layout to an otherwise long list of links.

  • Avada: Beyond the original theme

    These days, many people dismiss Avada because they only know it from its earliest inception as a theme, but if you are still using it as a theme, you're making a mistake.