{"id":6408,"date":"2013-11-01T16:14:05","date_gmt":"2013-11-01T23:14:05","guid":{"rendered":"http:\/\/www.yola.com\/blog\/?p=6408"},"modified":"2013-11-05T16:56:55","modified_gmt":"2013-11-05T23:56:55","slug":"making-your-html-customizations-mobile-ready","status":"publish","type":"post","link":"https:\/\/www.yola.com\/blog\/making-your-html-customizations-mobile-ready\/","title":{"rendered":"Making Your HTML Customizations Mobile Ready"},"content":{"rendered":"<p>Recently, we\u2019ve received a number of inquiries about mobile publishing in regards to HTML.<\/p>\n<p>Taking into consideration that <a title=\"13 Business Stats to Convince Your Boss to Invest in Mobile in 2013\" href=\"http:\/\/www.mobify.com\/blog\/13-stats-to-convince-your-boss-to-invest-in-mobile-in-2013\/\" target=\"_blank\">1.2 billion people <\/a>access the web through mobile phones and international mobile traffic now accounts for 15% of <em>all<\/em> web traffic, it\u2019s no surprise that many of you tech enthusiasts want the low-down on <a title=\"How to Optimize Your Site for Mobile\" href=\"https:\/\/www.yola.com\/blog\/how-to-optimize-your-site-for-mobile\/\" target=\"_blank\">mobile optimization<\/a>.<\/p>\n<p>If you have found yourself struggling to view your HTML customizations on your mobile-optimized website or plan on adding customizations in the future, we have all of the tips necessary to turn your grievances into delight!<\/p>\n<p><strong>HTML Widget<\/strong><br \/>\nLet\u2019s say you\u2019ve taken it upon yourself to get your business online. Between fonts, forms and formatting, you\u2019ve built a brilliant <a title=\"Make Your Own Website: Bakeries\" href=\"https:\/\/www.yola.com\/blog\/make-your-own-website-bakeries\/\" target=\"_blank\">bakery website<\/a>. However, after looking back at your page, you decide you\u2019d like to <a title=\"Drive Traffic to Your Yola Site, Strategy #1: Get Social!\" href=\"https:\/\/www.yola.com\/blog\/drive-traffic-to-your-yola-site-strategy-1-get-social\/\" target=\"_blank\">expand your reach<\/a> by adding custom social media buttons optimized for mobile browsing.<\/p>\n<p>To start, drag and drop our HTML widget into the area where you\u2019d like these icons to show.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-6409\" alt=\"Html Widget\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2013\/11\/Html-Widget.png\" width=\"550\" height=\"106\" \/><br \/>\nOnce you\u2019ve added your custom code, check the box labeled \u201cDisplay in Mobile\u201d to ensure your buttons are viewable by desktop computers as well as smartphones and tablets.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-6410\" alt=\"Display in Mobile\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2013\/11\/Display-in-Mobile.png\" width=\"294\" height=\"103\" \/><br \/>\nOnce you\u2019ve finished, go ahead and click \u201cSave\u201d and publish your site.<\/p>\n<p><strong>Mobile Phone Publishing<\/strong><br \/>\nOnce your site has been published, it\u2019s a good idea to review your mobile publishing to ensure it\u2019s enabled and looks as great as you envisioned.<\/p>\n<p>Hover over the \u201cPublish\u201d button, and click the \u201cconfigure\u201d link next to \u201cMobile Phone Publishing.\u201d<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-6411\" alt=\"Configure mobile phone publishing\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2013\/11\/Configure-mobile-phone-publishing.png\" width=\"549\" height=\"370\" \/><br \/>\nCheck the \u201cEnable\u201d box, and view your custom HTML as you would on a mobile device.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-6412\" alt=\"Enable Mobile Publishing\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2013\/11\/Enable-Mobile-Publishing.png\" width=\"551\" height=\"362\" \/><br \/>\nOnce everything looks as you\u2019d hoped, click \u201cSave\u201d and voila! Your HTML customizations are viewable on all devices.<\/p>\n<p>We hope this quick tip has given your customized website the design that it needs. Mobile publishing is available to all Yola Silver and Yola Gold users \u2013 for those of you premium users who have yet to take you site to the next level, we have two words for you. Get started!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Recently, we\u2019ve received a number of inquiries about mobile publishing in regards to HTML. Taking into consideration that 1.2 billion people access the web through mobile phones and international mobile traffic now accounts for 15% of all web traffic, it\u2019s no surprise that many of you tech enthusiasts want the low-down on mobile optimization. If&hellip;&nbsp;<a href=\"https:\/\/www.yola.com\/blog\/making-your-html-customizations-mobile-ready\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Making Your HTML Customizations Mobile Ready<\/span><\/a><\/p>\n","protected":false},"author":456,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_themeisle_gutenberg_block_has_review":false},"categories":[130],"tags":[510,338,259,239,511],"_links":{"self":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/6408"}],"collection":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/users\/456"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/comments?post=6408"}],"version-history":[{"count":2,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/6408\/revisions"}],"predecessor-version":[{"id":6414,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/6408\/revisions\/6414"}],"wp:attachment":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/media?parent=6408"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/categories?post=6408"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/tags?post=6408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}