First, thank you for purchasing our theme!
This guide provides instructions for installation, help on getting started and extensive documentation of features. It is recommended you read it thoroughly to fully leverage the Granny theme's capabilities. Please also make sure to check out our Video Tutorials as they explain everything covered in here in greater depth. We hope you enjoy building with Granny as much as we enjoyed developing it and continue to develop with new features!
We hope you will enjoy working with Granny theme
Yours sincerely, 7oroof.
Server requirements is one of the key factors for WordPress and Granny theme, it is highly recommended to use a server which supports the following requirements. We explain about WordPress, Granny, WooCommerce server requirements.
|PHP||Version 7 or greater.
|MySQL||Version 5.6 or greater.
|MariaDB||Version 10.0 or greater. Only required if you are not using MySQL.
|HTTPS||Supported by the server.
We recommends following server settings for Our WordPress Theme:
|PHP||Version 5.6 or greater.|
|MySQL||Version 5.6 or greater|
|mod_rewrite||The Apache module needs to be activated for pretty permalinks.|
|GD Library||The library needs to be installed for Captcha and Image cropping.|
|cURL||Supported by the server.|
|OpenSSL||Supported by the server.|
|allow_url_fopen||Supported by the server.|
|post_max_size||64 MB or greater|
|upload_max_filesize||64 MB or greater|
|memory_limit||256 MB or greater|
|max_execution_time||120s or greater|
|max_input_vars||The minimum value is 4000 but the recommended is 6000.|
Granny support WooCommerce officially so it is best to make sure your server also supports this plugin requirements if you are going to set up a shop.To learn about the plugin server requirements, read the official article.
Before beginning the installation and configuring of your new theme, you must first have WordPress already installed on a server.
If you are struggling, here is a very detailed guide at Wordpress Codex that will walk you through every step.
Once you have setup a copy of WordPress, there are two ways you can go about installing the theme:
Unzip the download and upload the theme directory /Granny/ into your WordPress themes directory /wp-content/themes/.
This is definitely the easier route for most. Simply navigate to Appearance > Themes > Add New > Upload Theme. Click the 'browse' button and locate the still zipped theme folder. The theme will be uploaded and installed in a matter of seconds.
Here is our video tutorial to help you through the process
If your host offers the cPanel control panel, follow these instructions:
After you have installed the theme successfully, you can optionally import the supplied dummy data in order to get a feel for things. If you're interested in importing the data, please check the Demo Data section below
Once you have installed and activated our theme you will be prompted to install required and recommended plugins. Just click the link to Begin installing plugins.
Next, check boxes to select all the plugins you want to install, select the bulk action of install from the dropdown box and then click the button to apply.
Next, just click the link to Return to Required Plugins Installer.
Select the plugins you had installed, and then apply the bulk action to activate them.
Finally, you will got a confirmation notice that your plugins were activeded.
To help you set up website with the least efforts, we include in the theme package dummy content file. After installing it, all content seen on the live demo will be imported except for images/videos.
There are two methods you can use, one is using our One-click Importer, the other is Importing manually. To go with the former option, please follow the steps below:
To be more perfect site you should install more photos .
Now you have a website just like our demo.
HERE IS OUR VIDEO TUTORIAL TO HELP YOU THROUGH THE PROCESS
1. On the CPT UI tab, click Tools
2. Open file taxonomies.json on the the path: Granny > inc > demo-data > granny > taxonomies.json .
3. Copy all content of taxonomies.json file and then paste it into Import Taxonomies text area on Taxonomies tab.
1. On the CPT UI tab, click Tools
2. Open file post-type.json on the the path: Granny > inc > demo-data > granny > post-type.json .
3. Copy all content of post-type.json file and then paste it into Import Post Type text area.
To imprort demo content by yourself, please follow some steps below:
Step 1 : Install Widget Importer & Exporter plugin .
Step 2 : Import XML you need deactivate plugin EF3 Import And Export.
You need to extra theme package file. And then:
2. You need upload two files on the path below:
1. On WP Granny tab, click Import/Export
2. Click Import from File
3. Open file options.json on the the path: Granny > inc > demo-data > granny > options.json .
4. Copy all content of options.json file and then paste it into text area.
1. Go to Widget Importer & Exporter on the Tools menu
2. Click Browse.. button and upload file widget.wie on the path Granny > inc > demo-data > granny > widgets.wie .
To have a perfect site, you need to make sure all of photos shown.
Contact Form 7 is one of the most popular form builders for wordpress.
We have created styles ready for you to use within your Granny theme.
For detailed inforamtion and support on this plugin, please go to: Contact Form 7
This is plugin required all our themes
This plugin provides an easy to use interface to create and administer custom post types and taxonomies in WordPress. This plugin is created for WordPress 4.x.
If you need dedicated support for this plugin, please visit: Custom Post Type UI
After installation, you will be suggested to install additional plugins. To install them and activate, please navigate to Plugins, you will see a list of required and optional plugins. We recommend that you install the following to get the best of our theme:
Visual Composer is the most popular drag and drop editor for wordpress.
If you need dedicated support for this component, please visit: Visual Composer on Code Canyon
Newsletter is a real newsletter system for your WordPress blog: perfect for list building, you can easily create, send and track e-mails, headache-free.
It just works out of box!
For detailed inforamtion and support on this plugin, please go to: Newsletter
Create a responsive (mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). See the heaps of custom transitions/animations for each object on the page!
Customize this slider with our convenient drag & drop backend to your very needs. This plugin features tons of unique transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to set options to create your own effects.
For premium support with this plugin please visit: Revolution Slider on Code Canyon
Force Regenerate Thumbnails allows you to regenerate the thumbnails for your image attachments.
For detailed inforamtion and support on this plugin, please go to: Force Regenerate Thumbnails
Woo Commerce is one of the most popular shopping cart plugins for wordpress.
For detailed inforamtion and support on this plugin, please go to: WooCommerce
Display Instagram photos from any non-private Instagram accounts, either in the same single feed or in multiple different ones.
For detailed inforamtion and support on this plugin, please go to: Instagram Feed
Widget Importer & Exporter is useful for moving widgets from one WordPress site to another, backing up widgets and for theme developers to provide users with sample widgets.
Importing is a matter of uploading an export file created by the plugin.
For detailed inforamtion and support on this plugin, please go to: Widget Importer & Exporter
We can't give you 1 license key to active auto plugin Visual Composer and Revolution Slider.
Because you can read about the differences between the extended and regular licence. We are permitted to give you the purchase code of the plugins because of policy and terms of Theme Forest. We always update the plugins via theme updates and you will receive the latest version of this plugins via email.
If you want plugin auto update please buy regular license in here
With the Page Options specially built for our themes, you can easily customize Header, Page Title, Footer, Page, One Page of every page.
Note: If you perform custom in Page option, your page will run with this set up and all set up in Theme option will be invalid. If you don't perform custom any things, your site will run with all option in Theme option.
Result for header:
Result for sticky:
Layouts: Select a layout for page title.
Select Background Image: Select a image from libraries.
Overlay Color: Select overlay color for page title.
Arrow Color: Set color for arrow.
Page Title: Custom current page title.
Page Title Color: Set color for page title.
Page Title - Font Size/Line Height: Enter font-size/line-height for page title.
Title Padding: Enter padding top/bottom for page title.
Sub Title: Enter sub title for page title.
Sub Title/Content Padding: Enter padding top/bottom for page title.
Text Align: Set position for page title.
Hidden Icon: Choose "NO" to show icon.
Hidden Breadcrumb: Choose "NO" to show breadcrumb.
Breadcrumb Color: Set color for page breadcrumb.
Custom Sidebar: Enable/Disable custom style mode.
Set sidebar for Page: Set position for sidebar.
Boxed Layout: Set layout boxed default(Wide).
Background: Body background with image, color, etc.
Body Border: You can border for body.
Padding: Add padding top/bottom for page.
Content Background Color: Set background-color for content.
Add Body Class: Add body class for page here.
Galleries is created using Shortcodes. For more detailed instruction, please head to Shortcode > CMS Grid
Teams, Testimonials, Clients are created using Shortcodes. For more detailed instruction, please head to Shortcode > CMS Carousel
To Add Widget on Sidebar, please following these steps:
The options panel is home to all of the theme's extensive configuration options. To view the panel, click on WP Granny in the left-hand menu. Here you have the ability to alter many core aspects that make up how your theme looks and behaves. Any of the options that have some ambiguity to them conviently have descriptions to explain their purpose.
All options relating to Page Title can be found here.
Layouts: You can select some available layouts for page title here.
Select Background Image: You can choose background-image from libraries.
Overlay Color: Set overlay color for background image.
Color: You can set color for page title/sub title/breadcrumb.
Content Align: Set position for page title.
Hidden Icon: You can choose show or hide icon.
Hidden Breadcrumb: You can choose show or hide breadcrumb.
Layout: Select layout to show.
Footer Top Left/Centered/Right: Enter information for Footer Top.
About Heading/Description: Enter heading & description for about. Apply footer layout 5 & 7.
Social: Choose which social networks are displayed and edit where they link to.
Logo: Set logo from libraries for footer bottom.
Copyright Line: Enter copyright line for footer bottom.
Phone/Email/Address: Enter phone/email/address for footer bottom.
Back To Top: You can enable/ disable button back to top.
On this section, Granny theme had some available fonts for you. If you want to set a special font for a special class, you only need to insert your class into Selector section, and choose the font that you want on the Font dropdown box. Finally, you click Save changes and see your result, all completed.
1. Copy class that you want to change.
2. Select Font Family, Font Weight & Style and paste class on Selector section.
Visual Composer is a powerful Wordpress page builder that allows you to create complex page layouts without touching a single line of code. To switch to Visual Composer's Backend Editor, click on this button:
When Visual Composer's editing pane comes up, click on either of these buttons to Add Element.
A shortcode selecting panel will show up, you can see all the shortcode available in the theme. Select the one you would like to use.
You will then encounter a setting panel for the shortcode (each shortcode has it own setting options), after a bit of configuration, it will show up nicely on your page.
CMS Google Map allows embedding a google map in Granny style.
After creating galleries items, it's time to display them in a page using CMS Grid shortcode.
After creating client items, it's time to display them in a page using CMS Carousel shortcode.
After creating member items, it's time to display them in a page using CMS Carousel shortcode.
After creating testimonial items, it's time to display them in a page using CMS Carousel shortcode.
Our themes are optimized by with H1, H2, H3, H4, H5 tags, clean code, HTML5 but if you want to get higher ranking on search engines, you must need some help from SEO plugins and Google Pagespeed Service:
NOTICE: YOU MUST BE BACKUP YOUR DATA BEFORE UPDATE THE THEME.
You can update our theme using some ways bellow:1. Update theme using Envato WordPress Toolkit.
- If you have any troubles while using auto update ( such as permissions issue ) , and you want to update manually the theme via FTP or Cpanel.
- You download latest version of the theme on ThemeForest download page, and you rename the folder contain the old theme, then create a new folder and insert the latest theme into it.