вход

Лучшие плагины для создания мобильной версии WordPress сайта

Wordpress

Давайте перейдем к ситуации, когда шаблон у вашего блога уже есть и менять его вы не хотите, но он не рассчитан на мобильный трафик. К сожалению, адаптация темы, изначально не пригодной для смартфонов, дело непростое и сделать ее на коленках не получится. Вопрос решается созданием мобильной версии WordPress сайта с помощью плагинов. Это способ бесплатный и легкий в реализации.

Действуют плагины следующим образом – Сайт автоматически определяет устройство, с которого идет просмотр и, в зависимости от него, включает разные шаблоны – либо обычный, либо специальный мобильный.

Все плагины, которые я приведу ниже, есть в каталоге WordPress и они устанавливаются прямо через админку.

Плагин для создания мобильной версии сайта WPtouch Mobile Plugin

Версия:
Обновление:
Файл:
0 %Рейтинг
Скачиваний
WPtouch Mobile Plugin — WordPress Plugins

WPtouch Mobile Plugin

Description

WPtouch is a mobile plugin for WordPress that automatically adds a simple and elegant mobile theme for mobile visitors to your WordPress website. Recommended by Google, it will instantly enable a mobile-friendly version of your website that passes the Google Mobile test, and ensure your SEO rankings do not drop due to not having a mobile-friendly website. For more information about using WPtouch to achieve Google mobile-friendly status, please read our comprehensive mobile-friendly guide.

The WPtouch administration panel and WordPress Customizer allow you to customize many aspects of its appearance, and deliver a fast, user-friendly and stylish version of your site to your mobile visitors, without modifying a single bit of code. Your regular desktop theme is left intact, and will continue to show for your non-mobile visitors.

Go Pro for support and more control, enhanced themes & features

WPtouch Pro offers a variety of enhanced themes for blogs, businesses, and WooCommerce retailers; extensions that add rich advertising options, advanced web font controls, caching, and more; and of course, top-notch one-on-one support from our professional team.

For more information visit WPtouch.com.

‘WPtouch’ & ‘WPtouch Pro’ are trademarks of BraveNewCode Inc.
If you are using a caching plugin, you will need to configure it to work properly with WPtouch. If your caching plugin is not configured, or not configured properly, you will most encounter inconsistent behaviour where WPtouch shows for desktop visitors, or mobile visitors see your desktop site.

W3 Total Cache

  1. If you have “Browser Cache” enabled, please disable ‘Set expires header’ in the Browser cache settings to prevent Desktop/Mobile switch link issues.
  2. Go to the “Page Cache” settings under the Performance tab.
  3. Copy the list of mobile user agents found in our list of “User agent list for configuring cache plugins“.
  4. If you have added support for additional mobile devices in WPtouch’s Compatibility > Custom User Agents field, you must also include those user agents in the “Rejected User 5. Agents” area in W3 Total Cache.
  5. Scroll down to the “Rejected User Agents” field and paste the list of WPtouch default user agents, adding one per line.
    Save your changes.
  6. Go to the “Minify” settings under the Performance tab.
    Scroll down to the “Rejected User Agents” field and paste the list of WPtouch default user agents, adding one per line.
  7. Save your changes.
  8. Go to the “CDN” settings under the Performance tab.
  9. Scroll down to the “Rejected User Agents” field and paste the list of WPtouch default user agents, adding one per line.
  10. Save your changes.
  11. Finally, go to the W3 Total Cache “Dashboard” and select “Empty All Caches”.

Ensure that W3 Total Cache is selected in the plugins list in the Compatibility section of the WPtouch admin panel.

WP Super Cache

Note: The native support for the free version of WPtouch found in WP Super Cache (under the “Plugins” tab) must be disabled to prevent conflicts in WPtouch.

  1. In the Advanced tab of the WP Super Cache settings select “Mobile Device Support”* and click “Update Status”.
  2. Still in the Advanced tab, scroll down to the “Rejected User Agents” area. Paste the entire list of mobile user agents found in our list of “User agent list for configuring cache plugins” into the field and click “Save UA Strings”.
  3. If you have added support for additional mobile devices in WPtouch’s Compatibility > Custom User Agents field, you must also include those user agents in the “Rejected User Agents” area in WP Super Cache.
  4. In the “Contents” tab, click “Delete Cache” and “Delete Expired” to delete pages that were likely cached before adding the new list of rejected user agents.
  5. Ensure that WP Super Cache is selected in the plugins list in the Compatibility section of the WPtouch admin panel.

WP Rocket

In the “Basic Options” of WP Rocket’s settings page, make sure “Enable caching for mobile devices.” is deselected. Ensure that WP Rocket is selected in the plugins list in the Compatibility section of the WPtouch admin panel.

Please see the user manual for additional information.

WP Engine

Please contact WPEngine and ask them to exclude the user agents found in the “User agent list for configuring cache plugins“.

Screenshots

  • Glamour shot!
  • Triple view of post/page view, main and comments area. Colours, fonts and more can be customized easily.
  • Admin general settings
  • Admin devices settings
  • Menu settings
  • Theme settings

FAQ

I thought most touch smartphones show my website fine the way it is now?

Yes, that’s true in general. However *not all websites are created equal, with some sites significantly failing to translate well in small mobile device viewports.

Many WordPress sites today also make heavy use of a variety of javascript, css and image files which significantly increase load times, in turn driving visitors on data connections crazy, often causing them to abandon your site altogether.

We created WPtouch to be a lightweight, fast-loading, feature-rich mobile plugin to add a theme shown to mobile visitors. The plugin includes an admin panel for customizing many aspects of your site’s presentation when showing the mobile theme.

Well, what if my users don’t like it and want to see my regular site?

There’s a link to switch back to the desktop theme in the footer area of WPtouch so your visitors can easily switch between the WPtouch view and your site’s regular appearance.

We even automatically put a little snippet of code into your current desktop theme which will be shown only to iPhone, iPod touch, Android or BlackBerry touch mobile device visitors, giving them control to switch between the two themes easily.

Will it slow down my blog, or increase my server load?

No. The entire WPtouch footprint is small. In fact, it should reduce load, because of its streamlined approach to serving optimized content to mobile visitors. It was designed to be as lightweight and speedy as possible, while still serving your site’s content in a richly presented way, sparing no essential features like search, login, categories, tags, comments etc.

For more information visit WPtouch.com.

I notice my desktop site shows for mobile visitors, or vice versa

It sounds like you are using a caching plugin but you haven’t configured it. Please read the user manual (accessible from the WPtouch admin) and perform the cache changes are outlined in the user manual. Once done, WPtouch will work as expected.

What’s different about version 4 vs. version 3?

The biggest difference is the admin panel. Instead of multiple admin pages with settings split out, we’ve combined and streamlined the settings into one panel page.

Tabs on the left, settings on the right. All settings instantly save via AJAX, so you don’t have to save settings manually.

Will I lose anything upgrading?

WPtouch 4 is an upgrade from 3, and your theme settings will stay intact. You will notice a couple settings have been slimmed down, while we added a few new ones.

Overall you might think there’s less in WPtouch 4— but we actually removed how we showed Pro-only settings even though they weren’t available in free, along with other non-essential panes and views to streamline the product.

What’s New?

The best new additions for WPtouch 4 are in WPtouch Pro— we added support to live preview your changes in the WordPress Customizer, along with new theme and extension updates, features and more.

In the free version, the newest changes have more to do with under the hood improvements for speed and performance in the theme, and of course the new admin panel making setup faster and easier.

What’s Next?

We’ve got theme and feature updates planned into 2016 based on feedback from our users, but that’s all we’ll share!

Reviews

Some Time To Setup, Great Support, Worth It

As with every plugin you have to check for conflicts and work out the bugs. Plenty of documentation if you’re stuck.

The plugin will work on iPads if you allow the user agents (i.e. iPad, PlayBook, Xoom, P160U, SCH-I800, Nexus 7, Touch, Android). I couldn’t find details for my specific conflict on iPads, so I chatted with support and Adam was able to troubleshoot the issue until we got it fixed (thanks!).

I’d give WPtouch Pro 4.5 stars.

Does not work as advertised

The plugin uses it’s own colours and not those from the site. It does not ‘mobilize’ tables and cuts off edges of random pages.

Suggestion for Sales of Pro

I purchased the Enterprise version of WP Touch Pro this weekend.

The credit card was charged immediately.

No acknowledgment of purchase was received because I submitted my email address wrong, leaving off one character.

My suggestion is that WP Touch either have a registration first before the sale, or at minimum an email confirmation on the sale.

It was resolved on the Monday after, so kudos for responsiveness for WP Touch.

Read all 251 reviews

Contributors & Developers

“WPtouch Mobile Plugin” is open source software. The following people have contributed to this plugin.

Contributors

“WPtouch Mobile Plugin” has been translated into these 2 locales: English (UK), English (Canada). Thank you to the translators for their contributions.

Translate “WPtouch Mobile Plugin” into your language.

Interested in development?

Browse the code or subscribe to the development log by RSS.

Changelog

Version 4.3.17 (May 10, 2017)

  • New Feature: Adds default functionality to send no cache request headers when mobile theme is showing. Also adds option in admin to disable this functionality.

Version 4.3.16 (April 25, 2017)

  • Fixed: Bug where backslashes were being stripped from shortcode display.

Version 4.3.15 (April 10, 2017)

  • Fixed: PHP 7.1.2 error regarding “Process desktop theme shortcodes” option.

Version 4.3.14 (March 20, 2017)

  • Fixed: Updated functionality for theme incompatibility notice to be permanently dismissed.
  • Fixed: Updated functionality for plugin incompatibility notice to be permanently dismissed.
  • Fixed: Bug where automatically-chosen font colors were wrong.

Version 4.3.13.1 (March 8, 2017)

  • Fixed: Bug where if you dismissed the newsletter signup outside of the WPtouch settings area it would continue to show the notice.

Version 4.3.13 (March 6, 2017)

  • Fixed: Bug that didn’t allow mobile / desktop switching in specific W3TC configuration.
  • Fixed: Warning that appeared for sites running PHP 7.1+.
  • Speed Improvement: Minimize Bauhaus CSS & JavaScript.
  • New: Added Newsletter Signup option in settings.

Version 4.3.12 (February 21, 2017)

  • Speed Improvement: Minimize foundation CSS & JavaScript.
  • Speed Improvement: Reduce HTTP requests by inlining small stylesheets.
  • Speed Improvement: Minimize internal module CSS & JavaScript.

Version 4.3.11 (February 9, 2017)

  • Fixed: Better support for SSL in the WPtouch settings page

Version 4.3.10 (December 22, 2016)

  • Fixed: Bug that sometimes prevented the customizer from showing the mobile theme

Version 4.3.9 (December 12, 2016)

  • Fixed: Error message that appeared when running the latest version of Wordfence

Version 4.3.8 (December 8, 2016)

  • Fixed: Minor bugs and issues reported by customers and users
  • Added: Compatibility with WordPress 4.7

Version 4.3.7 (November 23, 2016)

  • Changed: Now using the standard WordPress comment form, for better compatibility with plugins that use or modify comments.
  • Fixed: Minor bugs and issues reported by customers and users

Version 4.3.6 (November 10, 2016)

  • Fixed: Featured slider now won’t show if no posts have a featured image
  • Fixed: Minor bugs and issues reported by customers and users

Version 4.3.5 (October 27, 2016)

  • Fixed: Warnings that appeared for sites running PHP 7
  • Fixed: Minor bugs and issues reported by customers and users

Version 4.3.4 (October 13, 2016)

  • Added: Support for adding the featured post slider to a page
  • Fixed: Missing translations for number of comments in the blog listing

Version 4.3.3 (October 3, 2016)

  • Fixed: An issue in the admin panel which made it appear that other plugins were disabled while WPtouch is running. No plugins are disabled by default when WPtouch is active.

Version 4.3.2 (September 28, 2016)

  • Fixed: Better compatibility with W3TC and PHP 5.2

Version 4.3.1 (September 27, 2016)

  • Fixed: Issue in Bauhaus theme related to old versions of PHP

Version 4.3 (September 26, 2016)

  • Added: Bauhaus 2. Updated Featured slider, may require you to set up your preferred settings again
  • Fixed: Minor issues and a settings bug which could cause settings to appear unsaved in the Customizer

Version 4.2.6 (September 16, 2016)

  • Modified: Newsletter sign-up information

Version 4.2.5 (September 2, 2016)

  • Fixed: An issue which causes the switch link setting to be hidden
  • Fixed: An issue which prevented category filtering from working correctly

Version 4.2.4 (August 25, 2016)

  • Added: New display option for Bauhaus featured slider
  • Fixed: Minor plugin compatibility improvements

Version 4.2.3 (August 8, 2016)

  • Fixed: Made notices banner only show for administrators
  • Updated: Enhanced the ability to upgrade free version

Version 4.2.1 (August 5, 2016)

  • Fixed: An issue which could prevent the Customizer from switching between desktop and mobile

