If the design and layout of your website isn't mobile-friendly, then you could be turning away the growing number of internet users who are visiting websites on their small screen devices.\r\n\r\nWhile choosing a responsive WordPress theme, or converting your existing theme to a mobile-friendly version is the preferred option for many site owners, you can get a similar effect by installing a free plugin.\r\n\r\nWPtouch is a plugin that displays a mobile-friendly version of your website to visitors who are accessing your website on a small screen mobile device. Your existing content is still used, however it is now displayed in a mobile-friendly layout, with a navigation system that is easy to interact with on a smartphone or tablet.\r\n\r\nIn this post we will take a look at this plugin to demonstrate how you can <strong>quickly make your WordPress website mobile-friendly<\/strong>.\r\n\r\n<img class="aligncenter size-full wp-image-6289" src="https:\/\/pagely.com\/wp-content\/uploads\/2014\/11\/WPtouch.jpg" alt="WPtouch Mobile Friendly WordPress Websites" width="945" height="567" \/>\r\n<h2>How to Make Your Website Mobile Responsive with WPtouch<\/h2>\r\nAs there is a <a title="the free version of WPtouch" href="https:\/\/wordpress.org\/plugins\/wptouch\/" target="_blank" rel="noopener noreferrer">free version of WPtouch available<\/a>, it can be installed on your site directly from the WordPress plugin directory\r\n\r\nTo do so, log into your site's admin area (http:\/\/yoursite.com\/wp-login.php) and then navigate to Plugins > Add New using the sidebar menu.\r\n\r\nFrom the Add Plugins screen, enter \u2018wptouch' in the search field and then install the first item listed in the results.\r\n\r\n<img class="aligncenter size-full wp-image-6290" src="https:\/\/pagely.com\/wp-content\/uploads\/2014\/11\/WPtouch-Add-New.png" alt="Install WPtouch" width="945" height="421" \/>\r\n\r\nAfter being installed and activated, the WPtouch dashboard can be accessed from the newly added item on the admin sidebar menu on your site's dashboard.\r\n<h2>Configuring Your Mobile Friendly Website<\/h2>\r\nFrom the Core Settings you can define how your website will be displayed when viewed on a mobile device.\r\n\r\nThis includes setting a more mobile-friendly site title and byline, and <strong>defining which landing page<\/strong> to direct visitors to when they arrive at your site.\r\n\r\n<img class="aligncenter size-full wp-image-6291" src="https:\/\/pagely.com\/wp-content\/uploads\/2014\/11\/WPtouch-Landing-Page.png" alt="Set a Landing Page" width="945" height="246" \/>\r\n\r\nThis setting is particularly useful if you want to display a certain page on your site to mobile users. This could include presenting visitors with the opportunity to download an app, or some other mobile-related offer.\r\n\r\nThrough the advanced settings you can decide whether to allow visitors to <strong>switch between mobile and desktop views<\/strong>.\r\n\r\n<img class="aligncenter size-full wp-image-6292" src="https:\/\/pagely.com\/wp-content\/uploads\/2014\/11\/WPtouch-Desktop-Mobile-Switching.png" alt="Enable Desktop Mobile Switching" width="945" height="312" \/>\r\n\r\nAt any point during the configuration process you can take a look at how your website will be displayed on a smaller screen by <strong>clicking the preview button.<\/strong> This opens a new smaller browser window, containing the mobile version of your website.\r\n\r\n<img class="aligncenter size-full wp-image-6293" src="https:\/\/pagely.com\/wp-content\/uploads\/2014\/11\/WPtouch-Mobile-Preview.png" alt="WPtouch Mobile Preview" width="945" height="653" \/>\r\n\r\nThrough the settings under the compatibility tab, it's possible to <a title="How to add shortcodes to your site" href="https:\/\/pagely.com\/blog\/shortcodes-ultimate-plugin\/" target="_blank" rel="noopener noreferrer">remove individual shortcodes<\/a> when WPtouch is active. This can result is a more mobile-friendly version of your website being rendered.\r\n\r\nAnother option on offer is to limit the function of WPtouch on specific URL or pages on your site. This can include only enabling WPtouch on a list of pages, or not enabling WPtouch on a list of pages. If you have any content that you don't want to be displayed in the mobile-friendly format, then this is where you can define that content.\r\n\r\nThe other features of WPtouch allow you to <strong>enable a custom WordPress menu<\/strong> to be displayed to mobile users, and whether or not to use mobile-friendly icons for site menus.\r\n\r\nBeing able to create and enable a mobile-only menu is a useful feature that can allow you to show a simplified version of your site's main menu, in order to <strong>avoid overwhelming visitors on smaller screens<\/strong> with too many menu items.\r\n<h2>Premium Features of WPtouch Pro<\/h2>\r\nWhile the core plugin is free, those who upgrade to the Pro version can change the default mobile theme by selecting <a title="View the premium mobile themes" href="http:\/\/www.wptouch.com\/themes\/" target="_blank" rel="noopener noreferrer">one of the seven other options<\/a>. Pro users can also install extensions to make their website even more mobile-friendly.\r\n<h2>Conclusion<\/h2>\r\nIf you aren't using a responsive WordPress theme on your site and you'd like a <strong>quick and painless way<\/strong> to make your website mobile-friendly, then the free WPtouch plugin is a great option.\r\n\r\nBy installing this plugin, the mobile version of your website could be up and running in minutes, allowing the growing number of smartphone and tablet users accessing the internet to also access your content.\r\n\r\nIf you have any questions about this plugin or mobile responsive options for WordPress users, please leave a comment below.