Once in a year humanity faces dates like today's one: December 12th, 2012. To make this date unforgettable we've prepared for you something extremely cool.
Starting exactly from this moment WordPress fans should start crying of joy! The thing TemplateMonster's developers invented will ease down the installation of the sample data content of the WordPress core website template. Meet WordPress + Cherry Framework + Bootstrap Functionality!
So What’s Cherry Framework?
So the new Cherry WordPress themes are an example of a rapid prototyping Cherry framework integrating seamlessly with the core WordPress and enhanced with Bootstrap.
Main Features of Cherry WordPress Themes
Couple words about installation. After you’ve extracted archive with themes you will see four files inside: Theme, Framework, xml file and a Contact Form jQuery plugin.
To get your new theme installed you need to execute several steps, and I’m not afraid to say but that this is revolutionary! The whole child theme installation takes no more than 8 minutes!
Installation steps:
All uploads are done via WordPress admin.
- Go to Appearance > Themes > Install Themes and upload zip file CherryFramework.zip;
- After upload completes hit Activate button;
- Once again go to Appearance > Themes > Install Themes and upload your themeXXXX.zip file;
- After upload completes hit Activate button.
To make your WordPress website look like our live demo, follow 5 more steps.
- Go to Cherry Options > Import and upload the options.json file;
- Then upload widgets.json file;
- Hit Import Settings button;
- Upload .xml file;
- Hit Save Changes button, to activate SEO-optimized permalinks structure.
And that’s it with sample data install!
What Else?
Location of styles
Styles of each module are stored next to each other; they can be highlighted in both commented box, or in a separate file.
/* Module name
-------------------------------------------------- */
.module { … }
.module_list { … }
.module_list__modificator { … }
/* /Module name */
Selectors, of a modifiable cascade are also kept close to the parent class:
/* Module name
-------------------------------------------------- */
.module { … }
.module_list { … }
.module_list .other-module { … }
/* /Module name */
The classes of a context layer can be an exception:
/* Module name
-------------------------------------------------- */
.module { … }
.module_list { … }
.touch .module_list { … }
.ie9 .module_list { … }
/* /Module name */
Such style organization simplifies refactoring of the code and allows any developer quickly get into the subject-matter of all the module styles.
The first layer - the base - it is a kernel, which consists of the most used elements, such as:
- Forms;
- Buttons;
- Navigation unit, etc.
The second layer - Project - includes isolated, project modules which further includes:
- Registration Form;
- Block a login;
- Basket of goods.
The third layer - Cosmetic - consists of a simple, low impact styles:
- Link colors;
- Low level OOCSS - couple of properties to the class (. Font-size_XL,. Margin-t_L);
- Global modifiers.
Context - this layer includes styles higher context and @ media-rule, which can be used to change the default styles for the specifics of different contexts:
- IE8, IE9 - browsers;
- Touch - features of the device;
- Logged-in - the highest in the context of the portal;
- Media queries.
Make sure that you are editing mode is set to Visual:
standard - custom blog post, with title and content block;
aside - typically styled post without title;
gallery - a gallery of images;
link - a link to another website;
image - a single image post;
quote - a post-quotation;
audio - audio file, could be used for podcasting;
video - single video post, allows to embed videos.
To try the functionality and features of a new product you can download Free Cherry WordPress Theme. Keep in mind that this Free Cherry WordPress sample is created for educational purposes only. It means that you can’t use it in any of your web projects or resell it.
***
Animals and Pets Cherry WordPress Theme
***
Web Design Cherry WordPress Theme
***
Education Cherry WordPress Theme
***
Animals and Pets Cherry WordPress Theme
***
Architecture Cherry WordPress Theme
***
Hit the link to check out other Cherry WordPress themes.
***
After you've seen these awesome Cherry WordPress themes, we'd like to hear your honorable opinion. Feel free to express your thoughts or ask any questions considering functionality or technicalities in the comments section.
