9个移动友好的WordPress插件可改善您的网站

For the past few years, people have been spending more time on their phones than on their desktop computers. And now,mobile web traffic accounts for over half of all global internet traffic。

如果您浸入WordPress网站分析中，您可能会在访问者中看到类似的故事。那么，作为WordPress管理员应该如何容纳这些移动用户？

WordPress移动插件是最好的解决方案。从提高性能到重新格式化电话屏幕的网站，这些插件随附的附加组件可以帮助您的所有访问者提供最佳体验。

First, we'll give you three features to look for in a mobile-friendly WordPress plugin. Then, we'll share our favorite mobile-friendly WordPress plugins.

How to Make a WordPress Site Mobile-Friendly

For a website to be mobile-friendly, it must be:

• Responsive, meaning that the page layout adjusts to the dimensions of the mobile screen for easier reading.
• Optimized for speed since mobile devices tend to have fewer computational resources than desktop computers and thus take longer to load web pages.
• 通航,因为手机屏幕缺乏空间bulky menus and navigational elements.

Each of the plugins we recommend below incorporates these mobile-friendly features, so find one that catches your eye and try it out.

1。Superfly

SuperFly是一种移动响应的WordPress插件，它也可以使您的导航菜单响应。从垂直推动，滑动，静态导航，图标工具栏或全屏菜单中进行选择，以创建访问者会喜欢的用户体验。

Companies that manage several websites will find Superfly to be a quick and nimble solution to their need for a mobile-friendly site because of the export/import functionality that allows you to move between all the sites seamlessly

What we like about Superfly:

• The live editor lets you see what you're changing in real-time.
• Submenu navigation for larger sites that need a little more organization.
• 一种full-screen menu option that adds a professional look to your site.

2。Jetpack

一种s a WordPress user, there’s a good chance you’ve already heard of the Jetpack plugin. Made by the team behind the WordPress CMS, Jetpack consists of various modules to enhance your site’s marketing, security, SEO, analytics, and a lot more. It’s an all-in-one solution that cuts down the total number of plugins you’ll need to install (which itself benefits mobile performance).

我们喜欢JetPack：

Jetpack is a great mobile-friendly WordPress plugin option because of its性能优化功能including:

• 一种content delivery networkthat serves files more quickly.
• 懒负荷images that won't slow your page down.
• Infinite scroll that enhances the user experience.
• WordPress-optimized video hosting to make video content a breeze for you to upload and engaging for visitors to watch.

因此，如果您正在考虑将JetPack作为WordPress网站的一部分，则该插件的移动利益可能只是推动您点击“安装”。

3。Smush

One of the biggest enemies of page performance — and, by extension, mobile page performance — is large image files. The larger the image file, the longer it will take to load on the page, slowing your entire site down.

What we like about Smush:

Smushis aWordPress image optimization pluginthat tackles the page performance issue head-on.

• 一种utomatically compresses images when you upload them without a visible drop in quality.
• Lazy-load images to give the impression of a faster website.
• 追溯地压缩已上传到网站的所有图像。

Starting at $6 per month, you can upgrade toSmushPro, which compresses files to a greater extent than the free version, removes file size limits (the free version only compresses images under 1 MB), uses a content delivery network to send images, and automatically backs up your original image uploads. You can also pay for a membership ($19 per month) which grants access to allwpmu dev高级插件，包括蜂鸟（我们将在后面讨论）。

4。一种MP for WP

一种MP is an HTML framework introduced by Google. Originally intended to optimize web pages for mobile devices, it now applies to web pages delivered across all devices. It reformats your website’s pages into a mobile site to serve more efficiently on smartphones and tablets. This helps to improve the browsing experience while boosting rankings in Google, search since your website complies with its AMP standards.

我们喜欢WP的AMP：

WP的AMP免费提供了很多灵活性和实用程序。

• 安装扩展这使该插件与其他流行的插件兼容，例如WP表单，WooCommerce，Elementor，Divi和Contact表格7。
• Subscribe to a membership to get several of these extensions in bulk. For more details, see一种MP for WP’s pricing page。

5。一种MP

The AMP plugin is another free way to apply Google’s AMP practices to your web pages. Made by the Google AMP project contributors, this plugin lets WordPress admins publish mobile-optimized web pages without any programming on their part.

