Mobile version of WordPress with 2. WordPress plugins for adaptation to mobile traffic

To use the plugin you need to set some breakpoints and select HTML element container. So, using the breakpoints you select, the plugin resizes the image when the screen width reaches the breakpoint. You can also set specific classes to ignore some images.

2. Responsive Widgets

This plugin offers new WordPress text/HTML widgets, available only on gadgets like iPad, Nook, PlayStation Vita and other common devices - tablets and smartphones.

To use the plugin you need a basic understanding of WordPress widgets. Open the widgets page and you will see many new widgets for the following devices and screen types:

• Mobile
• Mobile (landscape)
• iPhones and iPods
• Phablets
• Tablet (portrait)
• Tablet (landscape)
• iPad Portrait
• iPad Landscape
• Nexus Tablets
• Kindle Tablets
• Surface Tablet
• Nook Tablets
• PS Vitas
• Desktops
• Large Monitors (1240px+ screens)
• Print only

Many of these widgets have checkboxes that can be used to configure how the widgets display specific devices. For example, if you want to display the widget only on tablets, but not on iPads, then tick the required checkbox.

3.WP Lightbox 2

A very popular “lightbox” plugin for using pop-up images and galleries with overlay effects. But keep in mind that this plugin does not solve the problem of “responsiveness”, but is itself adaptive.

To use the plugin, you simply need to activate it. It has several settings, such as activating Lightbox in comments or changing the animation duration. But in general, the plugin works immediately after activation and does not require additional configuration.

4. Responsible

Extremely useful wordpress plugin With it, you can test responsive design in your browser without leaving the checkout. It uses Viewport Resizer Bookmarklet to place a fixed panel at the top of the page, where you can resize the page for the desired responsive devices (such as smartphones, tablets, desktop PC screens), and also set necessary permissions screen.

To start working with the plugin, just activate it and visit one of the site pages. The panel will appear on each of them, which makes it possible to test the responsive design without any problems.

Plugins for creating mobile themes

These plugins work on a very interesting principle: they show different WordPress themes if a user accesses your site from a mobile device. This feature is especially useful if your website uses a theme that is not adapted for mobile devices. And if you have neither the time nor the desire to change the theme of the site to suit mobile gadget, then the following three plugins are created specifically for lazy people like you! :-)

5. WPTouch Mobile Plugin

This is perhaps one of the most popular free plugins for creating an attractive website in mobile version. It currently has a rating of 3.9 out of a possible 5 stars. After installing and activating the plugin, you will have access to a bunch of cool features, although many users may be limited standard set to create a mobile version of the site.

But be careful! Back in July 2014, it became known about the vulnerability of the WPTouch 3 plugin version. It was immediately noticed and fixed, but managed to harm many sites that used this plugin. Therefore, always keep an eye on plugin updates and take care of the security of your site in all its versions.

6. WordPress Mobile Pack

Another leader in themes for the mobile version of WordPress sites. The number of downloads of the plugin has exceeded 600 thousand, and the rating is 3.8 stars out of 5 possible. Its coolness lies in replacing the classic design with a mobile application interface.

Like the previous WPTouch plugin, this one only needs installation and activation. If you wish, you can delve into the settings, but this is not necessary. The plugin can be used immediately after its activation.

7. Jetpack

This plugin occupies a leading position in popularity among similar tools, this is confirmed by the support of WordPress.com and Automattic. It has a very useful "Mobile Theme" feature. To use it, you need to go to the settings page (Jetpack → Settings) after installing and activating the plugin. Minimum actions, maximum possibilities. You will see for yourself if you choose this free plugin.

The only advice we can give you is not to use this plugin with the Disqus plugin, as they are not very compatible.

Conclusion

In the field of web design, it is important and necessary to always keep an eye on new products, especially if they can really be useful to you. In our case, “adaptability for mobile devices” is already becoming standard function, which must be used by all website owners and meet, so to speak, the requirements of the era of mobile gadgets.

If you have already used any plugin from this series or you have your own option that is not on our list, don’t be greedy, share with other users.

Hello friends. On February 2, Yandex announced in its blog for webmasters new algorithm ranking sites in mobile search- Vladivostok. Its essence boils down to the fact that when making requests from phones search results will be built taking into account the site’s adaptability to display on small smartphone screens.

