{"id":26228,"date":"2012-12-24T09:02:42","date_gmt":"2012-12-24T14:02:42","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=26228"},"modified":"2016-02-24T05:14:40","modified_gmt":"2016-02-24T10:14:40","slug":"december-12-2012-wordpress-themes-got-revamped-cherry-framework","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/december-12-2012-wordpress-themes-got-revamped-cherry-framework.html","title":{"rendered":"December 12, 2012. WordPress Themes Got Revamped. Cherry Framework"},"content":{"rendered":"<p>\r\n<\/p>\r\n<p>Once in a millennium humanity faces dates like today\u2019s one: <strong>December 12th, 2012<\/strong>. To make this date unforgettable we\u2019ve prepared for you something extremely cool.<\/p>\r\n<p>Starting exactly from this moment WordPress fans should start crying of joy! The thing TemplateMonster\u2019s developers invented will ease down the installation of the sample data content of the WordPress core website template. Meet <strong>WordPress + Cherry Framework + Bootstrap Functionality<\/strong>!<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/12\/3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/12\/3-300x300.jpg\" alt=\"\" title=\"3\" width=\"300\" height=\"300\" class=\"alignnone size-medium wp-image-26229\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/12\/3-300x300.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/12\/3-150x150.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/12\/3-164x164.jpg 164w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/12\/3.jpg 400w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<h3>So What\u2019s Cherry Framework?<\/h3>\r\n<p><strong>Cherry framework is a software framework created by TemplateMonster\u2019s development team.<\/strong> You need Cherry framework to be installed on your system to be sure that your Cherry WordPress themes work perfectly fine. Each template download package now includes the copy of the <strong>Cherry framework<\/strong>, and you need to install it just once in order to run Cherry-enabled WordPress themes.<\/p>\r\n<p><em>So the new <strong>Cherry WordPress themes<\/strong> are an example of a rapid prototyping Cherry framework integrating seamlessly with the core WordPress and enhanced with Bootstrap.<\/em><\/p>\r\n<h3>Main Features of Cherry WordPress Themes<\/h3>\r\n<p><img loading=\"lazy\" width=\"180\" height=\"\" class=\"alignnone size-full wp-image-31245\" title=\"Easy Install\" alt=\"WordPress Themes Got Revamped. Cherry Framework\" style=\"float: left; margin: 6px; display: block;\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2012\/12\/Easy-Install1.jpg?9d7bd4\" original=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2012\/12\/Easy-Install1.jpg?9d7bd4\"><font size=\"3\"><strong>Easy Install.<\/strong><\/font> The installation of has been simplified greatly! Now you don\u2019t need to switch between wordpress, ftp, phpMyAdmin &ndash; all theme manipulations are executed through the admin panel. The theme comes based on the xml file, it allows not to rewrite content of the website. This is a unique product that will fit both noobs and advanced users.<br \/> &nbsp;<br \/> &nbsp;<br \/> <em><strong>Couple words about installation.<\/strong><\/em> After you\u2019ve extracted archive with themes you will see four files inside: Theme, Framework, xml file and a Contact Form jQuery plugin.<\/p>\r\n<p>To get your new theme installed you need to execute several steps, and I\u2019m not afraid to say but that this is revolutionary! The whole child theme installation takes no more than 8 minutes!<\/p>\r\n<p><<strong>Installation steps:<\/strong><\/p>\r\n<p><font size=\"2\"><em>All uploads are done via WordPress admin.<\/em><\/font><\/p>\r\n<ul class=\"list\">\r\n<li>Go to Appearance &gt; Themes &gt; Install Themes and upload zip file <strong>CherryFramework.zip<\/strong>;<\/li>\r\n<li>After upload completes hit <strong>Activate<\/strong> button;<\/li>\r\n<li>Once again go to Appearance &gt; Themes &gt; Install Themes and upload your <strong>themeXXXX.zip<\/strong> file;<\/li>\r\n<li>After upload completes hit <strong>Activate<\/strong> button.<\/li>\r\n<\/ul>\r\n<p>To make your WordPress website look like our live demo, follow <strong>5 more steps<\/strong>.<\/p>\r\n<ul class=\"list\">\r\n<li>Go to Cherry Options &gt; Import and upload the <strong>options.json<\/strong> file;<\/li>\r\n<li>Then upload <strong>widgets.json<\/strong> file;<\/li>\r\n<li>Hit <strong>Import Settings<\/strong> button;<\/li>\r\n<li>Upload <strong>.xml<\/strong> file;<\/li>\r\n<li>Hit <strong>Save Changes<\/strong> button, to activate SEO-optimized permalinks structure.<\/li>\r\n<\/ul>\r\n<p><strong>And that\u2019s it with sample data install! <\/strong><\/p>\r\n<p><img loading=\"lazy\" width=\"100\" height=\"\" class=\"alignnone size-full wp-image-31257\" title=\"Parent\" alt=\"WordPress Themes Got Revamped. Cherry Framework\" style=\"float: left; margin: 6px;\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2012\/12\/Parent-2.jpg?9d7bd4\" original=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2012\/12\/Parent-2.jpg?9d7bd4\"> <font size=\"3\"><strong>Framework + Child Theme.<\/strong><\/font>Having a Cherry WordPress theme you can create child themes that will inherit the functionality of the parent theme, but with a possibility to make any modifications without changing the parent theme itself. That was made for fast prototyping and more efficient support.<br \/> &nbsp;<\/p>\r\n<p><img loading=\"lazy\" width=\"50\" height=\"\" class=\"alignnone size-full wp-image-31280\" title=\"i3\" alt=\"WordPress Themes Got Revamped. Cherry Framework\" style=\"float: left; margin: 10px;\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2012\/12\/i1.jpg?9d7bd4\" original=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2012\/12\/i1.jpg?9d7bd4\"> <font size=\"3\"><strong>Update.<\/strong><\/font> Cherry framework will be in a state on constant update! It means that all bug fixes and updates our developers release will be available for you &ndash; in other words you will get a lifetime support for your theme!<br \/>\r\n  &nbsp;<br \/>\r\n  &nbsp;<br \/>\r\n  &nbsp;<br \/>\r\n  <img loading=\"lazy\" width=\"50\" height=\"\" class=\"alignnone size-full wp-image-31280\" title=\"i3\" alt=\"WordPress Themes Got Revamped. Cherry Framework\" style=\"float: left; margin: 10px;\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2012\/12\/i2.jpg?9d7bd4\" original=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2012\/12\/i2.jpg?9d7bd4\"> <font size=\"3\"><strong>Plugins Install.<\/strong><\/font> The installation of plugins has been simplified. WordPress is an exceptional CMS and the great <a rel=\"nofollow\" target=\"_blank\" href=\"http:\/\/wordpress.org\/extend\/plugins\/\">variety of plugins<\/a> makes it even more useful. Choosing the right extensions can be critical for the success and budget. Let\u2019s be inspired to make things easier and more effective with plugins. We know how important plugins are, that\u2019s why we\u2019ve simplified the process of their installation.<\/p>\r\n<h3>What Else?<\/h3>\r\n<p><img loading=\"lazy\" width=\"60\" height=\"\" class=\"alignnone size-full wp-image-31261\" title=\"Bootstrap\" alt=\"WordPress Themes Got Revamped. Cherry Framework\" style=\"float: left; margin: 6px;\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2012\/12\/Bootstrap-icon.jpg?9d7bd4\" original=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2012\/12\/Bootstrap-icon.jpg?9d7bd4\"> <strong>Bootstrap.<\/strong> Cherry WordPress Themes are based on the Bootstrap functionality, so you can seamlessly focus on the site usability and have a website accessible from all viewing devices. As you know Bootstrap is a perfectly styled tool chest that allows users create and customize websites really fast.<br \/>\r\n  &nbsp;<br \/>\r\n  <img loading=\"lazy\" width=\"60\" height=\"\" class=\"alignnone size-full wp-image-31278\" title=\"Responsive\" alt=\"WordPress Themes Got Revamped. Cherry Framework\" style=\"float: left; margin: 6px;\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2012\/12\/Responsive.jpg?9d7bd4\" original=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2012\/12\/Responsive.jpg?9d7bd4\"><strong>Responsive.<\/strong> Each and every Cherry framework powered theme is and will be responsive. We use responsive design to create a consistent user experience for browsers of all shapes and sizes because digital world doesn\u2019t run on just 4:3 resolutions anymore. We adapt content to screens of different sizes, including everything from mobile phone all the way up to large television screens.<br \/>\r\n  &nbsp;<br \/>\r\n  <img loading=\"lazy\" width=\"50\" height=\"\" class=\"alignnone size-full wp-image-31280\" title=\"i3\" alt=\"WordPress Themes Got Revamped. Cherry Framework\" style=\"float: left; margin: 10px;\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2012\/12\/i3.jpg?9d7bd4\" original=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2012\/12\/i3.jpg?9d7bd4\"> <strong>LESS+MCSS.<\/strong> MSCC &ndash; Multilayered CSS is a methodology abstracted and focuses on specific code style, file organization and tools required to work with it. Layout blocks are divided into modules; each of them is independent, as abstracted from the fixed size and has a default value. In turn-ins modules are distributed in layers, each of them has its own set of rules for the use and interaction with other modules.<\/p>\r\n<p><strong>Location of styles<\/strong><\/p>\r\n<p>Styles of each module are stored next to each other; they can be highlighted in both commented box, or in a separate file.<\/p>\r\n<pre class=\"brush:css\">\r\n\/* Module name\r\n-------------------------------------------------- *\/\r\n.module { \u2026 }\r\n.module_list { \u2026 }\r\n    .module_list__modificator { \u2026 }\r\n\/* \/Module name *\/\r\n<\/pre>\r\n<p>Selectors, of a modifiable cascade are also kept close to the parent class:<\/p>\r\n<pre class=\"brush:css\">\r\n\/* Module name\r\n-------------------------------------------------- *\/\r\n.module { \u2026 }\r\n.module_list { \u2026 }\r\n    .module_list .other-module { \u2026 }\r\n\/* \/Module name *\/\r\n<\/pre>\r\n<p>The classes of a context layer can be an exception:<\/p>\r\n<pre class=\"brush:css\">\r\n\/* Module name\r\n-------------------------------------------------- *\/\r\n.module { \u2026 }\r\n.module_list { \u2026 }\r\n    .touch .module_list { \u2026 }\r\n    .ie9 .module_list { \u2026 }\r\n\/* \/Module name *\/\r\n<\/pre>\r\n<p>Such style organization simplifies refactoring of the code and allows any developer quickly get into the subject-matter of all the module styles.<\/p>\r\n<p><strong>The first layer &ndash; the base<\/strong> &ndash; it is a kernel, which consists of the most used elements, such as:<\/p>\r\n<ul class=\"list\">\r\n<li>Forms;<\/li>\r\n<li>Buttons;<\/li>\r\n<li>Navigation unit, etc.<\/li>\r\n<\/ul>\r\n<p><strong>The second layer &ndash; Project<\/strong> &ndash; includes isolated, project modules which further includes:<\/p>\r\n<ul class=\"list\">\r\n<li>Registration Form;<\/li>\r\n<li>Block a login;<\/li>\r\n<li>Basket of goods.<\/li>\r\n<\/ul>\r\n<p><strong>The third layer &ndash; Cosmetic<\/strong> &ndash; consists of a simple, low impact styles:<\/p>\r\n<ul class=\"list\">\r\n<li>Link colors;<\/li>\r\n<li>Low level OOCSS &ndash; couple of properties to the class (. Font-size_XL,. Margin-t_L);<\/li>\r\n<li>Global modifiers.<\/li>\r\n<\/ul>\r\n<p><strong>Context<\/strong> &ndash; this layer includes styles higher context and @ media-rule, which can be used to change the default styles for the specifics of different contexts:<\/p>\r\n<ul class=\"list\">\r\n<li>IE8, IE9 &ndash; browsers;<\/li>\r\n<li>Touch &ndash; features of the device;<\/li>\r\n<li>Logged-in &ndash; the highest in the context of the portal;<\/li>\r\n<li>Media queries.<\/li>\r\n<\/ul>\r\n<p><img loading=\"lazy\" width=\"50\" height=\"\" class=\"alignnone size-full wp-image-31280\" title=\"i3\" alt=\"WordPress Themes Got Revamped. Cherry Framework\" style=\"float: left; margin: 10px; display: block;\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2012\/12\/i4.jpg?9d7bd4\" original=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2012\/12\/i4.jpg?9d7bd4\"><strong>Shortcodes.<\/strong> 90% of all content is based on the <a target=\"_blank\" href=\"http:\/\/codex.wordpress.org\/Shortcode\">shortcodes<\/a>, what gives you an opportunity to manage and edit your Cherry based website easily.<br \/>\r\n  &nbsp;<br \/>\r\n  &nbsp;<br \/>\r\n  &nbsp;<br \/>\r\n  Make sure that you are editing mode is set to <strong>Visual<\/strong>:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/12\/sc_menu.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/12\/sc_menu-300x225.jpg\" alt=\"\" title=\"sc_menu\" width=\"300\" height=\"225\" class=\"alignnone size-medium wp-image-26233\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/12\/sc_menu-300x225.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/12\/sc_menu-150x112.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/12\/sc_menu.jpg 640w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p><img loading=\"lazy\" width=\"50\" height=\"\" class=\"alignnone size-full wp-image-31280\" title=\"i3\" alt=\"WordPress Themes Got Revamped. Cherry Framework\" style=\"float: left; margin: 10px; display: block;\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2012\/12\/i5.jpg?9d7bd4\" original=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2012\/12\/i5.jpg?9d7bd4\"><strong>Post Formats.<\/strong> These new themes incorporate numerous post formats including following:<br \/>\r\n  <img loading=\"lazy\" width=\"152\" height=\"203\" class=\"alignnone size-full wp-image-31234\" title=\"post_format\" alt=\"WordPress Themes Got Revamped. Cherry Framework\" style=\"float: left; margin: 10px; display: block;\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2012\/12\/post_format.jpg?9d7bd4\" original=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2012\/12\/post_format.jpg?9d7bd4\"><br \/>\r\n  <em>standard<\/em> &ndash; custom blog post, with title and content block;<br \/>\r\n  <em>aside<\/em> &ndash; typically styled post without title;<br \/>\r\n  <em>gallery<\/em> &ndash; a gallery of images;<br \/>\r\n  <em>link<\/em> &ndash; a link to another website;<br \/>\r\n  <em>image<\/em> &ndash; a single image post;<br \/>\r\n  <em>quote<\/em> &ndash; a post-quotation;<br \/>\r\n  <em>audio<\/em> &ndash; audio file, could be used for podcasting;<br \/>\r\n  <em>video<\/em> &ndash; single video post, allows to embed videos.<br \/>\r\n  &nbsp;<br \/>\r\n  &nbsp;<br \/>\r\n  &nbsp;<br \/>\r\n  &nbsp;<br \/>\r\n  &nbsp;<br \/>\r\n  &nbsp;<br \/>\r\n  <img loading=\"lazy\" width=\"50\" height=\"\" class=\"alignnone size-full wp-image-31280\" title=\"i3\" alt=\"WordPress Themes Got Revamped. Cherry Framework\" style=\"float: left; margin: 10px; display: block;\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2012\/12\/i6.jpg?9d7bd4\" original=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2012\/12\/i6.jpg?9d7bd4\"> <strong>Filterable Gallery.<\/strong> One of the best options to date is a filter for the gallery in WordPress. This type of a gallery transform your portfolio into a cutting edge powered gallery that lets you feature and sort your work like a pro.<br \/>\r\n  &nbsp;<br \/>\r\n  &nbsp;<\/p>\r\n<p>To try the functionality and features of a new product you can download <strong><a href=\"https:\/\/www.templatemonster.com\/free-cherry-wordpress-theme.html\">Free Cherry WordPress Theme<\/a><\/strong>. Keep in mind that this Free Cherry WordPress sample is created for educational purposes only. It means that you can\u2019t use it in any of your web projects or resell it.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/12\/Free-Cherry-WordPress-Theme-Sample-p-1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/12\/Free-Cherry-WordPress-Theme-Sample-p-1-300x230.jpg\" alt=\"\" title=\"Free-Cherry-WordPress-Theme-Sample-p-1\" width=\"300\" height=\"230\" class=\"alignnone size-medium wp-image-26234\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/12\/Free-Cherry-WordPress-Theme-Sample-p-1-300x230.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/12\/Free-Cherry-WordPress-Theme-Sample-p-1-150x115.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/12\/Free-Cherry-WordPress-Theme-Sample-p-1.jpg 430w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p><strong>Now it\u2019s time to see what we were talking about. Behold, <a href=\"https:\/\/www.templatemonster.com\/wordpress-themes.php?features=bootstrap-templates\" target=\"_blank\">Cherry WordPress themes<\/a>!<\/strong><\/p>\r\n<p>\r\n<\/p>\r\n<\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Starting exactly from this moment WordPress fans should start crying of joy! The thing TemplateMonster\u2019s developers invented will ease down the installation of the sample data content of the WordPress core website template. Meet <strong>WordPress + Cherry Framework + Bootstrap Functionality<\/strong>!<\/p>\n","protected":false},"author":7,"featured_media":26237,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[854],"tags":[1419,1129,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/26228"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=26228"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/26228\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/26237"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=26228"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=26228"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=26228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}