AMP插件通过为您删除不兼容的元素将网站的代码转换为对AMP友好的模型。它确定了这些问题并解决了这些问题，并说明了某些网站为何会影响性能的解释。它还标识了可能会损害您网站的AMP兼容的WordPress插件。

What we like about AMP:

该插件还可以在AMP配置方面具有一定的灵活性。

• Opt to use only one AMP-first theme if you want your entire site to follow AMP guidelines.
• 同时提供放大器和非AMP页面 - 例如，您可以将前者和后者服务于台式机访问者。

6。WP移动菜单

较小的移动屏幕给网页设计师带来了导航挑战 - 用户如何知道他们可以去哪里以及如何到达那里，而没有侧边栏和标头菜单的空间？

WP移动菜单是一个流行的修复程序。

What we like about WP Mobile Menu:

This freemium plugin adds these great features to your WordPress site to make it mobile-friendly:

• 在任何WordPress网站上添加响应迅速的三层移动菜单。
• Choose from standard text-only menus, or place images, logos, icons, and branding elements onto your menus.
• Hide menus while they load and conveniently slide them into view when they do.

WP移动菜单offerspremium versionsof the tool that can scale this solution as your business grows. There’s Professional ($6.49 per month) which lets you remove menus from specific pages and adds some additional menu options, as well as Business ($9.99 per month), which enables WooCommerce compatibility, and Enterprise ($29.99 per month)

7.Max Mega Menu

Max Mega菜单是另一个用于移动菜单的流行插件，最适合具有广泛页面和导航的网站。这些网站需要特别大型菜单或大型菜单，这些菜单在移动网站上实施具有挑战性。Max Mega菜单将您现有的WordPress菜单转换为大型菜单，并特别注意响应式设计。

What we like about Max Mega Menu:

Max Mega菜单可让您对您的网站进行许多独特的更改，包括：

• Set breakpoints for the menu to collapse on smaller screens.
• Use a mobile-optimized menu option that can hide your sub-menus and save screen space.
• 让您的菜单从侧面滑入，或作为标准下拉菜单出现。

The base version of the Max Mega Menu plugin is free. However, there’s also aPro版本(starting at $29 for one site) that supports more features like sticky, tabbed, and accordion menus, plus custom icons and lightweight integration.

8.蜂鸟

蜂鸟is a caching plugin for WordPress — it instructs your visitors’ browsers to save copies of your website files locally, so they’re faster to load in the future. Caching eliminates the need to fetch certain files from your web server every time a visitor returns to your site, which makes a big difference for mobile users.

What we like about Hummingbird:

蜂鸟（Hummingbird）包含了几个功能，使这是想要闪电般响应和响应迅速的WordPress管理员的最佳选择：

• 使能够GZIP compressionfor faster file delivery.
• 缩小和推迟CSS和JavaScript代码。
• Eliminates render-blocking resources
• Turn on lazy loading for images.

Hummingbird也是新用户的有用指南 - 它提供了优化移动网站的提示和建议，因此您可以了解该插件如何有所作为。

The above optimizations are free, but you can also subscribe to蜂鸟专业人士每月6美元和内容交付network, enhanced file compression, automated scans, and uptime monitoring. Hummingbird Pro is also included in awpmu devmembership。

9.敏感

If you're looking for a user-friendly, mobile-friendly plugin for your WordPress site, check out Touchy. This lightweight, customizable plugin will give your site the responsiveness you're looking for while blending seamlessly with your UI design.

What we like about Touchy:

• It includes both fixed and absolute positioning.
• Includes an icon-supported drop-down accordion menu for a sophisticated look.
• Supports smooth animations for creative sites with visual-heavy pages.

使用WordPress插件移动。

虽然所有用户都可以在类似的设备上浏览是很好的，但可能永远不会是这种情况。随着智能手机和平板电脑的日益普及，创建移动用户体验将永远是WordPress网站所有者，开发人员和设计师的优先事项。

Fortunately, WordPress plugins work behind the scenes to make websites mobile-friendly. Don’t turn away half your audience at the door — instead, install a free or a premium plugin to make your websites sleeker, faster, and easier to navigate.

Editor's Note: This post was originally published in January 2020 and has been updated for comprehensiveness.