Previously, this factor was not taken into account, but those who hustle in advance will now benefit - they will be higher in searches, receive more traffic, and earn more money. See more news here. Google began to use a similar technique even earlier.

The new Yandex Webmaster, which I’m talking about, has a function for checking a site for mobility. With its help, you can check your resource and take any actions based on the results obtained.

Today we will talk about WordPress blogs and about how we, ordinary network workers, adapt to new conditions.

First you need to understand that there are 3 ways to adapt your resource for mobile search:

1. Creating a separate mobile version of the site on a subdomain or another domain.
2. Using a responsive WordPress theme that automatically resizes and positions elements when opened on small screens.
3. Application different topics design depending on the device - there will be one template on the computer, another (simpler and more compact) for the phone.

I don’t want to talk about the first case, since it is ineffective; in fact, you are creating a separate website, but the remaining 2 are available to bloggers.

Responsive WordPress Themes

If you have not yet decided on the “clothes” for your blog and are just approaching the lesson about, then when searching, look at those that were initially designed as adaptive. In this case, you will not encounter any problems in the future.

Proceed in the same way when ordering paid templates- indicate in terms of reference mandatory adaptation for mobile devices.

WordPress plugins for the mobile version of the site

Now let's move on to the situation when your blog already has a template and you don't want to change it, but it's not designed for mobile traffic. Unfortunately, adapting a theme that is not initially suitable for smartphones is not an easy task and cannot be done on your knees. The issue can be solved by creating a mobile version of a WordPress site using plugins. This method is free and easy to implement.

The plugins operate as follows: The site automatically detects the device from which the view is being viewed and, depending on it, includes different templates - either regular or special mobile.

Installing plugins is easy and even a novice webmaster can handle it. See how to install plugins.

All the plugins that I will list below are in the WordPress directory and they are installed directly through the admin panel.

1. WPtouch Mobile Plugin

The very first plugin for the mobile version of the site that I came across, it is also the most famous. An example of work on my website DmitriyZhilin.ru

In the free version, it contains only one template, but it can be customized - change the colors of fonts, background, buttons, etc. It is possible to add your code to the footer and additional CSS styles directly from the settings panel.

The plugin works in Russian, although the translation is slightly clumsy this moment, but everything is clear.

Except color settings It is possible to specify the devices for which the plugin will be used - “apples”, “androids”, “windows backgrounds”, etc.

2. WordPress Mobile Pack

Like the previous option, it has one free theme, and the rest are unlocked after purchasing the PRO version.

It is possible to add a special logo for the mobile version, change standard colors, select a list of categories and pages to display.

Management and settings of the WordPress Mobile Pack plugin on English language, but everything is intuitive, especially since everything starts working immediately after activation and you don’t have to do anything additional.

What I didn't like was home page, it displays the name of the last article and that’s it; to move to other posts and categories you need to scroll through the site, although almost the entire screen of the main page is empty.

I almost forgot - necessary PHP version your hosting is at least 5.3.0

3. Mobile Smart plugin

A very interesting option. Unlike previous plugins, this one does not contain pre-installed mobile themes, it acts as a switch.

That is, you install it and specify on the main settings page WordPress theme, which will be shown to mobile users - the theme can be any of those that you found and uploaded to the site.

You need an adaptive theme for the site (which I talked about at the beginning). But the trick here is that this adaptive theme does not work all the time, but only for phone users; the site gives all other visitors your regular template (not adaptive).

4.WP Mobile Edition

Of the ones I tried, this WordPress mobile plugin was my favorite. With a minimum of settings, it contains the most convenient mobile template:

• Minimalist design (showed maximum speed and responsiveness in PageSpeed ​​Insights from Google)
• convenient menu, specially adapted to small screens,
• convenient home page with the latest articles,
• a button to switch to the regular theme from the mobile one and a shortcode to place a button to switch to the mobile version from the regular one (this was not included in the ones discussed above).

The plugin is in Russian, and the translation is good. Although, there is no need for it, since after activation I did not make any settings.

The design itself is still one, but it contains several color schemes.

The only negative is that the theme shows thumbnails of posts, and since I don’t have them, there are empty squares opposite the headings (you can see it on the screenshot). They don't spoil much appearance site, but there is no option to disable the display of thumbnails - it’s a pity.

Which plugin to choose?

In conclusion, I will answer the question about choosing the most suitable plugin for your project. There is no single correct solution. I recommend trying each of the options I've given.

