{"id":436,"date":"2022-01-03T15:40:55","date_gmt":"2022-01-03T10:10:55","guid":{"rendered":"https:\/\/hostkicker.com\/blog\/?p=436"},"modified":"2022-05-19T14:00:02","modified_gmt":"2022-05-19T08:30:02","slug":"create-a-mobile-friendly-wordpress-site","status":"publish","type":"post","link":"https:\/\/hostkicker.com\/blog\/create-a-mobile-friendly-wordpress-site\/","title":{"rendered":"How to Create a Mobile-Friendly WordPress Site"},"content":{"rendered":"<p><span data-preserver-spaces=\"true\">Presently, people spend more time on their phones than on their desktops. And mobile web traffic holds more than half of the total internet traffic. It suggests that you have to make your website mobile-friendly to increase traffic on your website. Therefore, this section will share different ways to create a mobile-friendly WordPress site for users.<\/span><\/p>\n<p><strong>Why do we need a mobile-friendly website?<\/strong><\/p>\n<p><span data-preserver-spaces=\"true\">We have a few seconds to grab someone&#8217;s attention and convince them to stay longer on our site. If our site takes time to load and does not work properly, visitors will never return, leading to failure.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">About half of the visitors probably visit our website on their mobile phone. Therefore, we must improve the user experience and specifically create a mobile-friendly website.<\/span><\/p>\n<p><strong><a href=\"https:\/\/search.google.com\/test\/mobile-friendly\">Test your website-<\/a> Mobile Friendly or not?<\/strong><\/p>\n<p><span data-preserver-spaces=\"true\">Google provides a tool to test websites and tells whether your website is mobile-friendly or not. To test, you can place your URL in the search box. It will give a green signal if your site is mobile-friendly and turn red if not. You have to work on your site for a red sign and improvise it. You can have a look at it below.<\/span><\/p>\n<p>1. Mobile-friendly test result.<\/p>\n<p><span data-preserver-spaces=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-437\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/Screenshot-22.png\" alt=\"\" width=\"539\" height=\"276\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/Screenshot-22.png 1042w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/Screenshot-22-300x154.png 300w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/Screenshot-22-1024x525.png 1024w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/Screenshot-22-768x394.png 768w\" sizes=\"auto, (max-width: 539px) 100vw, 539px\" \/>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/span><\/p>\n<p>2. non-mobile-friendly test result.<\/p>\n<p><span data-preserver-spaces=\"true\">\u00a0 \u00a0 \u00a0 <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-439\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/thread-97773123-17352826022806177892-1.png\" alt=\"\" width=\"487\" height=\"374\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/thread-97773123-17352826022806177892-1.png 962w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/thread-97773123-17352826022806177892-1-300x230.png 300w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/thread-97773123-17352826022806177892-1-768x590.png 768w\" sizes=\"auto, (max-width: 487px) 100vw, 487px\" \/><\/span><\/p>\n<p><strong>Now, let&#8217;s step ahead to understand how to create a mobile-friendly WordPress site by using plugins.<\/strong><\/p>\n<h2><span data-preserver-spaces=\"true\">1.WPTouch Plugin<\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-442\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-wptouch-plugin-2021-12-31-13_28_41-edit.jpg\" alt=\"\" width=\"901\" height=\"458\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-wptouch-plugin-2021-12-31-13_28_41-edit.jpg 1556w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-wptouch-plugin-2021-12-31-13_28_41-edit-300x152.jpg 300w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-wptouch-plugin-2021-12-31-13_28_41-edit-1024x520.jpg 1024w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-wptouch-plugin-2021-12-31-13_28_41-edit-768x390.jpg 768w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-wptouch-plugin-2021-12-31-13_28_41-edit-1536x780.jpg 1536w\" sizes=\"auto, (max-width: 901px) 100vw, 901px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span data-preserver-spaces=\"true\"><a href=\"https:\/\/wordpress.org\/plugins\/wptouch\/\">WPTouch<\/a> is a plugin that helps your WordPress website to fit any screen.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">It optimizes your site for the different screens without changing your desktop site or content. It is easy to use as it automatically modifies your WordPress site to a mobile-friendly theme when your site is accessed with a mobile phone.<\/span><\/p>\n<h2><span data-preserver-spaces=\"true\">2. Smush plugin<\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-446\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-smush-plugin-2021-12-31-13_30_38-edit.jpg\" alt=\"\" width=\"899\" height=\"495\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-smush-plugin-2021-12-31-13_30_38-edit.jpg 1508w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-smush-plugin-2021-12-31-13_30_38-edit-300x165.jpg 300w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-smush-plugin-2021-12-31-13_30_38-edit-1024x564.jpg 1024w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-smush-plugin-2021-12-31-13_30_38-edit-768x423.jpg 768w\" sizes=\"auto, (max-width: 899px) 100vw, 899px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><span data-preserver-spaces=\"true\"><a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\">Smush<\/a> is an image optimization plugin for WordPress which handles page performance. It automatically compresses the image size under 1 MB when you upload them without a drop in quality.\u00a0<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Also, you can upgrade to Smush Pro ( payable ) if you want to compress files to a greater extent.<\/span><\/p>\n<h2><span data-preserver-spaces=\"true\">3. WP Mobile Menu plugin<\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-443\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-wp-mobile-menu-plugin-2021-12-31-13_32_54-edit.jpg\" alt=\"\" width=\"912\" height=\"518\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-wp-mobile-menu-plugin-2021-12-31-13_32_54-edit.jpg 1560w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-wp-mobile-menu-plugin-2021-12-31-13_32_54-edit-300x170.jpg 300w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-wp-mobile-menu-plugin-2021-12-31-13_32_54-edit-1024x582.jpg 1024w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-wp-mobile-menu-plugin-2021-12-31-13_32_54-edit-768x436.jpg 768w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-wp-mobile-menu-plugin-2021-12-31-13_32_54-edit-1536x872.jpg 1536w\" sizes=\"auto, (max-width: 912px) 100vw, 912px\" \/><\/p>\n<p><span data-preserver-spaces=\"true\">Mobile phones with smaller screens give a navigational challenge as they limit display screens without the header and sidebar menu space, leading the user to struggle with the next step.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\"><a href=\"https:\/\/wordpress.org\/plugins\/mobile-menu\/\">WP Mobile Menu<\/a> is the popular Plugin for this. It adds up a responsive three-layered mobile menu to the website. It offers display layouts such as slide over, slide-out and hides menus when they reach the desired page.<\/span><\/p>\n<h2><span data-preserver-spaces=\"true\">4. Jetpack Plugin<\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-445\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-jetpack-plugin-2021-12-31-13_35_39-edit.jpg\" alt=\"\" width=\"935\" height=\"508\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-jetpack-plugin-2021-12-31-13_35_39-edit.jpg 1517w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-jetpack-plugin-2021-12-31-13_35_39-edit-300x163.jpg 300w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-jetpack-plugin-2021-12-31-13_35_39-edit-1024x556.jpg 1024w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-jetpack-plugin-2021-12-31-13_35_39-edit-768x417.jpg 768w\" sizes=\"auto, (max-width: 935px) 100vw, 935px\" \/><\/p>\n<p><span data-preserver-spaces=\"true\">The <a href=\"https:\/\/wordpress.org\/plugins\/jetpack\/\">jetpack<\/a> is an all-in-one, mobile-friendly Plugin with lots of features.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Such as enhancing the site&#8217;s marketing, improving sites security, SEO analytics, enhancing the site performance, and a lot more designing tools.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">These features help us to shorten the number of plugins on our site.<\/span><\/p>\n<h2><span data-preserver-spaces=\"true\">5. AMP for WP<\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-441\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-AMP-for-wp-2021-12-31-13_40_44-edit.jpg\" alt=\"\" width=\"927\" height=\"516\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-AMP-for-wp-2021-12-31-13_40_44-edit.jpg 1505w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-AMP-for-wp-2021-12-31-13_40_44-edit-300x167.jpg 300w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-AMP-for-wp-2021-12-31-13_40_44-edit-1024x569.jpg 1024w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-AMP-for-wp-2021-12-31-13_40_44-edit-768x427.jpg 768w\" sizes=\"auto, (max-width: 927px) 100vw, 927px\" \/><\/p>\n<p><span data-preserver-spaces=\"true\"><a href=\"https:\/\/wordpress.org\/plugins\/accelerated-mobile-pages\/\">AMP<\/a> is an HTML framework presented by Google, intended initially to optimize web pages for mobile devices. It now involves web pages shown across all devices. It formats your website&#8217;s pages into a mobile site to function more efficiently on smartphones. Also, it is compatible with other plugins such as WP Forms, WooCommerce, and many more.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">It boosts up your google ranking as you improvise your user browsing experience.<\/span><\/p>\n<h2><span data-preserver-spaces=\"true\">6. Autoptimize plugin<\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-444\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-autoptimize-plugin-2021-12-31-13_48_18-edit.jpg\" alt=\"\" width=\"935\" height=\"561\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-autoptimize-plugin-2021-12-31-13_48_18-edit.jpg 1446w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-autoptimize-plugin-2021-12-31-13_48_18-edit-300x180.jpg 300w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-autoptimize-plugin-2021-12-31-13_48_18-edit-1024x615.jpg 1024w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-autoptimize-plugin-2021-12-31-13_48_18-edit-768x462.jpg 768w\" sizes=\"auto, (max-width: 935px) 100vw, 935px\" \/><\/p>\n<p><span data-preserver-spaces=\"true\">The <a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\">Autoptimize<\/a> plugin is free and one of the best plugins to improve upload speed and reduce the site loading time by up to 30%. It also Optimizes the database, deletes the cache, and aggregates scripts.<\/span><\/p>\n<h2><span data-preserver-spaces=\"true\">7. Max Mega Menu Plugin<\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-448\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-Max-Mega-menu-plugin-2021-12-31-13_57_12-edit.jpg\" alt=\"\" width=\"928\" height=\"581\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-Max-Mega-menu-plugin-2021-12-31-13_57_12-edit.jpg 1407w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-Max-Mega-menu-plugin-2021-12-31-13_57_12-edit-300x188.jpg 300w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-Max-Mega-menu-plugin-2021-12-31-13_57_12-edit-1024x641.jpg 1024w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/screencapture-wordpress-org-plugins-search-Max-Mega-menu-plugin-2021-12-31-13_57_12-edit-768x481.jpg 768w\" sizes=\"auto, (max-width: 928px) 100vw, 928px\" \/><\/p>\n<p><span data-preserver-spaces=\"true\">The <a href=\"https:\/\/wordpress.org\/plugins\/megamenu\/\">Max Mega Menu<\/a> plugin is popular for mobile menus. It is good for websites with vast pages and navigation. These websites require large menus, which are challenging to implement on mobile websites. This Plugin converts your existing WordPress menus into mega menus and pays attention to responsive design.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\"><strong>Other than plugins, the following ways can help you create your website mobile-friendly<\/strong>.<\/span><\/p>\n<h2><span data-preserver-spaces=\"true\">8. Using Standard Fonts<\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-449\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/font-comparison-1536x452-1.png\" alt=\"\" width=\"930\" height=\"274\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/font-comparison-1536x452-1.png 1024w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/font-comparison-1536x452-1-300x88.png 300w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/font-comparison-1536x452-1-768x226.png 768w\" sizes=\"auto, (max-width: 930px) 100vw, 930px\" \/><\/p>\n<p><span data-preserver-spaces=\"true\">Some fonts are difficult to read on mobile screens and lead the user to a poor experience. While writing your content, you must consider font size and font style. Therefore you should use Standard fonts like Open Sans and Droid Sans, which are easy to read, even on a mobile phone&#8217;s smaller screens.\u00a0<\/span><\/p>\n<h2><span data-preserver-spaces=\"true\">9. Links with Enough Space<\/span><\/h2>\n<p><span data-preserver-spaces=\"true\">Mobile Phones have smaller screens, so sufficient spacing should be present between the links. It&#8217;s important that visitors won&#8217;t accidentally tap on the wrong URL.<\/span><\/p>\n<h2><span data-preserver-spaces=\"true\">10. Lower the Pop-Ups count.<\/span><\/h2>\n<p><span data-preserver-spaces=\"true\">If you want a mobile-friendly website, you should avoid pop-ups because displaying them on your mobile screen can irritate visitors. Also, it might lead them to a new page. Therefore, it&#8217;s best to disable pop-ups on your mobile website altogether. You can reduce pop-ups and use them strategically if you want them for promoting purposes.<\/span><\/p>\n<h2><span data-preserver-spaces=\"true\">11. Turn Off Autocorrect on Forms<\/span><\/h2>\n<p><span data-preserver-spaces=\"true\">If your site offers form fields, you should turn off the autocorrect feature from all the form fields. Visitors may find it difficult to fill up forms as names or email addresses may change with common words, and Sometimes autocorrect changes the meaning of the entire word.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">To turn off autocorrect, add the code in the input field of your HTML.<br \/>\n<\/span><\/p>\n<pre><span data-preserver-spaces=\"true\">autocorrect=\" off\"\u00a0\r\n<\/span><\/pre>\n<p><span data-preserver-spaces=\"true\">The updated input should look like this:<\/span><\/p>\n<pre><span data-preserver-spaces=\"true\">&lt;input spellcheck=\"false\" autocorrect=\"off\" type=\"text\" \/&gt;<\/span><\/pre>\n<h2><span data-preserver-spaces=\"true\">12. Viewport Meta Tag<\/span><\/h2>\n<p><span data-preserver-spaces=\"true\">The meta tag is an easy way to control the scale of the screen to display on different devices correctly.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">This meta tag notifies browsers to fit your web page to the particular screen visitors access the site.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Place the code into your website&#8217;s HTML page&#8217;s &lt;head&gt; tags to apply meta tag.<\/span><\/p>\n<pre><span data-preserver-spaces=\"true\">&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"&gt;<\/span><\/pre>\n<p><span data-preserver-spaces=\"true\">\u00a0<\/span><\/p>\n<h2><span data-preserver-spaces=\"true\">13. Button Placement on screen<\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-450\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/Good-Bad-Placement-CTA.png\" alt=\"\" width=\"848\" height=\"276\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/Good-Bad-Placement-CTA.png 768w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/Good-Bad-Placement-CTA-300x98.png 300w\" sizes=\"auto, (max-width: 848px) 100vw, 848px\" \/><\/p>\n<p><span data-preserver-spaces=\"true\">The call-to-action (CTA) buttons must be placed strategically on the screen. The buttons should be large enough to tap with a thumb, as most mobile users use their phones with a single hand. Therefore, you should place your CTA in a convenient location for one-hand usage. CTA button in the center of the screen is more convenient to reach than the corners.\u00a0<\/span><\/p>\n<p><strong>To conclude,<\/strong><\/p>\n<p><span data-preserver-spaces=\"true\">After reading this section, you must have understood that a mobile-friendly website is no longer optional and How to Create a Mobile-Friendly WordPress Site.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\"> You must design our website according to your visitor&#8217;s needs, as most visitors use smartphones to browse any data. For that reason, your website should be able to fit any screen to improvise user experience.<\/span><\/p>\n<p>Read our another article on <a href=\"https:\/\/hostkicker.com\/blog\/set-up-an-auto-attendant-phone-system\/\">how to setup an auto-attendant phone system for your website.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Presently, people spend more time on their phones than on their desktops. And mobile web traffic holds more than half of the total internet traffic. It suggests that you have to make your website mobile-friendly to increase traffic on your website. Therefore, this section will share different ways to create a mobile-friendly WordPress site for [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":503,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-436","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wp-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.3 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Create a Mobile-Friendly WordPress Site<\/title>\n<meta name=\"description\" content=\"Mobile friendly website is a must to attract traffic on your site. This section contains methods to create a Mobile-Friendly WordPress Site.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hostkicker.com\/blog\/create-a-mobile-friendly-wordpress-site\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a Mobile-Friendly WordPress Site\" \/>\n<meta property=\"og:description\" content=\"Mobile friendly website is a must to attract traffic on your site. This section contains methods to create a Mobile-Friendly WordPress Site.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hostkicker.com\/blog\/create-a-mobile-friendly-wordpress-site\/\" \/>\n<meta property=\"og:site_name\" content=\"Hostkicker\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-03T10:10:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-19T08:30:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/hostkicker-featured-image-row26-01-01-01-01.png\" \/>\n\t<meta property=\"og:image:width\" content=\"693\" \/>\n\t<meta property=\"og:image:height\" content=\"511\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Olivia Smith\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"How to Create a Mobile-Friendly WordPress Site\" \/>\n<meta name=\"twitter:description\" content=\"Mobile friendly website is a must to attract traffic on your site. This section contains methods to create a Mobile-Friendly WordPress Site.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/hostkicker-featured-image-row26-01-01-01-01.png\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Olivia Smith\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/create-a-mobile-friendly-wordpress-site\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/create-a-mobile-friendly-wordpress-site\\\/\"},\"author\":{\"name\":\"Olivia Smith\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#\\\/schema\\\/person\\\/f06306b595baa96c90a0491b941d7660\"},\"headline\":\"How to Create a Mobile-Friendly WordPress Site\",\"datePublished\":\"2022-01-03T10:10:55+00:00\",\"dateModified\":\"2022-05-19T08:30:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/create-a-mobile-friendly-wordpress-site\\\/\"},\"wordCount\":1055,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/create-a-mobile-friendly-wordpress-site\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/hostkicker-featured-image-row26-01-01-01-01.png\",\"articleSection\":[\"Wp tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/hostkicker.com\\\/blog\\\/create-a-mobile-friendly-wordpress-site\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/create-a-mobile-friendly-wordpress-site\\\/\",\"url\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/create-a-mobile-friendly-wordpress-site\\\/\",\"name\":\"How to Create a Mobile-Friendly WordPress Site\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/create-a-mobile-friendly-wordpress-site\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/create-a-mobile-friendly-wordpress-site\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/hostkicker-featured-image-row26-01-01-01-01.png\",\"datePublished\":\"2022-01-03T10:10:55+00:00\",\"dateModified\":\"2022-05-19T08:30:02+00:00\",\"description\":\"Mobile friendly website is a must to attract traffic on your site. This section contains methods to create a Mobile-Friendly WordPress Site.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/create-a-mobile-friendly-wordpress-site\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hostkicker.com\\\/blog\\\/create-a-mobile-friendly-wordpress-site\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/create-a-mobile-friendly-wordpress-site\\\/#primaryimage\",\"url\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/hostkicker-featured-image-row26-01-01-01-01.png\",\"contentUrl\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/hostkicker-featured-image-row26-01-01-01-01.png\",\"width\":693,\"height\":511,\"caption\":\"How to Create a Mobile-Friendly WordPress Site\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/create-a-mobile-friendly-wordpress-site\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create a Mobile-Friendly WordPress Site\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/\",\"name\":\"Hostkicker\",\"description\":\"Blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#organization\",\"name\":\"Hostkicker\",\"url\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/hostkicker-logo-01.png\",\"contentUrl\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/hostkicker-logo-01.png\",\"width\":940,\"height\":218,\"caption\":\"Hostkicker\"},\"image\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#\\\/schema\\\/person\\\/f06306b595baa96c90a0491b941d7660\",\"name\":\"Olivia Smith\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/24a6b2466362238ad275f97a2f2fc49ce8d139c034114d6b9c52de1b12ebf1bd?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/24a6b2466362238ad275f97a2f2fc49ce8d139c034114d6b9c52de1b12ebf1bd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/24a6b2466362238ad275f97a2f2fc49ce8d139c034114d6b9c52de1b12ebf1bd?s=96&d=mm&r=g\",\"caption\":\"Olivia Smith\"},\"url\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/author\\\/olivia\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Create a Mobile-Friendly WordPress Site","description":"Mobile friendly website is a must to attract traffic on your site. This section contains methods to create a Mobile-Friendly WordPress Site.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hostkicker.com\/blog\/create-a-mobile-friendly-wordpress-site\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a Mobile-Friendly WordPress Site","og_description":"Mobile friendly website is a must to attract traffic on your site. This section contains methods to create a Mobile-Friendly WordPress Site.","og_url":"https:\/\/hostkicker.com\/blog\/create-a-mobile-friendly-wordpress-site\/","og_site_name":"Hostkicker","article_published_time":"2022-01-03T10:10:55+00:00","article_modified_time":"2022-05-19T08:30:02+00:00","og_image":[{"width":693,"height":511,"url":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/hostkicker-featured-image-row26-01-01-01-01.png","type":"image\/png"}],"author":"Olivia Smith","twitter_card":"summary_large_image","twitter_title":"How to Create a Mobile-Friendly WordPress Site","twitter_description":"Mobile friendly website is a must to attract traffic on your site. This section contains methods to create a Mobile-Friendly WordPress Site.","twitter_image":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/hostkicker-featured-image-row26-01-01-01-01.png","twitter_misc":{"Written by":"Olivia Smith","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hostkicker.com\/blog\/create-a-mobile-friendly-wordpress-site\/#article","isPartOf":{"@id":"https:\/\/hostkicker.com\/blog\/create-a-mobile-friendly-wordpress-site\/"},"author":{"name":"Olivia Smith","@id":"https:\/\/hostkicker.com\/blog\/#\/schema\/person\/f06306b595baa96c90a0491b941d7660"},"headline":"How to Create a Mobile-Friendly WordPress Site","datePublished":"2022-01-03T10:10:55+00:00","dateModified":"2022-05-19T08:30:02+00:00","mainEntityOfPage":{"@id":"https:\/\/hostkicker.com\/blog\/create-a-mobile-friendly-wordpress-site\/"},"wordCount":1055,"commentCount":0,"publisher":{"@id":"https:\/\/hostkicker.com\/blog\/#organization"},"image":{"@id":"https:\/\/hostkicker.com\/blog\/create-a-mobile-friendly-wordpress-site\/#primaryimage"},"thumbnailUrl":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/hostkicker-featured-image-row26-01-01-01-01.png","articleSection":["Wp tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hostkicker.com\/blog\/create-a-mobile-friendly-wordpress-site\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hostkicker.com\/blog\/create-a-mobile-friendly-wordpress-site\/","url":"https:\/\/hostkicker.com\/blog\/create-a-mobile-friendly-wordpress-site\/","name":"How to Create a Mobile-Friendly WordPress Site","isPartOf":{"@id":"https:\/\/hostkicker.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hostkicker.com\/blog\/create-a-mobile-friendly-wordpress-site\/#primaryimage"},"image":{"@id":"https:\/\/hostkicker.com\/blog\/create-a-mobile-friendly-wordpress-site\/#primaryimage"},"thumbnailUrl":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/hostkicker-featured-image-row26-01-01-01-01.png","datePublished":"2022-01-03T10:10:55+00:00","dateModified":"2022-05-19T08:30:02+00:00","description":"Mobile friendly website is a must to attract traffic on your site. This section contains methods to create a Mobile-Friendly WordPress Site.","breadcrumb":{"@id":"https:\/\/hostkicker.com\/blog\/create-a-mobile-friendly-wordpress-site\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hostkicker.com\/blog\/create-a-mobile-friendly-wordpress-site\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hostkicker.com\/blog\/create-a-mobile-friendly-wordpress-site\/#primaryimage","url":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/hostkicker-featured-image-row26-01-01-01-01.png","contentUrl":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/hostkicker-featured-image-row26-01-01-01-01.png","width":693,"height":511,"caption":"How to Create a Mobile-Friendly WordPress Site"},{"@type":"BreadcrumbList","@id":"https:\/\/hostkicker.com\/blog\/create-a-mobile-friendly-wordpress-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hostkicker.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Create a Mobile-Friendly WordPress Site"}]},{"@type":"WebSite","@id":"https:\/\/hostkicker.com\/blog\/#website","url":"https:\/\/hostkicker.com\/blog\/","name":"Hostkicker","description":"Blog","publisher":{"@id":"https:\/\/hostkicker.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hostkicker.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hostkicker.com\/blog\/#organization","name":"Hostkicker","url":"https:\/\/hostkicker.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hostkicker.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/hostkicker-logo-01.png","contentUrl":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/hostkicker-logo-01.png","width":940,"height":218,"caption":"Hostkicker"},"image":{"@id":"https:\/\/hostkicker.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hostkicker.com\/blog\/#\/schema\/person\/f06306b595baa96c90a0491b941d7660","name":"Olivia Smith","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/24a6b2466362238ad275f97a2f2fc49ce8d139c034114d6b9c52de1b12ebf1bd?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/24a6b2466362238ad275f97a2f2fc49ce8d139c034114d6b9c52de1b12ebf1bd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/24a6b2466362238ad275f97a2f2fc49ce8d139c034114d6b9c52de1b12ebf1bd?s=96&d=mm&r=g","caption":"Olivia Smith"},"url":"https:\/\/hostkicker.com\/blog\/author\/olivia\/"}]}},"jetpack_featured_media_url":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/hostkicker-featured-image-row26-01-01-01-01.png","_links":{"self":[{"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/posts\/436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/comments?post=436"}],"version-history":[{"count":9,"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/posts\/436\/revisions"}],"predecessor-version":[{"id":2030,"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/posts\/436\/revisions\/2030"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/media\/503"}],"wp:attachment":[{"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/media?parent=436"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/categories?post=436"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/tags?post=436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}