6 plugins to keep your WordPress site on-trend

Default avatar.
May 20, 2016
6 plugins to keep your WordPress site on-trend.

There’s no need to talk up WordPress since everyone is aware of its vast potential. Instead, we’re going to talk about some of the plugins. Some of them are vital, like a plugin for improving SEO or caching the site; others are optional, like a plugin for reCaptcha integration. Among the latter category, you often stumble upon plugins designed to help site owners keep up with recent design trends. For example, they can spice up interfaces with features like hamburger menu buttons or duotone graphics. Today, we are going to examine six current trends and present you with six simple — and, most importantly, free — solutions that are available in the repository.

1. Cards


As seen on Pinterest, Dribbble, Behance, Twitter, Facebook, Google Plus, and more. We are going to start with Cards. 2015 was marked by a big fuss around this trend, and it’s not going anywhere. Considered to be one of the most popular design patterns, it breaks the content into digestible chunks, and dishes them up to readers. It is a nearly-universal solution that plays nicely both with desktop and mobile interfaces. WordPress solution: Masonry Layout Masonry layouts are one of the best ways of using card-based layouts, so this plugin is a great start. It lets you use a Pinterest-style structure, and apply it to your blog, online magazine, or even e‑commerce site.

2. Duotone graphics


As seen in Spotify campaigns, Adidas campaigns, Lois Jeans campaigns, and others. Duotone is as old as the hills. It has been used a million of times by photographers, who need to bring out middle tones and highlights of a picture. Even though it’s not exactly new, Duotone has taken the Web by storm in the last year. The biggest example of this is Spotify, whose designers have infused the technique with intense hues WordPress solution: TwotoneFX TwotoneFX is a small plugin that allows you to convert all the images in your media library into duotone. It has a simple, pretty intuitive interface with several options for editing pictures. Thus, you can set colors and apply filters to thumbnails, images in posts or all the multimedia at once.

3. The parallax effect


As seen on a gazillion websites of various scales, sizes, and themes. The technique can hardly be called a trend; it has been with us for ages, and technically nothing has changed. You can safely say it’s time-proven tool that, by the way, is hot nowadays. Paired with multiple backgrounds, it assists in building outstanding layouts with a dynamic feel, smooth user experience, and 3D effects. WordPress solution: Parallax Scroll Parallax Scroll is an elegant way to add this effect with shortcodes. It enables headers, pages, and custom posts with a parallax background. The official repository demonstrates numerous ways to accomplish this; you can experiment with whatever fits your needs best.

4. Material Design


As seen on MaterialUp, Polymer, Android, Google, and all of its services. This living document — that is intended as an international visual language — has already carved a niche for itself. It encourages the adoption of best practices in UX design, serving as a sort of guiding star”. It also provides easily-implemented aesthetic user interface styles . WordPress solution: Materializer Materializer is a comprehensive library of Material Design components that was skillfully converted into a WordPress plugin. It offers more than twenty shortcodes for integrating elements such as cards, loading icons, various sorts of buttons, and others into a page or post. Examine the documentation to find out how to use them to your benefit.

5. Animations


As seen in almost every modern portfolio, projects with visual storytelling experiences and other websites, including Goliaths of industry such as Apple. Among the all current trends, this one is the most eye-pleasing, engaging and powerful. Lazy animations, loading animations, smooth transitions, subtle page motion, traditional easing, sliding, fading and zooming animations, and offbeat typography animations: there are a ton of them in the wild. They are used to enhance interfaces, enrich experiences, and simply bring to life interesting ideas. If you need more information about this fast-growing tendency, then take a glance at The ultimate guide to web animation, it clarifies the issue. WordPress solution: Animate It As the name implies, the plugin can set any element of a post, widget or page into motion, giving it subtle, yet noticeable dynamic behavior. It comes with more than fifty different effects, including bouncing, fading, rotating, flipping, and pulsating.

6. Hamburger menu buttons


As seen on The New York Times, Star​-Wars​.com, Citroen Ad campaigns, and thousands of other websites. Some say that this button with three lines that hides a navigation menu is a blessing for modern interfaces; others call for it to be killed off outright, providing some sound reasons. The trend is pretty controversial. However, one can argue that no matter what this notorious design pattern is still highly in demand. Apparently, the crowd loves bad guys. WordPress solution: Responsive Menu Being trusted by more than eighty thousand WordPress users, this plugin is a must-have for your blog, magazine, corporate portal or whatever you have. It equips the interface with a fully responsive navigation panel that can be customized to your tastes. With seventy different options to choose from, you will be able to create a perfect match for your project.

Nataly Birch

Read Next

Apple Opts for AR over VR at WWDC

An Apple VR headset has been one of the most widely-rumored devices of the last few years, and it was finally settled a…

Exciting New Tools for Designers, June 2023

We’re halfway through 2023 already, and the number of incredible apps, tools, and resources for designers is mounting.

3 Essential Design Trends, June 2023

This month we are focusing on three trends within a bigger website design trend – different navigation menu styles and …

15 Best New Fonts, May 2023

The choices you make when selecting a typeface have more impact on your design than almost any other decision, so it’s …

10+ Best Tools & Resources for Web Designers and Agencies (2023 updated)

Having the ability to envision a tastefully designed website (i.e., the role creativity plays) is important. But being …

20 Best New Websites, May 2023

This month, there are tons of great new agency websites to get excited about. 3D animated prisms are a popular theme, a…

How to Find the Right White Label Website Builder for Your Agency

Web design agencies face a lot of obstacles in closing the deal with new clients. One of the most common ones is the ar…

Exciting New Tools For Designers, May 2023

There are hundreds of new tools for designers and developers released each month. We sift through them all to bring you…

3 Essential Design Trends, May 2023

All three of the website design trends here mimic something bigger going on in the tech space, from a desire to have mo…

10 Best AI Tools for Web Designers (2023)

It’s time to stop worrying if AI is going to take your job and instead start using AI to expand the services you can of…

10 Best Marketing Agency Websites (Examples, Inspo, and Templates!)

Marketers are skilled in developing strategies, producing visual assets, writing text with high impact, and optimizing …

15 Best New Fonts, April 2023

Fonts are a designer’s best friend. They add personality to our designs and enable fine typography to elevate the quali…