Version 4.2 (August 3, 2016)

  • Added: NEW! Change theme settings in the WordPress Customizer!
  • Fixed: Minor bugs and issues

Version 4.1.8 (July 19, 2016)

  • Updated: Spanish translations
  • Fixed: Search behaviour in some languages

Version 4.1.7 (July 5, 2016)

  • Fixed: Display issues with RTL menus and some themes

Version 4.1.6 (June 30, 2016)

  • Updated: Autosave in admin panel is now a little more robust and optimized.
  • Changed: Replaced library used for off-canvas menu in some themes (now using Slideout)

Version 4.1.5 (June 17, 2016)

  • Added: Option to choose which page the featured slider is shown on (Bauhaus, certain configurations)
  • Added: For sites that redirect mobile visitors to a landing page other than their latest posts page, added option to select on which page the featured slider is shown.
  • Changed: Auto-expand menu section if on a page within that section
  • Changed: Reduced frequency of API calls in admin
  • Changed: Cache warning is no longer displayed for sites running W3 Total Cache if a user agent group has been enabled to pass through mobile requests. As it is incompatible with this cache configuration, the desktop/mobile theme switch is disabled for sites using this cache configuration.
  • Changed: Custom field-based thumbnails are now displayed in post listings, related posts, featured slider, and at top of posts.
  • Changed: Featured slider no longer shows zero comment count
  • Fixed: Incorrect XML sitemap output when Featured Slider was enabled
  • Updated: Italian, Portuguese, Spanish translations

Version 4.1.4 (May 26, 2016)

  • Added: Support for new setting types in admin
  • Added: Improved RTL support for featured slider
  • Changed: Only display icon selection tool on items already saved to the menu (WordPress limitation)
  • Changed: Replaced library used for featured slider (now using Owl Carousel)
  • Changed: No icon selection shown for pending items (cannot select icons until item saved in menu)
  • Fixed: Icon selector not fully overlaying other menu items when they’ve been expanded
  • Fixed: Warnings when featured slider finds no content to display
  • Fixed: Menu fields showing through icon picker
  • Fixed: Display of long (non-breaking) titles in next/previous links
  • Fixed: ‘Save settings’ spinner triggered when non-saving actions were taken

Version 4.1.3 (May 6, 2016)

  • Fixed: Auto-upgrade from WPtouch to WPtouch Pro when license is activated
  • Updated: Hebrew translation (partial)

Version 4.1.2 (May 3, 2016)

  • Fixed: Auto-disable free plugin when WPtouch Pro is active
  • Fixed: Ensure correct theme is active when downgrading from WPtouch Pro
  • Fixed: Pinterest sharing link
  • Fixed: Search forms now allow searching while in preview mode
  • Updated: Translations for Arabic, French, Indonesian, Japanese, Portuguese

Version 4.1.1 (April 12, 2016)

  • Added: Compatibility with WordPress 4.5
  • Added: Setting to control which side the Bauhaus menu is shown on
  • Changed: Adjusted colour conversion for Luma-based colouring, ensuring true value is used
  • Changed: Re-added ‘show login’ setting for sites that require users to be registered to comment.
  • Fixed: Bug with custom latest posts page when not set to the same as WordPress homepage
  • Fixed: Search forms now allow searching while in preview mode
  • Fixed: Eliminated PHP warnings
  • Fixed: Display of featured slider settings when slider is first enabled

Version 4.1 (March 24, 2016)

  • Added: New filters to support AMP extension in WPtouch Pro
  • Changed: Streamlined wizard experience
  • Fixed: Case where featured posts would always be repeated in listing if featured slider was set to show only 1 post
  • Fixed: Error when page was not found

Version 4.0.4 (February 29, 2016)

  • Added: Featured slider settings to control display of # of comments
  • Added: Featured slider option for more minimal slider appearance
  • Changed: Added styling for some rarer html elements, and updated others (ol, code, pre etc.)
  • Changed: Minor styling enhancements and fixes
  • Updated: Opera users agents to better specify supported opera versions and platforms
  • Fixed: Load more posts on custom posts page did not load posts in certain configurations
  • Fixed: Retain WPML language parameter when redirecting to mobile landing page
  • Fixed: Minor styling issues
  • Fixed: Toggle fields not saving on some server configurations

Version 4.0.3 (January 19, 2016)

  • Changed: Restored homepage redirect setting – thanks for your feedback!
  • Fixed: Menu icon selection when using relative-protocol media URLs
  • Fixed: Black field on blog index when featured slider is disabled.

Version 4.0.2 (December 29, 2015)

  • Added: On upgrade, migrate sites using the old “WordPress Pages” menu option to a custom WordPress menu
  • Fixed: Custom Latest Posts Page handling

Version 4.0.1 (December 22, 2015)

  • Added: Reset settings buttons
  • Added: Restored preview theme capability

Version 4.0 (December 22, 2015)

  • A whole new WPtouch that makes getting your WordPress website mobile-friendly easier than ever before
  • Added: Settings panel has been re-written and simplified into a single page, now much faster
  • Added: Settings auto-save— no need to click a settings save button (how 2013 of us)
  • Added: Settings types are easier to control, with toggles and elegant drop-downs to switch settings
  • Added: Added new options and controls (like controlling the devices WPtouch is active for)
  • Changed: Removed visible but inactive Pro settings
  • Changed: Simplified a few settings, you’ll probably be mad at us but we really want this plugin to be easy to use for everyone!
  • Changed: Now using the WP color picker
  • Changed: Updated core plugin assets and optimized theme & admin speed

WordPress 4.0+

You can install WPtouch directly from the WordPress admin. Visit the Plugins – > Add New page and search for ‘WPtouch’. Click to install.

Once you have installed and activated WPtouch, visit the admin page via the sidebar menu to customize your WPtouch installation’s appearance.

Caching Plugin Configuration

Please note that if you are using a caching plugin like W3 Total Cache or WP Super Cache, you will have to do additional configuration, otherwise you may occasionally see the mobile site in a desktop browser and the desktop site in a mobile browser. These changes are outlined in the user manual which is accessible in the WPtouch admin.

User Manual

You can download the user manual from within the WPtouch administration panel, or download the WPtouch manual here. It contains information on how to configure WPtouch. Please note that if you are using a caching plugin, you will need to perform additional steps for WPtouch to work as expected.

For more information visit WPtouch.com.

Требуется

Самый первый плагин для мобильной версии сайта, с которым я познакомился, он же и самый известный.

В бесплатной вариации он содержит только один шаблон, но его можно настраивать – менять цвета шрифтов, фона, кнопок и т.д. Есть возможность добавить свой код в подвал и дополнительные CSS стили прямо из панели настроек.

Работает плагин на русском языке, правда, перевод слегка корявый на данный момент, но все понятно. Кроме цветовой настройки есть возможность указать устройства, для которых будет применяться плагин – «яблоки», «андроиды», «windows фоны» и т.д.

Плагин для создания мобильной версии сайта WordPress Mobile Pack

Версия:
Обновление:
Файл:
0 %Рейтинг
Скачиваний
WordPress Mobile Pack – Mobile Plugin for Progressive Web Apps & Hybrid Mobile Apps — WordPress Plugins

WordPress Mobile Pack – Mobile Plugin for Progressive Web Apps & Hybrid Mobile Apps

Description

WordPress Mobile Pack is a mobile plugin that helps you transform your website’s content into a progressive mobile web application. It comes with multiple mobile app themes that you can purchase individually or as a bundle.

WordPress Mobile Pack is supported on iOS and Android smartphones and tablets. Compatible browsers: Safari, Google Chrome, Android – Native Browser.

The pack has been tested on WordPress 3.6 and later. Please read the Known issues and limitations list before installing.

What the WordPress Mobile Pack 3.0+ enables you to do:

  • Progressive Web Apps. Some of the key features of progressive web apps are:

    1. Apps load nearly instantly and are reliable, no matter what kind of network connection your user is on.
    2. Web app install banners give users the ability to quickly and seamlessly add your mobile app to their home screen, making it easy to launch and return to your app.
    3. Web push notifications makes it easy to re-engage with users by showing relevant, timely, and contextual notifications, even when the browser is closed.
    4. Smooth animations, scrolling, and navigations keep the experience silky smooth.
    5. Secured via HTTPS.
    6. Responsive UI.
  • Responsive UI. The mobile web application is sensitive to various screen sizes and orientation changes: landscape, portrait. In other words, the look and feel of the mobile web app seamlessly morphs into the screen size of users’ devices.

  • App Themes. You can offer your users an exceptional reading experience by giving them a mobile web application with a native app-like look & feel. The default theme comes with 6 abstract covers that are randomly displayed on the loading screen to give the app a magazine flavour. More app themes available in WordPress Mobile Pack PRO.

  • Customize appearance. Once a favorite theme has been selected, you can customize the colors & fonts, add your logo and graphic elements that can relate to your blog’s identity. More customization options available in WordPress Mobile Pack PRO.

  • Posts Sync. The articles/posts inside the mobile web application are organized into their corresponding categories, thus readers can simply swipe through articles and jump from category to category in a seamless way.

  • Pages Sync. Choose what pages you want to display on your mobile web application. You can edit, show/hide different pages and order them according to your needs.

  • Comments Sync. All the comments that are displayed in the blog are also synchronized into the mobile web application. On top of that, comments that are posted from within the app are also displayed on the blog. Social media features are available in WordPress Mobile Pack PRO.

  • Analytics. WordPress Mobile Pack easily integrates with Google Analytics.

  • Add to Homescreen. Readers can add the mobile web application to their homescreen and run it in full-screen mode.

WordPress Mobile Pack also comes with a PRO version suitable for professional bloggers, publishing companies with multiple publications in their portfolio or web agencies. Some of the benefits of using WordPress Mobile Pack PRO are:

  • Customize your mobile web app’s appearance to resemble your brand identity.

  • Since mobile web apps don’t have any shared revenue constraints, you can take full control of your income. WordPress Mobile Pack PRO allows you to easily connect with your Google DFP & AdSense campaigns.

  • We take pride in offering fantastic WordPress Mobile Pack PRO maintenance and hands-on support. Our team of friendly mobile web experts makes sure technology doesn’t stand in your way.

  • Access to multiple app themes that can be purchased individually or as a bundle: BASE, MOSAIC, OBLIQ, ELEVATE, FOLIO, INVISION, POPSICLE, PULSE, GHOST, PHANTOM, LUCID, EXTRUDE, VEDI, BLEND, PURE, GOTHAM, FUTURE & PALM.

  • Your mobile users will be able to benefit from a rich mobile reading experience on their favorite mobile device without needing to go through an App Store and install anything.

Here are some walkthrough videos that can get you started with WordPress Mobile Pack PRO:

For previous versions, check out the ‘Change log’ page.

We enjoy writing and maintaining this plugin. If you like it too, please rate us. But if you don’t, let us know how we can improve it.

Have fun on your mobile adventures.

Setting up cache plugins for working with WordPress Mobile Pack

If your site uses a cache plugin, please note that a series of issues can occur if that plugin wasn’t configured to work with WordPress Mobile Pack. Some examples are:

  • Loading the mobile web application on desktop browsers
  • Loading the desktop theme on a supported mobile device (even though the WordPress Mobile Pack plugin is active)
  • Inconsistent switching between the desktop and the WordPress Mobile Pack theme

If you find yourself in one of these situations, please read the docs and make the appropriate settings on your cache plugin.

Roadmap

Our roadmap currently includes:

  • Fully customizable menus with categories, posts, pages and links
  • Integrating with the most popular multi-language plugins
  • Localization. Please contact us if you can help by translating the mobile web application’s text into your language.
  • Support for password protected posts.
  • Integrating with the most popular forms plugins
  • Integrating with Disqus

Known issues and limitations for v2.0+

  • V2.0+ of the mobile web app doesn’t include support for forms. We are looking for a way to recreate forms inside the mobile web application and integrate with various plugins.
  • Iframes and embed codes are partially supported. Embed codes are allowed for YouTube, Vimeo, Daily Motion, Soundcloud, Instagram, Wistia, Flickrit and Spreaker. If you need support for other media content embed codes, please contact us.
  • The mobile web app doesn’t include user authentication. If your blog settings enable comments only for logged in users, they will be disabled in the mobile web app.
  • For now, supported mobile browsers include Safari, Google Chrome, Android’s native browser, Internet Explorer 10 and Firefox (as of 2.0.2).
  • Only featured images from your blog posts are displayed as thumbnails in the list of posts. Images integrated in a post’s content are displayed only on the details page for that post.

Repositories

We currently have two Github development repositories:

Contributors

A big thanks to all contributors that helped us translate the mobile web application:

  • Na LI (Chinese / zh_CN)
  • John Haverkate (Dutch)
  • Bernhard Steinbichler (German)
  • Péter Ágoston (Hungarian)
  • Fabiola Sguassero (Italian)
  • Emmanuel Andriulo (Italian)
  • Miru Yamashiro (Japanese)
  • Sandra Gorgan (Romanian)
  • Agnieszka Bugajska (Polish)
  • Mathias Wideroth (Swedish)
  • Diogo Desiderati (Portuguese)

