“Especial” Documentation by “Artem Shashkin” v1.4 for WP3.0+
“Especial WordPress Theme”
wplocker.com
Created: 3/24/2011
Updated v1.4: 6/02/2011
By: Artem Shashkin
Email: Contact Form
Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!
Table of Contents
- Basic Installation
- Creating the Navigation Menu
- Creating Blog Posts and Page settings
- Creating Portfolio Posts (YouTube videos, Full width and Except Lenght Setting)
- Sliders settings
- Homepage settings
- Custom Widgets (Popular and Recent posts, Twitter, Flickr)
- Custom Gravatar
- Shortcodes
- CSS Files and Structure
- JavaScript
A) Basic Installation - top
- STEP 1 - Download and unzip the folder from Theme Forest.
- STEP 2 - Upload the "especial" folder to the themes directory of your blog, which is located within the wp-content directory.
- STEP 3 - Activate the theme from your admin panel by navigating to "appearance" > "themes" and selecting the "Especial" theme.
- STEP 4 – Install and activate the "Option Tree" plugin and upload the theme options and settings (import_data folder) included with this theme.
- STEP 4 – Install and activate the "WP-PageNavi" plugin for correct pagination
B) Creating the Navigation Menu - top
To create a menu, navigate to "Appearance" > "Menus" and create a new menu. You can name it as you want. Assign this menu to the "Primary Menu" in the drop down.
C) Creating Blog Posts and Page settings - top
To add post thumbnails and slider images, use the "Featured Image" section of the post edit page.
D) Creating Portfolio Posts (YouTube videos, Full width and Except Lenght Setting) - top
On each post or page you can see "Especial Post(Page) Settings" Section. You can put Vimeo or YouTube videos link. The video will be displayed instead of the featured image. Also you can turn on/off vimeo/youtube thumbnails in OptionTree Theme Options - General section. Portfolio description and Portfolio project sections will display on portfolio single page.
E) Sliders settings - top
For correct work sliders you should use the following sizes:
- Image Slider 1 - Width should be 960px. Height can be set in OptionTree panel > Homepage slider > Slider Height (By default: 290pix)
- Image Slider 2 - Width should be 670px. This slider has fixing height - 290pix.
- Image Slider 3 - Width should be 670px. Height can be set in OptionTree panel > Homepage slider > Slider Height (By default: 290pix)
- Accordion slider - Width should be 750px. Height can be set in OptionTree panel > Homepage slider > Slider Height (By default: 290pix)
Portfolio and Blog sliders has following sizes: Width - 670pix. Height can be set in OptionTree panel > Blog/Portfolio slider > Slider Height (By default: 250pix)
F) Homepage Settings - top
G) Custom Widgets (Popular and Recent posts, Twitter, Flickr) - top
H) Custom Gravatar - top
The theme comes with inbuilt functions to replace the default Gravatar. To replace the default Gravatar, replace gravatar.gif with your chosen image in the theme /images/ folder. Upload the new image to your server via FTP and select the new Gravatar from the "Discussion" options which can be found under Settings > Discussion.
I) Shortcodes - top
A quick note on shortcode formatting:
When you are entering shortcodes in the editor (HTML mode) WordPress tries to add <br /> and <p> tags automatically. Sometimes, this is fine but other times you will notice it throws your layout off or adds space where there should not be any.
How do we solve this?
Well, when you need to remove all formatting inside a specific area and let your code span a few lines, surround everything with [raw] [/raw] tags. Another tip is to add a full space (top and bottom) between shortcodes and their content.
The theme comes pre-packed with a number of shortcodes allowing you to add styled content to your site with little effort.
Conveniently, the available shortcodes have been included in a one-click menu. When creating a page or post, click "+" icon to reveal a list of shortcodes. Choose the functionality you wish to include and click "insert".
J) CSS Files and Structure - top
- /style.css - Required by WordPress, Main CSS file.
- /css/gray_pink.css - Color CSS file.
- /css/Museo_Font.css - Font setting CSS file.
- /css/pretty-photo.css - Pretty Photo styles
- /css/kwicks-1.5.1.css - Accordion slider styles
- /css/style-ie7.css and /css/style-ie8.css - IE7 and IE8 style fix
K) JavaScript - top
- jQuery
- SuperFish jQuery menu (js/superfish.js)
- jQuery Easing Plugin (js/jquery.easing.js)
- PrettyPhoto (js/jquery.pretty_photo.js)
- ScrollTo - Easy element scrolling using jQuery (js/jquery.scrollTo-min.js)
- jQuery validation plug-in (js/jquery.validate.pack.js)
- Content sliders (js/imagetslider1.js, js/imageslider2.js, js/imageslider4.js)
- Accordion slider (js/jquery.kwicks-1.5.1.js)
- Stylesheet switcher (js/stylesheetToggle.js)
- User Setting Scripts (js/scripts.js)
Thank you very much for your purchase. This theme comes with video tutorials that walk you through every aspect of setting up your new website. I recommend following these video tutorials to setup your website. Please feel free to contact me anytime.
Have fun! Regards, Artem