First try plugins with mobile themes - 1, 2, 4. If none of them appeal to you, then look for good topic with adaptive design and connect it for mobile users Mobile Smart plugin (3), there are no restrictions here - you can use any template.

Don't forget about caching

If you use caching plugins on your site (and you must use them), then keep in mind that users see pages saved in the cache, and not generated by the CMS, therefore, without the appropriate settings, there will be no separation of pages for mobile and stationary visitors - it will come from the cache same page.

The Hyper Cache plugin, whose settings have a special tab “Mobile” and in it you need to indicate that the cache should be stored separately for computers and separately for phones. In the same article I talked about this setting. Other caching plugins should have similar settings; without them there is no point in creating a mobile theme.

Useful articles:

• 
  How to make money on the Internet for a beginner - 23...
• 
  What is a blog, how to create it, promote it and how...

>Which section?
News section

>What does the plugin for the “mobile version” have to do with it? Your theme is already adaptive (True, it’s ancient, taken from a trash heap, with shells, etc.)
I apologize, I have little understanding of WordPress in general, a freelancer made my website. If plugins don’t help here, how can I set up a mobile version? Should I update the theme or install a different one? It is necessary that this section with news (window on the right) be visible from the phone.

News section

It became even less clear. The news site consists of “news sections”. In VP this is called “sections with entries”. Or do you mean something else.

I apologize, I have little understanding of WordPress in general, a freelancer made my website.

How about throwing out this garbage topic as soon as possible if you don’t want to have problems. You only need to take themes from the official catalog. So are plugins.

If plugins don’t help here, how can I set up a mobile version?

What do you mean by “set up mobile version”? Responsive theme- this is “for mobile”.

It is necessary that this section with news (window on the right) be visible from the phone.

Which “window on the right”? I don't see anything like that.

>It has become even less clear.
I took a screenshot to make it clearer:
https://ibb.co/cwnSnH

>What do you mean by “set up mobile version”?
I mean customize what is displayed in the mobile version. Because now this window is not visible in it (in the screenshot)

>As soon as possible, throw out this garbage topic if you don’t want to have problems. You only need to take themes from the official catalog. So are plugins.
What problems might there be? I will, of course, think about it, but in the near future there are no resources to completely redo the site. I only install official plugins.

I mean customize what is displayed in the mobile version. Because now this window is not visible in it (in the screenshot)

Your sidebar/widgets are hidden. This is basically normal. If you want it to be shown, you need to redo it or change the theme.

What problems might there be?

From the inability to get help to left-handed links and website hacking with very bad consequences.

The content will be completely preserved. You don't even have to worry about this. But in any case, you will have to tinker with the theme settings and maybe reconfigure some plugins responsible for the appearance - for example, displaying galleries. But it's clean technical issues, they are 100% solvable. And the speed of solving a problem depends on your experience multiplied by the complexity of the task.

How can I change the theme so that sidebars and widgets are displayed?

If there was a topic from the official catalogue, one could say something specific, but how was it done in this topic...

How difficult is it to change the theme (to a reliable and official one) while keeping all the downloaded content?

>If there was a topic from the official catalogue, one could say something specific, but how was it done in this topic...
In general, I looked at some screenshots from the manuals and my console looks about the same as everyone else's.

>The content is generally independent of the topic. But if something non-standard was used in the topic, then there is more work.
It's clear. In general, I will save money and look for a more intelligent programmer. I, of course, cannot do all this myself.

In general, I looked at some screenshots from the manuals and my console looks about the same as everyone else's.