Screenshots

  • Cover of the mobile web app. A default cover is used if your last blog entry doesn't contain a large enough featured image.
  • Articles within a category.
  • Side menu with all the enabled categories.
  • Side menu with all the enabled pages.
  • Article details.
  • Comments panel for an article.
  • "What's New" page from the admin panel. Displays latest updates and news.
  • "What's New" page from the admin panel. Displays latest updates and news.
  • "Look & Feel" page from the admin panel. Customize theme by choosing colors, fonts and adding your own app icon, logo & cover.
  • "Look & Feel" page from the admin panel. Customize theme by choosing colors, fonts and adding your own app icon, logo & cover.
  • "Content" page from the admin panel. Show/hide categories of articles and pages in the mobile web app.
  • "Content" page from the admin panel. Show/hide categories of articles and pages in the mobile web app.
  • "Settings" page from the admin panel. Set display mode, add your Google Analytics Id and enable the Premium version.
  • "Settings" page from the admin panel. Set display mode, add your Google Analytics Id and enable the Premium version.
  • "More" page from the admin panel. Other capabilities offered in the premium hosted platform.
  • "More" page from the admin panel. Other capabilities offered in the premium hosted platform.

Installation

Simple installation for WordPress v3.6 and later

  1. Go to the ‘Plugins’ / ‘Add new’ menu
  2. Upload wordpress-mobile-pack.zip then press ‘Install now’.
  3. Enjoy.

Comprehensive setup

A more comprehensive setup process and guide to configuration is as follows.

  1. Locate your WordPress install on the file system
  2. Extract the contents of wordpress-mobile-pack.zip into wp-content/plugins
  3. In wp-content/plugins you should now see a directory named wordpress-mobile-pack
  4. Login to the WordPress admin panel at http://yoursite.com/wp-admin
  5. Go to the ‘Plugins’ menu.
  6. Click ‘Activate’ for the plugin.
  7. Go to the ‘WP Mobile Pack’ admin panel.
  8. Go to the ‘Look & Feel’ tab. Choose color schemes, fonts and add your own logo and app icon.
  9. Go to the ‘Content’ tab. Disable, enable or order categories and pages depending on what content you want to show in the mobile web app.
  10. Go to the ‘Settings’ tab to choose a Display Mode and add your Google Analytics ID.
  11. Access your site in a mobile browser and check if the application is displayed. If the app is not loading properly, make sure that the file exporting the content – http://yoursite.com/{your plugins folder}/wordpress-mobile-pack/export/content.php – can be accessed in the browser and doesn’t return a ‘404 Not Found’ or ‘403 Forbidden’ error.
  12. You’re all done!

Testing your installation

Ideally, use a real mobile device to access your (public) site address and check that the switching and mobile web app work correctly.

You can also download a number of mobile emulators that can run on a desktop PC and simulate mobile devices.

Please note that the mobile web app will be enabled only on supported devices: iPhones, Android smartphones, Windows Phone 8 and Firefox OS. Only the following browsers are compatible: Safari, Google Chrome, Android – Native Browser, Internet Explorer 10 and Firefox (as of 2.0.2).

Connecting the API Key (Premium Cloud accounts)

We have wrote a complete guide about connecting your plugin with the hosted platform by using the API Key.

FAQ

Installation Instructions

Simple installation for WordPress v3.6 and later

  1. Go to the ‘Plugins’ / ‘Add new’ menu
  2. Upload wordpress-mobile-pack.zip then press ‘Install now’.
  3. Enjoy.

Comprehensive setup

A more comprehensive setup process and guide to configuration is as follows.

  1. Locate your WordPress install on the file system
  2. Extract the contents of wordpress-mobile-pack.zip into wp-content/plugins
  3. In wp-content/plugins you should now see a directory named wordpress-mobile-pack
  4. Login to the WordPress admin panel at http://yoursite.com/wp-admin
  5. Go to the ‘Plugins’ menu.
  6. Click ‘Activate’ for the plugin.
  7. Go to the ‘WP Mobile Pack’ admin panel.
  8. Go to the ‘Look & Feel’ tab. Choose color schemes, fonts and add your own logo and app icon.
  9. Go to the ‘Content’ tab. Disable, enable or order categories and pages depending on what content you want to show in the mobile web app.
  10. Go to the ‘Settings’ tab to choose a Display Mode and add your Google Analytics ID.
  11. Access your site in a mobile browser and check if the application is displayed. If the app is not loading properly, make sure that the file exporting the content – http://yoursite.com/{your plugins folder}/wordpress-mobile-pack/export/content.php – can be accessed in the browser and doesn’t return a ‘404 Not Found’ or ‘403 Forbidden’ error.
  12. You’re all done!

Testing your installation

Ideally, use a real mobile device to access your (public) site address and check that the switching and mobile web app work correctly.

You can also download a number of mobile emulators that can run on a desktop PC and simulate mobile devices.

Please note that the mobile web app will be enabled only on supported devices: iPhones, Android smartphones, Windows Phone 8 and Firefox OS. Only the following browsers are compatible: Safari, Google Chrome, Android – Native Browser, Internet Explorer 10 and Firefox (as of 2.0.2).

Connecting the API Key (Premium Cloud accounts)

We have wrote a complete guide about connecting your plugin with the hosted platform by using the API Key.

When I visit my website from a smartphone, I don’t see any posts or pages

Please make sure that the endpoint exporting the content can be accessed and doesn’t show errors or notices. From a browser, go to the following address: http://yoursite.com/wp-content/plugins/wordpress-mobile-pack/export/content.php?content=exportcategories&limit=5&callback=Ext.data.JsonP.callback. You should see a text starting with “Ext.data.JsonP.callback”. If the page displays a “403 forbidden” message or has any errors / notices, it means that the content will not be available to the mobile web app.

I have enabled WordPress Mobile Pack, but I still see the desktop theme on my smartphone

If you are using a cache plugin, please check the docs. Some additional settings on the cache plugin might be required to correctly enable the mobile detection from WordPress Mobile Pack.

What can I use to replace contact forms?

Most of the sites we come across use contact forms to allow users to get in touch or/and send messages. However, when targeting mobile users, forcing them to fill out a dull form (usually pretty long) is the worst UX you can offer to your mobile audience. Instead, here are a couple of approaches you could try out in your mobile web application:

What devices and operating systems are supported by my mobile web application?

WordPress Mobile Pack is supported on iOS and Android smartphones and tablets. Compatible browsers: Safari, Google Chrome, Android – Native Browser.

How can my readers switch back to the desktop theme from my mobile web application?

The side menu of the mobile web application contains a ‘Switch to website’ button that will take readers back to the desktop theme. Their option will be remembered the next time they visit your blog.

How can my readers switch back to the mobile web application from the desktop theme?

A link called ‘Switch to mobile version’ will be displayed in the footer of your desktop theme, only for readers that are viewing the site from a supported device and browser. Their option will be remembered the next time they visit your blog.

I want to temporarily deactivate my mobile web application. What steps must I follow?

The mobile web application can be deactivated from the “Settings” page of the admin panel. This option will not delete any settings that you have done so far, like customizing the look & feel of your application, but mobile readers will no longer be able to see it on their devices.

What is the difference between my new mobile web application and a mobile friendly site?

The short answer is that a mobile web application is an enriched version of a mobile-friendly site; it’s not only about screen size, it’s also about functionality (offline mode, for example). The long answer comes in a form of an article, you can check it out here: http://www.appticles.com/blog/2014/05/mobile-web-dying-shifting/.

What is the difference between my mobile web application and a responsive theme?

A responsive theme is all about screen-size: it loads the same styling as the desktop view, adjusting it to fit a smaller screen. On the other hand a mobile web application combines the versatility of the web with the functionality of touch-enabled devices and can support native app-like features such as:

  1. Apps load nearly instantly and are reliable, no matter what kind of network connection your user is on.
  2. Web app install banners give users the ability to quickly and seamlessly add your mobile app to their home screen, making it easy to launch and return to your app.
  3. Web push notifications makes it easy to re-engage with users by showing relevant, timely, and contextual notifications, even when the browser is closed.
  4. Smooth animations, scrolling, and navigations keep the experience silky Smooth.
  5. Secured via HTTPS.
Am I able to use my own theme or customize the existing one?

WordPress Mobile Pack uses a variety of open source JavaScript frameworks from Sencha Touch to Angular/Ionic or React, that mimics a native app interface. Because of that, the app themes we’ve developed are not regular PHP based themes that can be easily customized by editing the source. It is still possible to make small changes (not recommended), but changing the theme structure will require advance knowledge. We’re happy to assist if you’re looking for a custom type of application – please get in touch with us.

Am I able to add Javascript code inside the theme?

Adding tracking scripts in the source is possible if you place them in the section of the theme files. However, code that is placed inside the posts will not be executed. The theme is implemented enterily in JavaScript and that would mean JavaScript code inside another JavaScript code.

Am I able to integrate my own advertisement?

Google Ad Sense / Google Double Click for Publishers is supported on the PRO version as of v2.1. Please get in touch if you want us to integrate with another 3rd party ad provider.

What is a progressive web app?

Please refer to this comprehensive article about it: https://www.appticles.com/blog/2016/09/progressive-web-apps-for-publishers/.

Why some 3rd party plugins are not visible on any of the app themes?

There are almost 50,000 plugins in the WordPress.org repository. It’s impossible to support all of them. Please get in touch if you want us to integrate with another 3rd party plugin.

Reviews

Great support

I’ve run into some conflicts regarding a plugin I created. Appticles had great support and was always quick and to the point. And I’m a user of the free version.
Besides that, I had no problems whatsoever.

WP Mobile Pack

I would give it a O if I could. Does not play with the newer themes. Puts the Pages at the BOTTOM. Puts Mail Chimp at the Bottom. Can Not be found unless Scroll, Scroll, and Scroll. THAT SUCKS.
They must be trying to SALE the upgrade and I doubt that will work out of the box either.
This Plugin has worked for years ON THE OLD 2010 THEMES, BUT USELESS TO ME ON THE NEWER THEMES.

Sucks

I don’t know what this plugin want to do, but when using this, my site on a mobile device lost all its functionality.

This initial screen looks fine, but never showed the into I want to have on the main screen.

For me it’s completely unusable, but it may be better for others.

Read all 69 reviews

Contributors & Developers

“WordPress Mobile Pack – Mobile Plugin for Progressive Web Apps & Hybrid Mobile Apps” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

3.0

  • New Obliq mobile app theme, built on AngularJS & Ionic 1
  • Refactor “App Themes” tab
  • Refactor export settings method
  • Add pagination params for exporting pages
  • Deprecated Firefox and Windows Phone support
  • Refactor mobile app styling compiler
  • Remove integration with the Google AMP stylesheet

2.2.10

  • Update MobileDetect library to 2.8.25
  • Fix the mobile web app page details display on Firefox

2.2.9

  • Add background color for the browser’s address bar and splash screen (Progressive Web Apps features)
  • Update HTMLPurifier library to 4.8.0 for compatibility with PHP7
  • Fix notice from exporting posts and pages images
  • Eliminate WP 3.6 conditions for custom fonts selects

2.2.8

  • App theme – fix articles carousel on Firefox
  • Exclude pages with inactive ancestors from exports, rel=alternate meta tags and smart app banner links
  • Admin panel, ‘Settings’ tab – fix notices display

2.2.7

  • Add opt-in for enabling mobile theme on tablets
  • Optimize posts and pages featured images, use thumbnail if it exists
  • Optimize pages loading, exclude pages that belong to an inactive parent page
  • Fix display for images included in a div tag with fixed height
  • Fix for bug that hides tiny-mce dropdown in post edit view

2.2.6

  • Add Facebook, Twitter and Google+ share buttons for posts. Social media settings are edited from the plugin’s admin panel.
  • Translated app in Japaneze (ja). A big thanks to Miru Yamashiro.
  • Add pre-order options for Premium themes.
  • Add order option for PRO themes bundle.

