{"id":2061,"date":"2011-02-15T13:00:59","date_gmt":"2011-02-15T20:00:59","guid":{"rendered":"http:\/\/www.yola.com\/blog\/?p=2061"},"modified":"2013-02-18T07:41:11","modified_gmt":"2013-02-18T14:41:11","slug":"introducing-the-new-and-improved-sitebuilder","status":"publish","type":"post","link":"https:\/\/www.yola.com\/blog\/introducing-the-new-and-improved-sitebuilder\/","title":{"rendered":"Introducing the new and improved Sitebuilder!"},"content":{"rendered":"<p>We are thrilled to announce we have just released an upgraded version of our Sitebuilder!<\/p>\n<p>We have developed some exciting new features and made some improvements to the way the Sitebuilder looks. You have all been eagerly awaiting many of the features in this release, including the new CSS editor and the ability to make site-wide changes for tracking code, favicons etc.<\/p>\n<p>The Properties sidebar has been removed completely and the main menu has been re-ordered.  Everything you used to be able to do in the Properties  sidebar can now be found either under \u201cSite Properties,\u201d \u201cPage Properties\u201d or the \u201cEdit\u201d link found on individual widgets. Our aim is to make site building simpler and more logical and to this end user testing demonstrated that we needed a more logical grouping of widget, page and site-level actions. We also noticed that  many people didn\u2019t understand how to use the Properties sidebar and, as a result, were losing out on many important site building functions.<\/p>\n<p>As with any change we realize that there will be a bit of a learning curve for existing Yola users, and this may be a little frustrating until you figure out where everything has moved to. Please bear with us and give the improvements a fair chance. With all the new control and ease of use, we are sure that you will like it! Here are a few screenshots of what we have just released!<\/p>\n<table border=\"0\" width=\"100%\">\n<tbody>\n<tr>\n<td><strong>We removed the Properties sidebar.<\/strong><\/p>\n<p>Instead you&#8217;ll now open the Page properties window shown here. <img loading=\"lazy\" class=\"alignright\" src=\"https:\/\/farm5.static.flickr.com\/4083\/5394920540_2a38280035_m.jpg\" alt=\"page-properties\" width=\"202\" height=\"240\" \/><\/p>\n<p>You can click on \u201cPage Properties\u201d to edit your page heading and add window title, keywords and description.<\/p>\n<p><img loading=\"lazy\" src=\"https:\/\/farm5.static.flickr.com\/4116\/5394374892_b5a58fb06f_m.jpg\" alt=\"page-properties\" width=\"221\" height=\"240\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table border=\"0\" width=\"100%\">\n<tbody>\n<tr>\n<td><strong>We incorporated a Site menu and properties. <\/strong><\/p>\n<p><img loading=\"lazy\" class=\"alignright\" src=\"https:\/\/farm6.static.flickr.com\/5260\/5394317227_5336580494_m.jpg\" alt=\"site-properties\" width=\"230\" height=\"211\" \/><br \/>\nClick on \u201cSite Properties\u201d to edit your  site name, set your language, add a favicon, edit site CSS and insert a  site-wide tracking code.<br \/>\n<img loading=\"lazy\" style=\"margin-left: 5px; margin-right: 5px;\" src=\"https:\/\/farm5.static.flickr.com\/4096\/5394375070_0db0d84393_m.jpg\" alt=\"site-properties\" width=\"240\" height=\"204\" align=\"left\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table border=\"0\" width=\"100%\">\n<tbody>\n<tr>\n<td><strong>New CSS editor:<\/strong><\/p>\n<p><img loading=\"lazy\" src=\"https:\/\/farm5.static.flickr.com\/4124\/5393777355_e35c0c15a8.jpg\" alt=\"site-css\" width=\"500\" height=\"396\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div>The CSS editor gives  you access to the site&#8217;s CSS codes and allows you tweak to your site&#8217;s overall  look.\u00a0 Here are some general steps how on this works:<\/p>\n<ol>\n<li>On the Style drop-down menu, select &#8220;Edit Custom CSS&#8221;.<\/li>\n<li>The  Site CSS dialog box will open up with the Site CSS Override on the  left-hand side. On the right-hand side, you&#8217;ll see a Preview tab (for  viewing changes), Site CSS (to see the default CSS codes used) and the  Site HTML (to see the default HTML codes used).<\/li>\n<li>Navigate to the  &#8220;Site CSS&#8221; tab and locate the code you wish to alter. Copy that section  of code and paste into the Site CSS Override on the left-hand side.<\/li>\n<li>Make your adjustments as needed.<\/li>\n<li>At the bottom of your dialog box, uncheck the &#8220;Disable Site CSS Overrides&#8221;.<\/li>\n<li>Click on the &#8220;Preview&#8221; tab to see the changes.<\/li>\n<li>Once  you&#8217;ve finished making all the tweaks, then click on &#8220;OK&#8221;. You will now  see your changes applied to all pages in your Sitebuilder.<\/li>\n<\/ol>\n<p><strong>Please note:<\/strong><\/div>\n<p>The Site CSS feature is only available with the Yola Silver package.  This feature is best for advanced users who are comfortable with using  HTML codes. Yola will only provide basic assistance with this.<\/p>\n<p>We hope you will enjoy the new features, and the new-look Sitebuilder. To take full advantage of all the new functionality, upgrade to Yola Silver now!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We are thrilled to announce we have just released an upgraded version of our Sitebuilder! We have developed some exciting new features and made some improvements to the way the Sitebuilder looks. You have all been eagerly awaiting many of the features in this release, including the new CSS editor and the ability to make&hellip;&nbsp;<a href=\"https:\/\/www.yola.com\/blog\/introducing-the-new-and-improved-sitebuilder\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Introducing the new and improved Sitebuilder!<\/span><\/a><\/p>\n","protected":false},"author":378,"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":[9],"tags":[],"_links":{"self":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/2061"}],"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\/378"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/comments?post=2061"}],"version-history":[{"count":2,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/2061\/revisions"}],"predecessor-version":[{"id":4378,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/2061\/revisions\/4378"}],"wp:attachment":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/media?parent=2061"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/categories?post=2061"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/tags?post=2061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}