The console has nothing to do with it. The problem is the availability of the theme code (and don't offer to download this junk.)

In general, I will save money and look for a more intelligent programmer. I, of course, cannot do all this myself.

In principle, simply changing the topic is not difficult. But bringing everything to fruition and realizing all your wishes can be difficult.

View 10 answers - from 1 to 10 (total 10)

• The topic “Please recommend a plugin for setting up the mobile version” is closed to new replies.

IN last years the amount of mobile traffic continues to grow. According to statistics search engines Already today, mobile traffic exceeds computer traffic in volume. In this regard, search engines begin to enter Additional requirements to sites so that they are displayed correctly when entering from any device. Accordingly, webmasters have a problem optimizing their web resource for smartphones and tablets. Owners of WordPress projects have the opportunity to use special plugins that optimize the site for mobile devices.

7 Best Plugins for Mobile Adaptation

Below we will describe the seven most popular plugins that can be used on sites with CMS WordPress. They will allow you to adapt your website for proper display on mobile devices.

Using Mobile Themes

The principle of operation of these plugins is to display special themes for users who access the site using a smartphone or other mobile device. Especially relevant for webmasters who do not want to change standard theme site. Perhaps they are simply accustomed to it or do not have certain skills, and do not want to pay for it.

Jetpack

A fairly popular plugin for websites based on the WordPress CMS, which allows you to install a mobile theme. To configure, you need to install the plugin on your website and go to the settings section (Jetpack – Setting). After this, activate the “Mobile Theme” function and the site will be adapted. The plugin is distributed free of charge and allows you to adapt the site with minimum quantity actions.

Among the shortcomings it is worth highlighting poor compatibility with Discus, so we do not recommend using both of these plugins at the same time.

WP Mobile Pack

Another simple solution to create adaptive design on your website. The plugin is gaining great popularity, and the number of downloads today exceeds 600,000. To create mobile design You just need to install and activate the plugin. There are several additional settings, which are optional.

WPTouch Mobile Plugin

This plugin is very popular among WordPress users. You just need to install and activate it, after which the mobile version of the site will become available. In addition to this, there are several more in the settings useful functions, to change the design and customize the template. Although beginners can get by with standard settings.

It is worth noting that in 2014, a vulnerability was discovered in the plugin code, which various attackers rushed to take advantage of. And although the developers managed to eliminate it in the shortest possible time, a large number of sites were infected.

Plugins that allow you to create a mobile version

The remaining four plugins allow you to fully adapt the site for correct display on mobile devices.

Responsible

Quite an interesting plugin for WordPress that allows you to set up a responsive design. A special feature of Responsible is the ability to test a site for adaptability right in computer browser. To get started, just install and activate the plugin.

Now a special panel will be displayed on the site pages, which will allow you to change the size depending on the device (tablet, smartphone, PC).

WP Lightbox 2

This plugin by itself is not capable of adapting an existing design. After installing it it will be installed new design, which is adapted for mobile devices.

Install the plugin in the site directory and activate it. In the settings you can set several functions from animation duration to activation of comments. Although this is not mandatory for beginners.

With this plugin you can use special HTML widgets that are only available on tablets and smartphones. To work with Responsive Widgets, you need to understand what widgets are in WordPress and have the skills to work with them.

In the settings there is big choice widgets. In this case, the user has the ability to configure the display of each of them on a specific device. For example, on all iPhones you can display a special widget; to do this, check the necessary boxes in the settings. When entering the site from another device, the same design will be displayed to the user using a different widget.

Hammy

One of the most convenient plugins for WordPress, which allows you to create a responsive design and display the site correctly on mobile devices. Install and activate this template, after which you will need to create breakpoints and specify HTML elements for them. In this case, the tag that displays them will be changed for all images. Instead of “img”, all images will be assigned the value “figure”. The breakpoint represents a limit on the size of the image when different resolutions screen.

This way, the size of the images will change depending on the screen size of the user who visited the site. You can define special classes for individual images. With their help, you can ignore changes to these individual files.

Which plugin to choose

All the plugins listed above are distributed free of charge and are suitable for any WordPress site. If the site does not display correctly on mobile devices, we recommend that you resolve this issue as soon as possible. Choose the most suitable option according to your requirements.

An alternative to using plugins is to create a responsive design or use a responsive theme.

In recent years, web designers and developers have been living in very mobile world. This article contains an overview of seven plugins that will help you make your website more beautiful and convenient for visitors on mobile devices.

These visitors usually access the site via a tablet or smartphone. Naturally, your websites must be mobile-friendly, otherwise we may lose such visitors.

How can this be achieved? We need to make our websites mobile friendly. This article provides an overview of seven plugins that will help you make your website more beautiful and mobile-friendly.

Helper plugins with adaptive and responsive interface
It's unlikely that you haven't heard the terms "responsive interface" or "adaptive interface" once in the last two years. The goal of this approach is to create web pages from which information will be correctly displayed on the screens of mobile devices.

The four WordPress plugins below will help you create mobile-friendly pages on your site.

1. Hammy

Hammy is a handy plugin that resizes images on your website for proper display on mobile devices. It replaces tags on