2.2.5

  • Integrate with the official [Google AMP plugin] (https://wordpress.org/plugins/amp/)
  • Add Google Maps embedded iframe support
  • New API endpoints (export category, pagination params for export categories)
  • Premium – add support for connecting with new themes (Popsicle and Invision)
  • Premium – add support for embedding Google Tag Manager code

2.2.4

  • Display smart app banner when the user reverts to the desktop theme
  • Optimize app loading – check posts images size using post metadata
  • Optimize app loading – load 3 posts per category instead of 9 at initial loading
  • Optimize app loading – use HTMLPurifier only for exporting a post’s or page’s details
  • Optimize app loading – use WordPress post excerpts when exporting posts or pages lists
  • Optimize app loading – add responsive images attributes when exporting posts or pages
  • Replace “What’s New” admin tab with a quick start guide

2.2.3

  • Add / edit categories images
  • Increase basic font size for the mobile web app. Calculate headlines and subtitles font sizes depending on the base font size.
  • Translated app in Chinese (zh_CN). A big thanks to Na LI.
  • Added support for Youku embed code
  • API – Don’t export child pages if their parent pages are disabled.
  • Fixed bug – the app was reverting to basic font settings when re-selecting a color scheme.
  • Fixed bug – show the number of comments on the comments icon

2.2.2

  • Added support for Spotify
  • Translated app in Dutch. A big thanks to John Haverkate.
  • Modify settings for Premium themes (new kits with comments, similar to the PRO plugin)
  • Fixed disable desktop link for Premium themes

2.2.1

  • Option to choose the number of posts per card
  • Add support for Instagram and Spreaker embed code
  • Added admin notice for PHP versions lower than 5.3
  • Notify plugin users when a new PRO version is released
  • Fixed comments order bug (use WordPress settings)

2.2

  • Customize color scheme and fonts and compile SCSS theme file (similar to the PRO version)
  • Added 6 new fonts options
  • Select different font setting for headlines, subtitles and paragraphs
  • Refactoring for all admin, core files and themes files (similar to the PRO version)
  • Remove ‘Monetize’ preview page
  • Added preview for the 5th app theme

2.1.5

  • Select a single font option for headlines, subtitles and paragraphs. Generated CSS files for all color schemes / fonts combinations.
  • Added browser caching for the app’s static files, for improving loading time.
  • Refactor and merge the application’s CSS files, for improving loading time.
  • Optimize cover images, for improving loading time.
  • Remove integration with Zemanta and refactor content exports for the application
  • Modified language files format and translated app in Portuguese (Brazil) and Italian. A big thanks to all contributors: Diogo Desiderati (Portuguese), Fabiola Sguassero, Emmanuel Andriulo (Italian).
  • Added ‘Monetize’ page (as a preview for WordPress Mobile Pack PRO)
  • Modified the ‘More…’ page and renamed it as ‘PRO’
  • Added preview for the 4th app theme
  • Patch 05/11/2015 – Added new settings in the Premium theme index file – enable / disable Facebook and Twitter, language, ads interval
  • Patch 25/11/2015 – Remember settings when the plugin is deactivated, delete them at uninstall

2.1.4

  • Translated app in multiple languages. A big thanks to all contributors: Bernhard Steinbichler (German), Péter Ágoston (Hungarian), Sandra Gorgan (Romanian), Agnieszka Bugajska (Polish), Mathias Wideroth (Swedish).
  • Partial support for multi-language plugins (to do – select language from the mobile web application)
  • Fixed comments form display on IE (Windows Phone 8)
  • Cleaned up admin CSS files

2.1.3

  • Changed mobile detection library to Mobile Detect
  • Fixed detection issue for BlackBerry devices (BB will display the desktop theme)
  • Fixed URL rewriting for non-latin languages for the categories menu, use category slug instead of name
  • Added support for more click-to-call formats (Skype, SMS, WhatsApp)
  • Added patch for swipe events on Chrome 43
  • Added Google Webmaster Tools ID & deactivated status for Premium apps
  • Fixed inactive categories and pages warning for sites that use multilanguage plugins
  • Patch 03/06/2015 – Security bug fix for exporting a single post with a ‘Private’ status

2.1.2

  • Added rel=”canonical” and rel=”alternate” elements for SEO
  • Fixed bug – category redirect for Premium themes
  • Fixed bug – cleaning up transient when disconnecting the API key
  • Fixed bug – navigating between categories with special chars (ex. French accents)
  • Patch 21/04/2015 – Fixed bug, featured images were not displaying properly for the first 10 articles from the carousel

2.1.1

  • Integrated with Related Posts by Zemanta and Editorial Assistant by Zemanta
  • Wrote docs about how to set up the main cache plugins for WPMP
  • Added manifest files for Android and FirefoxOS (handle ‘Add to homescreen’ url and icon)
  • Added SSL support
  • Added support for HTML5 audio and video tags. Please note that not all mobile browsers are correctly handling these tags. The audio/video players are not controlled or modified by WPMP.
  • Added opt-in for tracking for anonymous data (disabled by default)
  • Fixed bug – Blank page when accessing a category with a single post from the menu, if the post is displayed on the cover.
  • Premium version connect – Added support for custom color schemes and fonts
  • Patch 11/02/2015 – Added support for tel: and callto: link attributes

2.1

  • Added support for pages with basic HTML content (forms, tables and iframe tags are not supported)
  • Categories and pages can be ordered from the admin panel
  • Connect with Appticles.com through an API key for the Premium version
  • Fixed PHP errors caused by STRICT standards
  • Fixed url rewriting bug for categories with special characters in the title
  • Patch 22/09/2014 – Fixed redirect loop bug for blogs that use a static page as their front page

2.0.2

  • Added support for Firefox and Firefox OS
  • Added support for customizing the home page cover
  • Added animation and arrow on the home page to suggest to readers that they have to swipe the screen to see the content
  • Added menu button on the home page / cover
  • Fixed bug – Filter content to remove script tags. The code from script tags was wrongly displayed as content.
  • Fixed bug – Filter content to remove default image links added by WordPress. The links were opening an image in a new window and messing up the scrolling of the content.
  • Fixed bug – Using ‘home_url’ instead of ‘site_url’ for redirecting to the home page.
  • Fixed bug – Switching from portrait to landscape on the native Android browser was not working properly on some smartphones (HTC One).
  • Security bug fix for exporting password-protected posts, CVE-2014-5337

2.0.1

  • Hide comments button if the comments are disabled for an article
  • Hide back and comments buttons at scroll within an article and display them at tap
  • Hide ‘Latest’ category from the main menu
  • Within a category, display a single article per page only if the article has a featured image.
  • Fixed bug – verify if the curl library is installed before checking for updates
  • Fixed bug – url rewriting for categories with punctuation or other special characters

2.0

  • Enterily rebuilt to use Sencha Touch for the mobile web application and a separate admin panel. NO backwards compatibility with v1.2.5.

1.2.5

1.2.4

  • Fixed image transcoder callback bug

1.2.3

1.2.2

  • Support for WordPress v3.0 RC2: custom menus and sidebars
  • Primary custom menu will appear on mobile theme if it is enabled for the desktop theme
  • Mobile widgets can be enabled from multiple sidebar locations (as in the default WP3.0 theme, twentyten)

1.2.1

1.2.0

  • Advanced themes for Nokia and WebKit devices enabled by default. (The development of this feature has been kindly sponsored by Forum Nokia.)
  • Mobile analytics and integration with PercentMobile
  • Updated screenshots

1.2.0b2

  • Shortened QR-code URLs and added alt attribute to img tag to be valid XHTML
    Two major issues were introduced in beta 1, now solved:
  • Solved mobile admin login error
  • Restored compatibility with PHP4

1.2.0b

  • Full internationalisation and readiness for translation (see .pot file within installation)
  • Automatic mpexo listings (enabled in the settings menu)

1.1.92

  • Prevented javascript being displayed in posts

1.1.91

  • Fixed admin bug when using older themes

1.1.9

  • Multi-device theming engine
  • Metadata in post lists can be hidden
  • More tolerance of installs on Windows servers
  • Changes to comment status now generate emails
  • Shortcodes filtered from teasers
  • base theme patterns refactored, and any derived themes may need to be updated

1.1.3

  • Ensure subdirectoried blogs work correctly with switcher
  • Support object-oriented widgets in WP2.8
  • Fixed empty and pre WP2.8 widgets causing invalid XHTML
  • Switcher link now always appears in footer on admin pages
  • Nokia N97 checkbox rendering fixed

1.1.2

  • Tested to support WP v2.8.4
  • Minor typos & theme credits
  • Preparation for I18N

1.1.1

  • Tested support for WP v2.8.1
  • Improved tolerance of permissions issues at install
  • Ability to force the upgrade of themes at install
  • Deep-link QR-codes to the page you’re on
  • User can override detection-only switching
  • Switcher race conditions avoided
  • Mobile teaser now overrules ‘more’ break
  • Support for Nintendo and Novarra mobile user agents
  • PHP4 support
  • Numerous minor bug fixes

1.0.8223

  • Initial release
Требуется

Как и предыдущий вариант, имеет одну бесплатную тему, а остальные открываются после приобретения PRO версии.

Есть возможность добавить специальный логотип для мобильной версии, поменять стандартные цвета, выбрать список показываемых категорий и страниц.

Управление и настройки плагина WordPress Mobile Pack на английском языке, но все интуитивно понятно, тем более, что все начинает работать сразу после активации и можно дополнительно ничего не делать.

Что мне не понравилось, так это главная страница, на ней отображается название последней статьи и все, для перехода к другим записям и категориям необходимо листать сайт, хотя, почти весь экран главной страницы пустой.

Чуть не забыл – необходима версия PHP вашего хостинга не ниже 5.3.0

Плагин для создания мобильной версии сайта Mobile Smart

Mobile Smart — WordPress Plugins

Mobile Smart

Description

Mobile Smart (http://www.mobile-smart.co.uk/), using trusty detection from the MobileESP project (http://www.mobileesp.com) allows the following:

  • Switch your theme to a mobile-ready theme if a mobile device is detected (you can now enable/disable iPad/tablets)
  • Manual Switcher – to allow your user to manually switch between desktop and mobile versions. Available in 3 versions: widget, option to automatically insert into footer, or template tag.
  • Template functions to help determine which tier of mobile device (touch/smartphone/other) is viewing your site, to allow conditional content inclusion.
  • Adds device and tier specific CSS selectors to the body_class, to allow conditional CSS (e.g. so in the same way you have “.single” that you can target “.iphone” or “.mobile-tier-touch”.)
  • Image transcoding – rescale images to fit their device

See the Frequently Asked Questions for guidance on how to use the plugin.

Device support includes iPhone, iPad, Android, Android tablet, Samsung, Motorola, Blackberry, Windows Phone 6 & 7, Symbian, and many more.

Mobile Smart Pro

Check out the Mobile Smart Pro plugin http://www.mobile-smart.co.uk/mobile-smart-pro for support for:

  • Domain switching – use a mobile theme to detect mobile devices, and/or redirect to appropriate theme URL (e.g. m.yoursite.com)
  • Mobile Pages – mobile versions of posts and pages with the same URL
  • Mobile Menus – mobile versions of menus for mobile-specific navigation
  • Mobile Widgets – disable selected widgets when viewing your site on your mobile device
  • Mobile Plugins – disable selected plugins when viewing your site on your mobile device
  • Mobile Home Page – select a different page to be the mobile site’s home page

Contribute

Want to contribute to the project? Checkout the GitHub project at http://www.github.com/dansmart/mobile-smart

Mobile Theme

Mobile Smart comes with a basic barebones (‘boilerplate’) theme that can be used by theme developers to develop for mobile devices.

The Mobile Smart boilerplate theme is based on two projects: http://html5boilerplate.com/mobile/ and http://html5reset.org/#wordpress
with some additional Mobile Smart modifications.

Note: The theme is not designed to be used without developer modification.

Installation

This section describes how to install the plugin and get it working.

  1. Upload the mobile-smart directory to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Go to Settings->Mobile Smart and choose your theme to display when a mobile device encounters your page.

Go to http://www.mobile-smart.co.uk/installation/ for more details.

FAQ

See http://www.mobile-smart.co.uk/frequently-asked-questions/ for more.

Does this work with other mobile plugins

It would be advisable not to use other mobile theme switching functionality with this unless theme switching is turned off (go to Settings->Mobile Smart to disable).

This has been tested with the WordPress Mobile Pack transcoder and is noted to be compatible, though the list of mobile devices are different between the two.

How to switch and style for Tablets

Go to the Mobile Theme tab in the Settings->Mobile Smart admin page, and enable / disable tablet support.

If you wish to serve up different styles for tablets, you’ll have to modify your template to use the template tags to detect:

<?php /* add additional stylesheet for certain mobile types */ global $mobile_smart; // add stylesheets dependent on header if ($mobile_smart->isTierTablet()) { wp_enqueue_style('mobile-tablet', get_bloginfo('stylesheet_directory')."/css/tablet.css"); } ?> 

You can use the same template tag (isTierTablet()) to display additional content (such as sidebars, etc).

How do I use the Manual Switcher?

You have the option of the following:
* Mobile Smart Manual Switcher Widget – go to Appearance->Widgets and drop the widget in an appropriate sidebar. If you’re
a theme developer, you can create a new ‘sidebar’ in the appropriate location, e.g. the footer bar, if you don’t want
this option in the standard sidebar.
* Enable Manual Switcher in footer – if this option is enabled (via the Options->Mobile Smart page), this adds
the Manual Switcher link into the wp_footer() call, which means it will be displayed at the bottom of your page.
* Template tag, see below:

<?php // get global instance of Mobile Smart class global $mobile_smart; // display manual switcher link - requires Manual Switching to be enabled $mobile_smart->addSwitcherLink(); ?> 

The Manual Switcher displays the switcher link in a div with an id of mobilesmart_switcher

Do you do domain switching

Go to http://www.mobile-smart.co.uk/ for more information on the Mobile Smart Pro plugin.

How do I enable unique handset body classes

To enable the CSS body classes, ensure that in your mobile theme you have the body_class() function included:

 <?php body_class(); ?> 
How do I change stylesheets dependent on device tier

You would do this if you prefer to split out each device tier CSS into separate files. Be aware that this creates an extra function call though.

Use the following PHP code:

<?php /* add additional stylesheet for certain mobile types */ global $mobile_smart; // add stylesheets dependent on header if ($mobile_smart->isTierTouch()) { wp_enqueue_style('mobile-touch', get_bloginfo('stylesheet_directory')."/css/touch.css"); } else if ($mobile_smart->isTierSmartphone()) { wp_enqueue_style('mobile-smartphone', get_bloginfo('stylesheet_directory')."/css/smartphone.css"); } ?> 

Note: these functions do not test for the Manual Switcher. To test for the manual switcher (in case you are using
these template tag functions in a desktop theme), you should call:

<?php /* add additional stylesheet for certain mobile types */ global $mobile_smart; // find out manual switching state $is_manual_switched_to_mobile = $mobile_smart->switcher_isMobile(); ?> 
Can you add xxxx-device?

Please email me with details of the device that is not yet supported by Mobile Smart, and I will add it in, and endeavour to release an updated version within the week (if timescales allow).

Where can I get a mobile theme from?

Try the Mobile Smart boilerplate theme if you’re a developer. Also check out the WordPress Mobile Pack
for a good example of a theme that is compatible with XHTML-MP.

Reviews

Supported and works as advertised

While the trend for many sites is towards responsive, there are still some valid use cases for delivering an alternative theme based on user agent detection and this plugin fits the bill.

Dan has continued to support the plugin over the years which is also an important factor to consider.

It is exactly What I Need

I am using the free version and I see two very good ideas:

– Mobile devices classified just in two groups: phones and tablets (neither problems about visitors browser nor user agent strings). I want to show the desktop version of my site in tablets.

– And no mobile theme: I can choose what I like (actually I already had one.)

The perfect plugin for this. And it Works fine!

Read all 8 reviews

Contributors & Developers

“Mobile Smart” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

= 1.3.16
– Bug fix: latest version of mdetect.php didn’t set tablet version properly. Thanks to Jesse Heap (https://github.com/jesseheap) for this fix.

= 1.3.15
– Security: Updated timthumb.php to the latest version

= 1.3.14
– Update MobileESP mobile detection library – updated the Mobile ESP detection code. New support for: Windows Phone 10, Firefox OS, Ubuntu Mobile OS, Sailfish, Tizen TV, WebOS TV. Removed support for Opera Android Phone and Tablet. Updated DetectTierIphone(), DetectTierTablet(), DetectSmartphone(). See http://blog.mobileesp.com/?p=425
– Remove deprecated function call to get_bloginfo()

= 1.3.13
– Fix admin screen on mobile was showing mobile theme instead of desktop theme

= 1.3.12
– Fix CSS error in admin

= 1.3.11
– Fix errors in dependencies brought across from Mobile Smart Pro – compatible and tested with WordPress 4.4

= 1.3.10
– Fix debug warnings for deprecated functions

= 1.3.9
– Security fix: escape output of add_query_arg (only used in admin and ‘add switcher link’). Thanks to WordPress team for information

= 1.3.8
– Fix for undeclared plugins_url in transcoding

= 1.3.7
– Fixed some code warnings and fixed access permissions for admin page

= 1.3.6
– Debugged tablet switching code

= 1.3.5
– Fix for cookie path
– Updated Mobile ESP to latest version
– Improved tablet tier checking for Android tablets

1.3

Major upgrade:
– Upgrade of MobileESP detection engine – better support for Opera Mini on Android (see http://blog.mobileesp.com/ for latest updates)
– Admin upgrade to tabs
– You can now select to switch for Ipad/tablet or not
– Debugged image transcoding

1.2.1

Vital Security patch (timthumb.php). Please upgrade immediately.

1.2

Added support for child themes

1.1.1

Bug fix where plugin was calling non existent DetectTierTouch() function.

1.1

Includes sample mobile theme – based on Mobile Boilerplate and HTML 5 Reset projects

1.0

Based detector on Mobile ESP project, meaning device detection will stay up to date with latest mobile devices

0.2

Added Manual Mobile Switcher – widget, link, and template tag.

0.1

Initial release, containing mobile device detection, body classes, and mobile tier template tags.

" alt="" class="thumbnail img-responsive">

Mobile Smart — WordPress Plugins

Mobile Smart

Description

Mobile Smart (http://www.mobile-smart.co.uk/), using trusty detection from the MobileESP project (http://www.mobileesp.com) allows the following:

  • Switch your theme to a mobile-ready theme if a mobile device is detected (you can now enable/disable iPad/tablets)
  • Manual Switcher – to allow your user to manually switch between desktop and mobile versions. Available in 3 versions: widget, option to automatically insert into footer, or template tag.
  • Template functions to help determine which tier of mobile device (touch/smartphone/other) is viewing your site, to allow conditional content inclusion.
  • Adds device and tier specific CSS selectors to the body_class, to allow conditional CSS (e.g. so in the same way you have “.single” that you can target “.iphone” or “.mobile-tier-touch”.)
  • Image transcoding – rescale images to fit their device

See the Frequently Asked Questions for guidance on how to use the plugin.

Device support includes iPhone, iPad, Android, Android tablet, Samsung, Motorola, Blackberry, Windows Phone 6 & 7, Symbian, and many more.

Mobile Smart Pro

Check out the Mobile Smart Pro plugin http://www.mobile-smart.co.uk/mobile-smart-pro for support for:

  • Domain switching – use a mobile theme to detect mobile devices, and/or redirect to appropriate theme URL (e.g. m.yoursite.com)
  • Mobile Pages – mobile versions of posts and pages with the same URL
  • Mobile Menus – mobile versions of menus for mobile-specific navigation
  • Mobile Widgets – disable selected widgets when viewing your site on your mobile device
  • Mobile Plugins – disable selected plugins when viewing your site on your mobile device
  • Mobile Home Page – select a different page to be the mobile site’s home page

Contribute

Want to contribute to the project? Checkout the GitHub project at http://www.github.com/dansmart/mobile-smart

Mobile Theme

Mobile Smart comes with a basic barebones (‘boilerplate’) theme that can be used by theme developers to develop for mobile devices.

The Mobile Smart boilerplate theme is based on two projects: http://html5boilerplate.com/mobile/ and http://html5reset.org/#wordpress
with some additional Mobile Smart modifications.

Note: The theme is not designed to be used without developer modification.

Installation

This section describes how to install the plugin and get it working.

  1. Upload the mobile-smart directory to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Go to Settings->Mobile Smart and choose your theme to display when a mobile device encounters your page.

Go to http://www.mobile-smart.co.uk/installation/ for more details.

FAQ

See http://www.mobile-smart.co.uk/frequently-asked-questions/ for more.

Does this work with other mobile plugins

It would be advisable not to use other mobile theme switching functionality with this unless theme switching is turned off (go to Settings->Mobile Smart to disable).

This has been tested with the WordPress Mobile Pack transcoder and is noted to be compatible, though the list of mobile devices are different between the two.

How to switch and style for Tablets

Go to the Mobile Theme tab in the Settings->Mobile Smart admin page, and enable / disable tablet support.

If you wish to serve up different styles for tablets, you’ll have to modify your template to use the template tags to detect:

<?php /* add additional stylesheet for certain mobile types */ global $mobile_smart; // add stylesheets dependent on header if ($mobile_smart->isTierTablet()) { wp_enqueue_style('mobile-tablet', get_bloginfo('stylesheet_directory')."/css/tablet.css"); } ?> 

You can use the same template tag (isTierTablet()) to display additional content (such as sidebars, etc).

How do I use the Manual Switcher?

You have the option of the following:
* Mobile Smart Manual Switcher Widget – go to Appearance->Widgets and drop the widget in an appropriate sidebar. If you’re
a theme developer, you can create a new ‘sidebar’ in the appropriate location, e.g. the footer bar, if you don’t want
this option in the standard sidebar.
* Enable Manual Switcher in footer – if this option is enabled (via the Options->Mobile Smart page), this adds
the Manual Switcher link into the wp_footer() call, which means it will be displayed at the bottom of your page.
* Template tag, see below:

<?php // get global instance of Mobile Smart class global $mobile_smart; // display manual switcher link - requires Manual Switching to be enabled $mobile_smart->addSwitcherLink(); ?> 

The Manual Switcher displays the switcher link in a div with an id of mobilesmart_switcher

Do you do domain switching

Go to http://www.mobile-smart.co.uk/ for more information on the Mobile Smart Pro plugin.

How do I enable unique handset body classes

To enable the CSS body classes, ensure that in your mobile theme you have the body_class() function included:

 <?php body_class(); ?> 
How do I change stylesheets dependent on device tier

You would do this if you prefer to split out each device tier CSS into separate files. Be aware that this creates an extra function call though.

Use the following PHP code:

<?php /* add additional stylesheet for certain mobile types */ global $mobile_smart; // add stylesheets dependent on header if ($mobile_smart->isTierTouch()) { wp_enqueue_style('mobile-touch', get_bloginfo('stylesheet_directory')."/css/touch.css"); } else if ($mobile_smart->isTierSmartphone()) { wp_enqueue_style('mobile-smartphone', get_bloginfo('stylesheet_directory')."/css/smartphone.css"); } ?> 

Note: these functions do not test for the Manual Switcher. To test for the manual switcher (in case you are using
these template tag functions in a desktop theme), you should call:

<?php /* add additional stylesheet for certain mobile types */ global $mobile_smart; // find out manual switching state $is_manual_switched_to_mobile = $mobile_smart->switcher_isMobile(); ?> 
Can you add xxxx-device?

Please email me with details of the device that is not yet supported by Mobile Smart, and I will add it in, and endeavour to release an updated version within the week (if timescales allow).

Where can I get a mobile theme from?

Try the Mobile Smart boilerplate theme if you’re a developer. Also check out the WordPress Mobile Pack
for a good example of a theme that is compatible with XHTML-MP.

Reviews

Supported and works as advertised

While the trend for many sites is towards responsive, there are still some valid use cases for delivering an alternative theme based on user agent detection and this plugin fits the bill.

Dan has continued to support the plugin over the years which is also an important factor to consider.

It is exactly What I Need

I am using the free version and I see two very good ideas:

– Mobile devices classified just in two groups: phones and tablets (neither problems about visitors browser nor user agent strings). I want to show the desktop version of my site in tablets.

– And no mobile theme: I can choose what I like (actually I already had one.)

The perfect plugin for this. And it Works fine!

Read all 8 reviews

Contributors & Developers

“Mobile Smart” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

= 1.3.16
– Bug fix: latest version of mdetect.php didn’t set tablet version properly. Thanks to Jesse Heap (https://github.com/jesseheap) for this fix.

= 1.3.15
– Security: Updated timthumb.php to the latest version

= 1.3.14
– Update MobileESP mobile detection library – updated the Mobile ESP detection code. New support for: Windows Phone 10, Firefox OS, Ubuntu Mobile OS, Sailfish, Tizen TV, WebOS TV. Removed support for Opera Android Phone and Tablet. Updated DetectTierIphone(), DetectTierTablet(), DetectSmartphone(). See http://blog.mobileesp.com/?p=425
– Remove deprecated function call to get_bloginfo()

= 1.3.13
– Fix admin screen on mobile was showing mobile theme instead of desktop theme

= 1.3.12
– Fix CSS error in admin

= 1.3.11
– Fix errors in dependencies brought across from Mobile Smart Pro – compatible and tested with WordPress 4.4

= 1.3.10
– Fix debug warnings for deprecated functions

= 1.3.9
– Security fix: escape output of add_query_arg (only used in admin and ‘add switcher link’). Thanks to WordPress team for information

= 1.3.8
– Fix for undeclared plugins_url in transcoding

= 1.3.7
– Fixed some code warnings and fixed access permissions for admin page

= 1.3.6
– Debugged tablet switching code

= 1.3.5
– Fix for cookie path
– Updated Mobile ESP to latest version
– Improved tablet tier checking for Android tablets

1.3

Major upgrade:
– Upgrade of MobileESP detection engine – better support for Opera Mini on Android (see http://blog.mobileesp.com/ for latest updates)
– Admin upgrade to tabs
– You can now select to switch for Ipad/tablet or not
– Debugged image transcoding

1.2.1

Vital Security patch (timthumb.php). Please upgrade immediately.

1.2

Added support for child themes

1.1.1

Bug fix where plugin was calling non existent DetectTierTouch() function.

1.1

Includes sample mobile theme – based on Mobile Boilerplate and HTML 5 Reset projects

1.0

Based detector on Mobile ESP project, meaning device detection will stay up to date with latest mobile devices

0.2

Added Manual Mobile Switcher – widget, link, and template tag.

0.1

Initial release, containing mobile device detection, body classes, and mobile tier template tags.

Mobile Smart — WordPress Plugins

Mobile Smart

Description

Mobile Smart (http://www.mobile-smart.co.uk/), using trusty detection from the MobileESP project (http://www.mobileesp.com) allows the following:

  • Switch your theme to a mobile-ready theme if a mobile device is detected (you can now enable/disable iPad/tablets)
  • Manual Switcher – to allow your user to manually switch between desktop and mobile versions. Available in 3 versions: widget, option to automatically insert into footer, or template tag.
  • Template functions to help determine which tier of mobile device (touch/smartphone/other) is viewing your site, to allow conditional content inclusion.
  • Adds device and tier specific CSS selectors to the body_class, to allow conditional CSS (e.g. so in the same way you have “.single” that you can target “.iphone” or “.mobile-tier-touch”.)
  • Image transcoding – rescale images to fit their device

See the Frequently Asked Questions for guidance on how to use the plugin.

Device support includes iPhone, iPad, Android, Android tablet, Samsung, Motorola, Blackberry, Windows Phone 6 & 7, Symbian, and many more.

Mobile Smart Pro

Check out the Mobile Smart Pro plugin http://www.mobile-smart.co.uk/mobile-smart-pro for support for:

  • Domain switching – use a mobile theme to detect mobile devices, and/or redirect to appropriate theme URL (e.g. m.yoursite.com)
  • Mobile Pages – mobile versions of posts and pages with the same URL
  • Mobile Menus – mobile versions of menus for mobile-specific navigation
  • Mobile Widgets – disable selected widgets when viewing your site on your mobile device
  • Mobile Plugins – disable selected plugins when viewing your site on your mobile device
  • Mobile Home Page – select a different page to be the mobile site’s home page

Contribute

Want to contribute to the project? Checkout the GitHub project at http://www.github.com/dansmart/mobile-smart

Mobile Theme

Mobile Smart comes with a basic barebones (‘boilerplate’) theme that can be used by theme developers to develop for mobile devices.

The Mobile Smart boilerplate theme is based on two projects: http://html5boilerplate.com/mobile/ and http://html5reset.org/#wordpress
with some additional Mobile Smart modifications.

Note: The theme is not designed to be used without developer modification.

Installation

This section describes how to install the plugin and get it working.

  1. Upload the mobile-smart directory to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Go to Settings->Mobile Smart and choose your theme to display when a mobile device encounters your page.

Go to http://www.mobile-smart.co.uk/installation/ for more details.

FAQ

See http://www.mobile-smart.co.uk/frequently-asked-questions/ for more.

Does this work with other mobile plugins

It would be advisable not to use other mobile theme switching functionality with this unless theme switching is turned off (go to Settings->Mobile Smart to disable).

This has been tested with the WordPress Mobile Pack transcoder and is noted to be compatible, though the list of mobile devices are different between the two.

How to switch and style for Tablets

Go to the Mobile Theme tab in the Settings->Mobile Smart admin page, and enable / disable tablet support.

If you wish to serve up different styles for tablets, you’ll have to modify your template to use the template tags to detect:

<?php /* add additional stylesheet for certain mobile types */ global $mobile_smart; // add stylesheets dependent on header if ($mobile_smart->isTierTablet()) { wp_enqueue_style('mobile-tablet', get_bloginfo('stylesheet_directory')."/css/tablet.css"); } ?> 

You can use the same template tag (isTierTablet()) to display additional content (such as sidebars, etc).

How do I use the Manual Switcher?

You have the option of the following:
* Mobile Smart Manual Switcher Widget – go to Appearance->Widgets and drop the widget in an appropriate sidebar. If you’re
a theme developer, you can create a new ‘sidebar’ in the appropriate location, e.g. the footer bar, if you don’t want
this option in the standard sidebar.
* Enable Manual Switcher in footer – if this option is enabled (via the Options->Mobile Smart page), this adds
the Manual Switcher link into the wp_footer() call, which means it will be displayed at the bottom of your page.
* Template tag, see below:

<?php // get global instance of Mobile Smart class global $mobile_smart; // display manual switcher link - requires Manual Switching to be enabled $mobile_smart->addSwitcherLink(); ?> 

The Manual Switcher displays the switcher link in a div with an id of mobilesmart_switcher

Do you do domain switching

Go to http://www.mobile-smart.co.uk/ for more information on the Mobile Smart Pro plugin.

How do I enable unique handset body classes

To enable the CSS body classes, ensure that in your mobile theme you have the body_class() function included:

 <?php body_class(); ?> 
How do I change stylesheets dependent on device tier

You would do this if you prefer to split out each device tier CSS into separate files. Be aware that this creates an extra function call though.

Use the following PHP code:

<?php /* add additional stylesheet for certain mobile types */ global $mobile_smart; // add stylesheets dependent on header if ($mobile_smart->isTierTouch()) { wp_enqueue_style('mobile-touch', get_bloginfo('stylesheet_directory')."/css/touch.css"); } else if ($mobile_smart->isTierSmartphone()) { wp_enqueue_style('mobile-smartphone', get_bloginfo('stylesheet_directory')."/css/smartphone.css"); } ?> 

Note: these functions do not test for the Manual Switcher. To test for the manual switcher (in case you are using
these template tag functions in a desktop theme), you should call:

<?php /* add additional stylesheet for certain mobile types */ global $mobile_smart; // find out manual switching state $is_manual_switched_to_mobile = $mobile_smart->switcher_isMobile(); ?> 
Can you add xxxx-device?

Please email me with details of the device that is not yet supported by Mobile Smart, and I will add it in, and endeavour to release an updated version within the week (if timescales allow).

Where can I get a mobile theme from?

Try the Mobile Smart boilerplate theme if you’re a developer. Also check out the WordPress Mobile Pack
for a good example of a theme that is compatible with XHTML-MP.

Reviews

Supported and works as advertised

While the trend for many sites is towards responsive, there are still some valid use cases for delivering an alternative theme based on user agent detection and this plugin fits the bill.

Dan has continued to support the plugin over the years which is also an important factor to consider.

It is exactly What I Need

I am using the free version and I see two very good ideas:

– Mobile devices classified just in two groups: phones and tablets (neither problems about visitors browser nor user agent strings). I want to show the desktop version of my site in tablets.

– And no mobile theme: I can choose what I like (actually I already had one.)

The perfect plugin for this. And it Works fine!

Read all 8 reviews

Contributors & Developers

“Mobile Smart” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

= 1.3.16
– Bug fix: latest version of mdetect.php didn’t set tablet version properly. Thanks to Jesse Heap (https://github.com/jesseheap) for this fix.

= 1.3.15
– Security: Updated timthumb.php to the latest version

= 1.3.14
– Update MobileESP mobile detection library – updated the Mobile ESP detection code. New support for: Windows Phone 10, Firefox OS, Ubuntu Mobile OS, Sailfish, Tizen TV, WebOS TV. Removed support for Opera Android Phone and Tablet. Updated DetectTierIphone(), DetectTierTablet(), DetectSmartphone(). See http://blog.mobileesp.com/?p=425
– Remove deprecated function call to get_bloginfo()

= 1.3.13
– Fix admin screen on mobile was showing mobile theme instead of desktop theme

= 1.3.12
– Fix CSS error in admin

= 1.3.11
– Fix errors in dependencies brought across from Mobile Smart Pro – compatible and tested with WordPress 4.4

= 1.3.10
– Fix debug warnings for deprecated functions

= 1.3.9
– Security fix: escape output of add_query_arg (only used in admin and ‘add switcher link’). Thanks to WordPress team for information

= 1.3.8
– Fix for undeclared plugins_url in transcoding

= 1.3.7
– Fixed some code warnings and fixed access permissions for admin page

= 1.3.6
– Debugged tablet switching code

= 1.3.5
– Fix for cookie path
– Updated Mobile ESP to latest version
– Improved tablet tier checking for Android tablets

1.3

Major upgrade:
– Upgrade of MobileESP detection engine – better support for Opera Mini on Android (see http://blog.mobileesp.com/ for latest updates)
– Admin upgrade to tabs
– You can now select to switch for Ipad/tablet or not
– Debugged image transcoding

1.2.1

Vital Security patch (timthumb.php). Please upgrade immediately.

1.2

Added support for child themes

1.1.1

Bug fix where plugin was calling non existent DetectTierTouch() function.

1.1

Includes sample mobile theme – based on Mobile Boilerplate and HTML 5 Reset projects

1.0

Based detector on Mobile ESP project, meaning device detection will stay up to date with latest mobile devices

0.2

Added Manual Mobile Switcher – widget, link, and template tag.

0.1

Initial release, containing mobile device detection, body classes, and mobile tier template tags.

0 %Рейтинг
Mobile Smart — WordPress Plugins

Mobile Smart

Description

Mobile Smart (http://www.mobile-smart.co.uk/), using trusty detection from the MobileESP project (http://www.mobileesp.com) allows the following:

  • Switch your theme to a mobile-ready theme if a mobile device is detected (you can now enable/disable iPad/tablets)
  • Manual Switcher – to allow your user to manually switch between desktop and mobile versions. Available in 3 versions: widget, option to automatically insert into footer, or template tag.
  • Template functions to help determine which tier of mobile device (touch/smartphone/other) is viewing your site, to allow conditional content inclusion.
  • Adds device and tier specific CSS selectors to the body_class, to allow conditional CSS (e.g. so in the same way you have “.single” that you can target “.iphone” or “.mobile-tier-touch”.)
  • Image transcoding – rescale images to fit their device

See the Frequently Asked Questions for guidance on how to use the plugin.

Device support includes iPhone, iPad, Android, Android tablet, Samsung, Motorola, Blackberry, Windows Phone 6 & 7, Symbian, and many more.

Mobile Smart Pro

Check out the Mobile Smart Pro plugin http://www.mobile-smart.co.uk/mobile-smart-pro for support for:

  • Domain switching – use a mobile theme to detect mobile devices, and/or redirect to appropriate theme URL (e.g. m.yoursite.com)
  • Mobile Pages – mobile versions of posts and pages with the same URL
  • Mobile Menus – mobile versions of menus for mobile-specific navigation
  • Mobile Widgets – disable selected widgets when viewing your site on your mobile device
  • Mobile Plugins – disable selected plugins when viewing your site on your mobile device
  • Mobile Home Page – select a different page to be the mobile site’s home page

Contribute

Want to contribute to the project? Checkout the GitHub project at http://www.github.com/dansmart/mobile-smart

Mobile Theme

Mobile Smart comes with a basic barebones (‘boilerplate’) theme that can be used by theme developers to develop for mobile devices.

The Mobile Smart boilerplate theme is based on two projects: http://html5boilerplate.com/mobile/ and http://html5reset.org/#wordpress
with some additional Mobile Smart modifications.

Note: The theme is not designed to be used without developer modification.

Installation

This section describes how to install the plugin and get it working.

  1. Upload the mobile-smart directory to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Go to Settings->Mobile Smart and choose your theme to display when a mobile device encounters your page.

Go to http://www.mobile-smart.co.uk/installation/ for more details.

FAQ

See http://www.mobile-smart.co.uk/frequently-asked-questions/ for more.

Does this work with other mobile plugins

It would be advisable not to use other mobile theme switching functionality with this unless theme switching is turned off (go to Settings->Mobile Smart to disable).

This has been tested with the WordPress Mobile Pack transcoder and is noted to be compatible, though the list of mobile devices are different between the two.

How to switch and style for Tablets

Go to the Mobile Theme tab in the Settings->Mobile Smart admin page, and enable / disable tablet support.

If you wish to serve up different styles for tablets, you’ll have to modify your template to use the template tags to detect:

<?php /* add additional stylesheet for certain mobile types */ global $mobile_smart; // add stylesheets dependent on header if ($mobile_smart->isTierTablet()) { wp_enqueue_style('mobile-tablet', get_bloginfo('stylesheet_directory')."/css/tablet.css"); } ?> 

You can use the same template tag (isTierTablet()) to display additional content (such as sidebars, etc).

How do I use the Manual Switcher?

You have the option of the following:
* Mobile Smart Manual Switcher Widget – go to Appearance->Widgets and drop the widget in an appropriate sidebar. If you’re
a theme developer, you can create a new ‘sidebar’ in the appropriate location, e.g. the footer bar, if you don’t want
this option in the standard sidebar.
* Enable Manual Switcher in footer – if this option is enabled (via the Options->Mobile Smart page), this adds
the Manual Switcher link into the wp_footer() call, which means it will be displayed at the bottom of your page.
* Template tag, see below:

<?php // get global instance of Mobile Smart class global $mobile_smart; // display manual switcher link - requires Manual Switching to be enabled $mobile_smart->addSwitcherLink(); ?> 

The Manual Switcher displays the switcher link in a div with an id of mobilesmart_switcher

Do you do domain switching

Go to http://www.mobile-smart.co.uk/ for more information on the Mobile Smart Pro plugin.

How do I enable unique handset body classes

To enable the CSS body classes, ensure that in your mobile theme you have the body_class() function included:

 <?php body_class(); ?> 
How do I change stylesheets dependent on device tier

You would do this if you prefer to split out each device tier CSS into separate files. Be aware that this creates an extra function call though.

Use the following PHP code:

<?php /* add additional stylesheet for certain mobile types */ global $mobile_smart; // add stylesheets dependent on header if ($mobile_smart->isTierTouch()) { wp_enqueue_style('mobile-touch', get_bloginfo('stylesheet_directory')."/css/touch.css"); } else if ($mobile_smart->isTierSmartphone()) { wp_enqueue_style('mobile-smartphone', get_bloginfo('stylesheet_directory')."/css/smartphone.css"); } ?> 

Note: these functions do not test for the Manual Switcher. To test for the manual switcher (in case you are using
these template tag functions in a desktop theme), you should call:

<?php /* add additional stylesheet for certain mobile types */ global $mobile_smart; // find out manual switching state $is_manual_switched_to_mobile = $mobile_smart->switcher_isMobile(); ?> 
Can you add xxxx-device?

Please email me with details of the device that is not yet supported by Mobile Smart, and I will add it in, and endeavour to release an updated version within the week (if timescales allow).

Where can I get a mobile theme from?

Try the Mobile Smart boilerplate theme if you’re a developer. Also check out the WordPress Mobile Pack
for a good example of a theme that is compatible with XHTML-MP.

Reviews

Supported and works as advertised

While the trend for many sites is towards responsive, there are still some valid use cases for delivering an alternative theme based on user agent detection and this plugin fits the bill.

Dan has continued to support the plugin over the years which is also an important factor to consider.

It is exactly What I Need

I am using the free version and I see two very good ideas:

– Mobile devices classified just in two groups: phones and tablets (neither problems about visitors browser nor user agent strings). I want to show the desktop version of my site in tablets.

– And no mobile theme: I can choose what I like (actually I already had one.)

The perfect plugin for this. And it Works fine!

Read all 8 reviews

Contributors & Developers

“Mobile Smart” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

= 1.3.16
– Bug fix: latest version of mdetect.php didn’t set tablet version properly. Thanks to Jesse Heap (https://github.com/jesseheap) for this fix.

= 1.3.15
– Security: Updated timthumb.php to the latest version

= 1.3.14
– Update MobileESP mobile detection library – updated the Mobile ESP detection code. New support for: Windows Phone 10, Firefox OS, Ubuntu Mobile OS, Sailfish, Tizen TV, WebOS TV. Removed support for Opera Android Phone and Tablet. Updated DetectTierIphone(), DetectTierTablet(), DetectSmartphone(). See http://blog.mobileesp.com/?p=425
– Remove deprecated function call to get_bloginfo()

= 1.3.13
– Fix admin screen on mobile was showing mobile theme instead of desktop theme

= 1.3.12
– Fix CSS error in admin

= 1.3.11
– Fix errors in dependencies brought across from Mobile Smart Pro – compatible and tested with WordPress 4.4

= 1.3.10
– Fix debug warnings for deprecated functions

= 1.3.9
– Security fix: escape output of add_query_arg (only used in admin and ‘add switcher link’). Thanks to WordPress team for information

= 1.3.8
– Fix for undeclared plugins_url in transcoding

= 1.3.7
– Fixed some code warnings and fixed access permissions for admin page

= 1.3.6
– Debugged tablet switching code

= 1.3.5
– Fix for cookie path
– Updated Mobile ESP to latest version
– Improved tablet tier checking for Android tablets

1.3

Major upgrade:
– Upgrade of MobileESP detection engine – better support for Opera Mini on Android (see http://blog.mobileesp.com/ for latest updates)
– Admin upgrade to tabs
– You can now select to switch for Ipad/tablet or not
– Debugged image transcoding

1.2.1

Vital Security patch (timthumb.php). Please upgrade immediately.

1.2

Added support for child themes

1.1.1

Bug fix where plugin was calling non existent DetectTierTouch() function.

1.1

Includes sample mobile theme – based on Mobile Boilerplate and HTML 5 Reset projects

1.0

Based detector on Mobile ESP project, meaning device detection will stay up to date with latest mobile devices

0.2

Added Manual Mobile Switcher – widget, link, and template tag.

0.1

Initial release, containing mobile device detection, body classes, and mobile tier template tags.

Скачиваний
Mobile Smart — WordPress Plugins

Mobile Smart

Description

Mobile Smart (http://www.mobile-smart.co.uk/), using trusty detection from the MobileESP project (http://www.mobileesp.com) allows the following:

  • Switch your theme to a mobile-ready theme if a mobile device is detected (you can now enable/disable iPad/tablets)
  • Manual Switcher – to allow your user to manually switch between desktop and mobile versions. Available in 3 versions: widget, option to automatically insert into footer, or template tag.
  • Template functions to help determine which tier of mobile device (touch/smartphone/other) is viewing your site, to allow conditional content inclusion.
  • Adds device and tier specific CSS selectors to the body_class, to allow conditional CSS (e.g. so in the same way you have “.single” that you can target “.iphone” or “.mobile-tier-touch”.)
  • Image transcoding – rescale images to fit their device

See the Frequently Asked Questions for guidance on how to use the plugin.

Device support includes iPhone, iPad, Android, Android tablet, Samsung, Motorola, Blackberry, Windows Phone 6 & 7, Symbian, and many more.

Mobile Smart Pro

Check out the Mobile Smart Pro plugin http://www.mobile-smart.co.uk/mobile-smart-pro for support for:

  • Domain switching – use a mobile theme to detect mobile devices, and/or redirect to appropriate theme URL (e.g. m.yoursite.com)
  • Mobile Pages – mobile versions of posts and pages with the same URL
  • Mobile Menus – mobile versions of menus for mobile-specific navigation
  • Mobile Widgets – disable selected widgets when viewing your site on your mobile device
  • Mobile Plugins – disable selected plugins when viewing your site on your mobile device
  • Mobile Home Page – select a different page to be the mobile site’s home page

Contribute

Want to contribute to the project? Checkout the GitHub project at http://www.github.com/dansmart/mobile-smart

Mobile Theme

Mobile Smart comes with a basic barebones (‘boilerplate’) theme that can be used by theme developers to develop for mobile devices.

The Mobile Smart boilerplate theme is based on two projects: http://html5boilerplate.com/mobile/ and http://html5reset.org/#wordpress
with some additional Mobile Smart modifications.

Note: The theme is not designed to be used without developer modification.

Installation

This section describes how to install the plugin and get it working.

  1. Upload the mobile-smart directory to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Go to Settings->Mobile Smart and choose your theme to display when a mobile device encounters your page.

Go to http://www.mobile-smart.co.uk/installation/ for more details.

FAQ

See http://www.mobile-smart.co.uk/frequently-asked-questions/ for more.

Does this work with other mobile plugins

It would be advisable not to use other mobile theme switching functionality with this unless theme switching is turned off (go to Settings->Mobile Smart to disable).

This has been tested with the WordPress Mobile Pack transcoder and is noted to be compatible, though the list of mobile devices are different between the two.

How to switch and style for Tablets

Go to the Mobile Theme tab in the Settings->Mobile Smart admin page, and enable / disable tablet support.

If you wish to serve up different styles for tablets, you’ll have to modify your template to use the template tags to detect:

<?php /* add additional stylesheet for certain mobile types */ global $mobile_smart; // add stylesheets dependent on header if ($mobile_smart->isTierTablet()) { wp_enqueue_style('mobile-tablet', get_bloginfo('stylesheet_directory')."/css/tablet.css"); } ?> 

You can use the same template tag (isTierTablet()) to display additional content (such as sidebars, etc).

How do I use the Manual Switcher?

You have the option of the following:
* Mobile Smart Manual Switcher Widget – go to Appearance->Widgets and drop the widget in an appropriate sidebar. If you’re
a theme developer, you can create a new ‘sidebar’ in the appropriate location, e.g. the footer bar, if you don’t want
this option in the standard sidebar.
* Enable Manual Switcher in footer – if this option is enabled (via the Options->Mobile Smart page), this adds
the Manual Switcher link into the wp_footer() call, which means it will be displayed at the bottom of your page.
* Template tag, see below:

<?php // get global instance of Mobile Smart class global $mobile_smart; // display manual switcher link - requires Manual Switching to be enabled $mobile_smart->addSwitcherLink(); ?> 

The Manual Switcher displays the switcher link in a div with an id of mobilesmart_switcher

Do you do domain switching

Go to http://www.mobile-smart.co.uk/ for more information on the Mobile Smart Pro plugin.

How do I enable unique handset body classes

To enable the CSS body classes, ensure that in your mobile theme you have the body_class() function included:

 <?php body_class(); ?> 
How do I change stylesheets dependent on device tier

You would do this if you prefer to split out each device tier CSS into separate files. Be aware that this creates an extra function call though.

Use the following PHP code:

<?php /* add additional stylesheet for certain mobile types */ global $mobile_smart; // add stylesheets dependent on header if ($mobile_smart->isTierTouch()) { wp_enqueue_style('mobile-touch', get_bloginfo('stylesheet_directory')."/css/touch.css"); } else if ($mobile_smart->isTierSmartphone()) { wp_enqueue_style('mobile-smartphone', get_bloginfo('stylesheet_directory')."/css/smartphone.css"); } ?> 

Note: these functions do not test for the Manual Switcher. To test for the manual switcher (in case you are using
these template tag functions in a desktop theme), you should call:

<?php /* add additional stylesheet for certain mobile types */ global $mobile_smart; // find out manual switching state $is_manual_switched_to_mobile = $mobile_smart->switcher_isMobile(); ?> 
Can you add xxxx-device?

Please email me with details of the device that is not yet supported by Mobile Smart, and I will add it in, and endeavour to release an updated version within the week (if timescales allow).

Where can I get a mobile theme from?

Try the Mobile Smart boilerplate theme if you’re a developer. Also check out the WordPress Mobile Pack
for a good example of a theme that is compatible with XHTML-MP.

Reviews

Supported and works as advertised

While the trend for many sites is towards responsive, there are still some valid use cases for delivering an alternative theme based on user agent detection and this plugin fits the bill.

Dan has continued to support the plugin over the years which is also an important factor to consider.

It is exactly What I Need

I am using the free version and I see two very good ideas:

– Mobile devices classified just in two groups: phones and tablets (neither problems about visitors browser nor user agent strings). I want to show the desktop version of my site in tablets.

– And no mobile theme: I can choose what I like (actually I already had one.)

The perfect plugin for this. And it Works fine!

Read all 8 reviews

Contributors & Developers

“Mobile Smart” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

= 1.3.16
– Bug fix: latest version of mdetect.php didn’t set tablet version properly. Thanks to Jesse Heap (https://github.com/jesseheap) for this fix.

= 1.3.15
– Security: Updated timthumb.php to the latest version

= 1.3.14
– Update MobileESP mobile detection library – updated the Mobile ESP detection code. New support for: Windows Phone 10, Firefox OS, Ubuntu Mobile OS, Sailfish, Tizen TV, WebOS TV. Removed support for Opera Android Phone and Tablet. Updated DetectTierIphone(), DetectTierTablet(), DetectSmartphone(). See http://blog.mobileesp.com/?p=425
– Remove deprecated function call to get_bloginfo()

= 1.3.13
– Fix admin screen on mobile was showing mobile theme instead of desktop theme

= 1.3.12
– Fix CSS error in admin

= 1.3.11
– Fix errors in dependencies brought across from Mobile Smart Pro – compatible and tested with WordPress 4.4

= 1.3.10
– Fix debug warnings for deprecated functions

= 1.3.9
– Security fix: escape output of add_query_arg (only used in admin and ‘add switcher link’). Thanks to WordPress team for information

= 1.3.8
– Fix for undeclared plugins_url in transcoding

= 1.3.7
– Fixed some code warnings and fixed access permissions for admin page

= 1.3.6
– Debugged tablet switching code

= 1.3.5
– Fix for cookie path
– Updated Mobile ESP to latest version
– Improved tablet tier checking for Android tablets

1.3

Major upgrade:
– Upgrade of MobileESP detection engine – better support for Opera Mini on Android (see http://blog.mobileesp.com/ for latest updates)
– Admin upgrade to tabs
– You can now select to switch for Ipad/tablet or not
– Debugged image transcoding

1.2.1

Vital Security patch (timthumb.php). Please upgrade immediately.

1.2

Added support for child themes

1.1.1

Bug fix where plugin was calling non existent DetectTierTouch() function.

1.1

Includes sample mobile theme – based on Mobile Boilerplate and HTML 5 Reset projects

1.0

Based detector on Mobile ESP project, meaning device detection will stay up to date with latest mobile devices

0.2

Added Manual Mobile Switcher – widget, link, and template tag.

0.1

Initial release, containing mobile device detection, body classes, and mobile tier template tags.

Требуется

Очень интересный вариант. В отличие от предыдущих плагинов, этот не содержит в себе предустановленных мобильных тем, он выступает в качестве переключателя.

То есть, вы его устанавливаете и на главной странице настроек указываете WordPress тему, которая будет показана мобильным пользователям – тема может быть любая из тех, что вы нашли и закачали на сайт.

Нужна адаптивная тема для сайта. Но тут фишка в том, что эта адаптивная тема работает не постоянно, а только для пользователей телефонов, всем остальным посетителям сайт выдает обычный ваш шаблон (не адаптивный).

Плагин для создания мобильной версии сайта WP Mobile Edition

Версия:
Обновление:
Файл:
0 %Рейтинг
Скачиваний
WP Mobile Edition — WordPress Plugins

WP Mobile Edition

Description

Fully optimized for the best performance on smartphones, compatible with: iPhone, Android, Windows Phone. Simple and easy to use: An Intuitive setting page gives you complete control. The pack contains the following functionality:

Mobile switcher

  • The mobile switcher automatically detects whether the visitor to the site is mobile or not, and switches between the primary WordPress theme (for desktop users) or loads a mobile theme.

  • Includes the ability for visitors to switch between mobile view and your site’s regular theme (and remembers their choice).

  • Manual Switcher – to allow your user to manually switch between desktop and mobile versions. Available in 3 versions: shortcodes, option to automatically insert into footer, or template tag.

  • Based detector on mobiledetect project, meaning device detection will stay up to date with latest mobile devices.

A standard mobile theme

  • Was designed to be as lightweight and speedy as possible, while still serving your site’s content in a richly presented way, sparing no essential features like search, categories, tags, comments etc.

  • Device adaptation, including the rescaling of images, intelligent splitting of articles and posts into multiple pages, the simplifaction styles, and the removal of non-supported media.

  • Smart Formatting: It doesn’t matter whether users are viewing your site horizontally or vertically, mTheme will re-position all media on the fly.

  • Full Comments System: Default wordpressor or DISQUS.

  • You can choose from 8 different color schemes in the settings panel.

  • Easily customize your mobile theme logo with our easy uploader.

  • No SEO Knowledge Needed: mTheme will automatically optimize your site for SEO. You don’t need to touch a button, just sit back and watch your rankings rise.

  • Equipped with a mobile ad, you can put any ads scripts (Adsense, admob, or banner ads of your own) and it will appear on your mobile version.

  • Mobile-friendly: an extensible theme that is ready for display on mobile devices.

DEMO

  • To see mTheme in action visit This demo.
  • Look: Gallery page, Contact form, comments in levels, and all functionality like a theme for desktop.

Translation

  • Non-English Speaking Users – Contribute a translation using the GlotPress web interface – no technical knowledge required (how to).

SETTING UP A SUBDOMAIN IS DONE THROUGH YOUR HOSTING PROVIDER

You need to create a CName, and unfortunately the way you do this differs from one host to another, with some it’s a drop down box and it takes two seconds to do, with others the process will be a little bit more complicated.

If you use an external host somewhere there will be a section where you can edit your DNS details – if your service doesn’t allow it then it’s probably time to move to another host.

When you create a subdomain, you will need two things, the domain the subdomain is for and the location from which the new subdomain will load it’s content.

Type your subdomain (m), that will be your mobile subdomain, then point for your website root. (don’t create a extra folder) this plugin will not work if you point it to be different from the directory you installed WordPress.

To confirm that the process was performed correctly visit your full site in m.yousite.com (before enable the plugin)

TESTING YOUR INSTALLATION (after enable the plugin)

  • Ideally, use a real mobile device to access your (public) site address and check that the witching and theme work correctly.

  • Use the Mobile emulator in admin dashboard.

  • In Firefox Browser, the User-Agent Switcher add-on can be configured to send mobile headers and crudely simulate a mobile device’s request.

Screenshots

  • Core Settings
  • Mobile theme (General Settings)
  • Mobile theme (Advanced Settings)
  • mTheme-Unus

Installation

Using The WordPress Dashboard

  1. Navigate to the ‘Add New’ in the plugins dashboard
  2. Search for WP Mobile Edition
  3. Click ‘Install Now’
  4. Activate the plugin on the Plugin dashboard

Uploading in WordPress Dashboard

  1. Navigate to the ‘Add New’ in the plugins dashboard
  2. Navigate to the ‘Upload’ area
  3. Select wp-mobile-edition.zip from your computer
  4. Click ‘Install Now’
  5. Activate the plugin in the Plugin dashboard

Using FTP

  1. Download wp-mobile-edition.zip
  2. Extract the wp-mobile-edition directory to your computer
  3. Upload the wp-mobile-edition directory to the /wp-content/plugins/ directory
  4. Activate the plugin in the Plugin dashboard

FAQ

Installation Instructions

Using The WordPress Dashboard

  1. Navigate to the ‘Add New’ in the plugins dashboard
  2. Search for WP Mobile Edition
  3. Click ‘Install Now’
  4. Activate the plugin on the Plugin dashboard

Uploading in WordPress Dashboard

  1. Navigate to the ‘Add New’ in the plugins dashboard
  2. Navigate to the ‘Upload’ area
  3. Select wp-mobile-edition.zip from your computer
  4. Click ‘Install Now’
  5. Activate the plugin in the Plugin dashboard

Using FTP

  1. Download wp-mobile-edition.zip
  2. Extract the wp-mobile-edition directory to your computer
  3. Upload the wp-mobile-edition directory to the /wp-content/plugins/ directory
  4. Activate the plugin in the Plugin dashboard
Why desktop-view link did not redirect me to the desktop version?

This plugin requires cookie, so you need to enable the cookie’s setting.

I have created a mobile subdomain, but I still can’t access my mobile version?

Did you point a mobile domain document root to the root of wordpress installation? if you did not, login to your cpanel, point the document root into the root of wordpress installation.

Reviews

Terrific Meets Basic Needs

Worth a try for webmasters with limited budgets.
Some older devices aren’t switched. Logo picture
on Apple devices fails to load.
May be picture issue, although works perfect on some devices.
Remember to create a mobile menu, pages are located in another tab.
Overall, gets the job done within WordPress.

Read all 112 reviews

Contributors & Developers

“WP Mobile Edition” is open source software. The following people have contributed to this plugin.

Contributors

“WP Mobile Edition” has been translated into these 11 locales: French, Turkish, German, Ukrainian, Russian, Chinese (China), Brazilian Portuguese, Spanish, Dutch, Czech, Chinese (Taiwan). Thank you to the translators for their contributions.

Translate “WP Mobile Edition” into your language.

Interested in development?

Browse the code or subscribe to the development log by RSS.

Changelog

  • 2.8.3

    • FIX – Upgraded Mobiledetect
    • FIX – Minor bug fixes
  • 2.8.2

    • FIX – Upgraded Mobiledetect
  • 2.8.1

    • FIX – Minor bug fixes
  • 2.8

    • IMPROVED – Contact and Index Page
  • 2.7

    • IMPROVED – Chinese (China) (zh_CN) Language pack added (thanks to jjtang)
    • IMPROVED – Czech (cs) Language pack added (thanks to Martin Lukac)
    • IMPROVED – Dutch (nl_NL) Language pack added (thanks to gvmelle)
    • FIX – Update “.mo” language files.
  • 2.6

    • NEW FEATURE – Extra fields to Contact Form.
  • 2.5

    • FIX – Security fixes.
  • 2.4

    • FIX – Update “.mo” language files.
  • 2.3

    • FIX – mTheme-Unus: security fixes
    • FIX – Mobile_Detect.php: upgraded
  • 2.2.7

    • IMPROVED – Spanish (es_ES) Language pack added (thanks to Kravenbcn)
  • 2.2.6

    • IMPROVED – Chinese (Taiwan) (zh_TW) Language pack added (thanks to cloudsgo)
  • 2.2.5

    • IMPROVED – French (fr) Language pack added (thanks to Bons Plans)
    • IMPROVED – German (de) Language pack added (thanks to prinwest)
  • 2.2.4

    • IMPROVED – Turkish (tr) Language pack added (thanks to afsin78)
  • 2.2.3

    • IMPROVED – Russian (ru) Language pack added (thanks to zerg959)
  • 2.2.2

    • IMPROVED – Ukrainian (uk) Language pack added (thanks to Віталій Ткач)
  • 2.2.1

    • IMPROVED – Brazilian Portuguese (pt_BR) Language pack added (thanks to Fabrix)
  • 2.2

    • IMPROVED – Added ‘nofollow’ in all Switcher links.
    • IMPROVED – mTheme-Unus: If menu item has submenu items, toggle the submenu on click.
  • 2.1

    • NEW FEATURE – Widget: A QR-Code used for navigating to a mobile URL and Switcher link.
  • 2.0

    • NEW FEATURE – Switcher Mode (Normal Site or Mobile Sub domain)
    • IMPROVED – Admin styling cleaned up.
    • IMPROVED – Code refactored.
    • IMPROVED – Mobile Theme – Various cosmetic fixes.
  • 1.9.3

    • mTheme – Cosmetic fixes and option for Favicon and “Apple Touch Icon”.
  • 1.9.2

    • Adds Italian translation.
    • Adds Russian translation.
  • 1.9.1

    • Minor bug fixes
  • 1.9

    • Minor bug fixes.
    • Adds Dutch translation.
  • 1.8

    • Minor bug fixes
    • Added support for Custom location of WP Core.
  • 1.7

    • Replacement of the deactivation, by uninstalling, to reset settings.
    • Improvement of performance
  • 1.6

    • Minor bug fixes
    • Adds Spanish translation.
  • 1.5.1

    • Adds Brazilian Portuguese translation.
  • 1.5

    • mTheme – Various cosmetic fixes
  • 1.4

    • Minor bug fixes
    • Various cosmetic fixes
    • Improvement of performance
  • 1.3

    • Added the login page and control panel basics.
  • 1.2

    • Minor bug fixes
  • 1.1

    • Minor bug fixes
  • 1.0

    • Initial release
Требуется

Из тех, что я пробовал, этот плагин мобильной версии WordPress мне понравился больше всего. При минимуме настроек он содержит максимально удобный мобильный шаблон:

  • Минималистичный дизайн (показал максимальную скорость и адаптивность в PageSpeed Insights от Google)
  • удобное меню, специально адаптированное к маленьким экранам,
  • удобная главная страница с последними статьями,
  • кнопка переключения на обычную тему из мобильной и шорткод для размещения кнопки перехода в мобильную версию из обычной (этого не было в рассмотренных выше).

Плагин на русском, причем, перевод хороший. Хотя, необходимость в нем отсутствует, так как после активации я никаких настроек не делал.

Сам дизайн пока один, но он содержит несколько цветовых схем.

Единственный минус, тема показывает миниатюры записей, а так как у меня их нет, то напротив заголовков стоят пустые квадратики (на скрине видно). Не особо портят они внешний вид сайта, но отключить показ миниатюр возможности нет – жаль.

Какой плагин выбрать?

В заключении, отвечу на вопрос о выборе наиболее походящего плагина для вашего проекта. Единственно правильного решения нет. Я рекомендую попробовать каждый из приведенных мной вариантов.

Сначала испытайте плагины с мобильными темами – 1, 2, 4. Если ни один из них вам не приглянется, то ищите хорошую тему с адаптивным дизайном и подключайте ее для мобильных пользователей плагином Mobile Smart (3), тут уж никаких ограничений нет – использовать можно любой шаблон.

Не забудьте про кэширование

Если вы используете на сайте плагины кэширования (а использовать их надо обязательно), то учитывайте, что пользователи видят страницы сохраненные в кэше, а не генерируемые CMS, поэтому без соответствующих настроек, разделения страниц для мобильных и стационарных посетителей не будет — из кэша будет приходить одинаковая страница.

У плагина Hyper Cache есть специальная вкладка «Мобильный» и в ней нужно указывать, что кэш должен храниться отдельно для компьютеров и отдельно для телефонов. В той же статье я про эту настройку рассказывал. У других плагинов кэширования должны быть аналогичные настройки, без них смысла делать мобильную тему нет.


Нашли это полезным? Поделитесь с другими:
Не останавливайтесь, читайте дальше:
Оставить комментарий

Статья → Лучшие плагины для создания мобильной версии WordPress сайта

Правила комментирования

  1. Кoммeнтapий всегда проходит премодерацию.
  2. В поле "URL блога" можно указывать только ссылку на главную страницу вашего блога. Ссылки на прочие веб-ресурсы (в том числе блоги/сплоги, созданные не для людей) будут удалены.
  3. Запрещается использовать в качестве имени комментатора слоганы/названия сайтов, рекламные фразы, ключевые и т.п. слова. В случае несоблюдения этого условия имя изменяется по усмотрению владельца блога. Просьба указывать нормальное имя или ник.
  4. Весьма вероятно, что короткий и неинформативный кoммeнтapий вида "Спасибо!", "Интересная статья", будет удален. Исключение составляют знакомые автору блога комментаторы.