When you purchase our theme from Themeforest. You can download GrandBlog files from Themeforest > Your Account > Downloads.
Navigate through your purchased items and find GrandBlog. Click download button then you will se 2 options. Main file contain everything. Installable Wordpress Theme is included only installable Wordpress theme file. Check list of what's included when you download the main file option.
All of our themes come with free support and currently we handle all support questions through Our Support System.
In order to help speed up solution for your requests. Please follow steps below before submitting a new ticket. This is for the benefit of everyone in order to help find the solution for your question quickly.
In order to begin installing GrandBlog theme. You need the latest version of Wordpress. Here is the download URL. Once you downloaded and set it up, You are ready to go.
Upon downloading the package, you will have an Installable Theme File (.zip) inside the theme package. Follow the steps below to install theme
In order to use the theme. You have to install a working version of WordPress. If you are new to WordPress and need help installing it. Below are few tutorials and video tutorials created by WordPress and WooThemes.
What’s included: posts, pages, images, videos and theme settings (typography, colors, styling and theme options).
Theme Support custom WordPress menu, you can organise them into dropdown menu too.
If you enable sticky menu option. When visitor scroll down to page. The menu bar will stay at top while visitor scrolling. You can enable this option via Appearance > Menu > General >Enable Sticky Menu
Mega Menu is extensive sub menu which allow you to display large amount menu items into columns. You can select from 2-5 columns. To setup mega menu. Open Appearance > Menus then you can drag menu items to be child of parent items.
On menu parent item, open its option box and add class “megamenu” to enable mega menu display. Then enter number of columns you want. For example if you want to display mega menu in 4 columns enter class “col4“.
So you need to add and organise menu items of this mega menu into 4 columns. Please see above screenshot of Appearance > Menus to get an example.
You can also can display or hide columns name.
By default it displays each mega menu columns name ex. Project Fullwidth, Project Grid etc. You can also hide it by open menu item option and add “hidden” CSS class.
You can fully customise main menu options ex. typography, colors, background colors etc. Go to Appearance > Customize > Menu
Note: top Bar Menu is not support sub menu.
Side menu is hidden by default. Visitor click three bar icon on the top right of screen to open it. It’s also main menu or tablet (portrait view) and mobile devices.
You can fully customise main menu options ex. typography, colors, background colors etc. Go to Appearance > Customize > Menu > Side Menu
To add search function to side menu. Open Appearance > Customize > Menu > Search > Enable Search. It displays search bar at the top of side menu.
Instant search use AJAX technology to returns search results as you type.OpenAppearance > Customize > Menu > Search < Enable Instant Search
NOTE: Footer menu is not support sub menu.
You can add contact information displays on top bar. Go to Appearance > Customize > Menu > Contact Info
Note: Please make sure you enable Top Bar in order to display contact info content.
First you need to add your social media accounts. Go to Theme Settings > Socials Profiles and enter your profiles accounts there. If you don’t want to display some social icons, simply leave them blank and it won’t displays on live site.
By default theme displays its standard logo in header. You can replace it with your logo image. Go to Appearance > Customize > Logo & Favicon Click “Select Image” button and select logo image from your computer or media library.
Favicon option is also onAppearance > Customize > Logo & Favicon. Favicon is an icon for your site display in various places including browser address bar, or next to website name in bookmark list. You simply click select image button and select favicon file to upload (recommend .png file)
Top bar allow to display extended content ex. top menu, social icons etc. above main menu area, To enable it open Appearance > Customize > Menu > Top Bar
There are options to change the top bar background color, font color and border color too. Simply click on the colorbox to open color picker panel. Select color you want and once finish customising, save changes.
The first area of theme footer is a widgetized section which you can displays them into 1-4 columns. This content can be organised in WordPress Dashboard > Appearance > Widgets
Setup Footer Sidebar
Setup Footer Sidebar Widgets
Setup Footer Colors
You can change footer background color, font color and etc. Go to Appearance > Customize > Footer > Colors once finish customising. Click “Save All Changes” button.
Setup Copyright Bar
Below the widgetized area of footer is copyright bar where you can add your copyright text including link to it. Go to Appearance > Customize > Footer > Copyright
The go to top option if you enable it. It will display arrow up button when visitor click on it. It will redirect to the top of page.
You can also display Instagram photostream at the bottom of page before footer. Please make sure you follow above steps of how to setup Instagram Access Token. Then go to Theme Setting > Social Profiles > Photo Stream and Select photo stream photo source. It displays before footer area to “Instagram”.
You can also display Flickr photostream at the bottom of page before footer. Go to Theme Setting > Social Profiles > Photo Stream and Select photo stream photo source. It displays before footer area to “Flickr”.
Theme has pre-defined sidebar but you can also create your own custom sidebar for your pages.
You can add widgets to the sidebar using Appearance > Widgets You will find your selected widget on the left side. Simply drag and drop widgets you want from the left side boxes into the sidebar box.
Theme has 2 general page with sidebar templates. You can select between left and right sidebar templates. Follow above steps and when you select page template select Page With Right Sidebar or Page With Left Sidebar as page template.
Next look at page option box, select the sidebar you want to display on this page and save changes.
When you create a page. Check “Display Page Title” in page option meta box. You can customise page title alignment, typography, font size etc. Go to Theme Setting > Page Title.
When you create a page. You can upload background image to header area. Look at featured image at the bottom right of edit page/post and upload image you want to display as header background image
You can use Shortcode Generator in Shortcode option box below editing field to generate shortcode. Simply select shortcode you want to use and enter its options. Once finish click “Generated Shortcode” and copy shortcode to editing fields.
First, you have to setup your email address. Open Theme Setting > General > Contact Form Setting and setup your email address.
From your admin sidebar, open Pages > Add New. You will get add new page form. Enter page title and description.
Next look at Page Attributes" box. Select "Contact" for page template and click on "Publish".
From your admin sidebar, open Pages > Add New. You will get add new page form. Enter page title and description.
Next look at Page Attributes" box. Select "Default Template" for page template and click on "Publish".
Using this code below for sample about page content
[tg_small_content]<blockquote>Good design is making something intelligible and memorable.<br/>Great design is making something memorable and meaningful.</blockquote> Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.[/tg_small_content] [caption id="attachment_483" align="alignnone" width="1440"]<img src="http://themes.themegoods2.com/grandblog/demo/wp-content/uploads/2015/07/22.jpg" alt="Silver Lake" width="1440" height="960" class="size-full wp-image-483" /> Silver Lake[/caption] [one_half] Meh synth Schlitz, tempor duis single-origin coffee ea next level ethnic fingerstache fanny pack nostrud. Photo booth anim 8-bit hella, PBR 3 wolf moon beard Helvetica. Salvia esse nihil, flexitarian Truffaut synth art party deep v chillwave. <i>Seitan High Life reprehenderit consectetur cupidatat kogi. Et leggings fanny pack, elit bespoke vinyl art party</i> Pitchfork selfies master cleanse Kickstarter seitan retro. Drinking vinegar stumptown yr pop-up artisan sunt. [/one_half] [one_half_last] Meh synth Schlitz, tempor duis single-origin coffee ea next level ethnic fingerstache fanny pack nostrud. Photo booth anim 8-bit hella, PBR 3 wolf moon beard Helvetica. Salvia esse nihil, flexitarian Truffaut synth art party deep v chillwave. <i>Seitan High Life reprehenderit consectetur cupidatat kogi. Et leggings fanny pack, elit bespoke vinyl art party</i> Pitchfork selfies master cleanse Kickstarter seitan retro. Drinking vinegar stumptown yr pop-up artisan sunt. [/one_half_last]
By default, when you activated theme. Your homepage will display your recent posts and you can change its option. From your admin sidebar Settings > Reading > Front page displays select "Your latest posts". You can also change number of blog posts per page there too.
You can customize homepage layout. Go to Appearance > Customize > Blog > Layout > Homepage Layout and select layout you want then save changes. You can also customize other default Wordpress pages ex. category, archive etc. there too.
You can customize homepage layout. Go to Appearance > Customize > Blog > Slider and check "Display Slider" option. Next select slider layout you want and slider category so slider will displays only selected category's posts.
First thing to create blog content is to create a post post. Theme has various post options for you display different content on your blog post. Here are the steps to create a blog post.
To have review feature. Please make sure you install this plugin name "WP Review". Then when you edit post, there is Review box under Shortcode Options box.
Select "Review Type" you want. For example "Star" then you can add review feature name and star. Once you finish customising review options for the post then update the post.
From your admin sidebar, open Settings > Reading. Then adjust number of "Blog pages show at most". Once you finish, click "Save Changes".
You can organise posts into category. Each post can be assigned to multiple categories. First you have to create a category. Open Posts > Categories. You will see list of current categories you have. To add new one. Enter Category name, slug and click "Add New Category" button.
Now when you create a blog post. Look at categories option box, select categories you want to assign and save changes.
When you created a category. Wordpress actually creates category for you. To add a category archive to one of your menus, go to “Appearance > Menus” in the WordPress admin. Look for the section labeled “Categories.” Then, select the categories you want and add them to your menu.
You can customize category page layout. Go to Appearance > Customize > Blog > Layout > Category Page Layout and select layout you want then save changes.
First you have to create a gallery. From your admin sidebar, open Galleries > Add New Gallery. You will get add new gallery form. Enter gallery title and description then click “Publish”.
Next you have to add images to this gallery. From gallery admin page. Click on “Upload Image”.
Then select images you want to upload to this gallery. Once you finish upload each image. It will automatically attach to this gallery. You can also change image caption and description by clicking image from this page. If you want to change order of images within gallery. You can easily drag&drop image next to each one. Once you finish dragging, click “Update” to save changes.
When you create a post. Look at post option box, select "Gallery" as content type. You will see gallery option with list of galleries. Select the one you want to display on this post and save changes.
All widgets can be used in standard Wordpress widget system in Appearance > Widgets. You can drag&drop the widget on the left side over sidebar option on the right side. Each widget has its settings option and you put as many widgets as you want to the sidebar. Once you change the setting of widget, please make sure you click Save button.
On theme demo site. There is Facebook Page widget which can easily create using this plugin.
On theme demo site. There is Mailing list subscription which can easily create using MailChimp server (You can create free account there ). You can download the plugin here.
Please make sure you follow above steps of how to setup Instagram Access Token. Then when you add Instagram widget to sidebar. Enter number of photos you want to displays and save changes.
Theme also support Wordprss customize. Go to Appearance > Customize. It will load all customization options on the left side. Simple change each options and it will preview results instantly on the right side. Once you finish customising. Click "Save" button.
Theme includes bunch of PO translation files for each languages so you can use standard translation tools to help translate theme output strings to your desired language.
For Pre-Wordpress 4.0 users please follow below steps
For WordPress 4.0 + users please follow below steps
By default storing inside theme folder. The theme language folder is wp-content/themes/tgGrandBlog/languages this method has one downside. Because whenevery you update the theme. The whole language folder will be replaced with original version which overwrite your translation files.
NOTE: So the solution is to backup your translation file before updating theme.
Theme use PO translation file which is industry standard translation method. In theme folder you will find a folder called languages. You will find each languages files store in the folder.
If your language isn’t included in the theme language files. You have to create a new .po file from original Theme.po located in theme’s languages folder then save the new .po file with your language code for example de_DE.po
Custom Post Type Plugin use PO translation file which is industry standard translation method. In plugins folder you will find a folder called languages. You will find each languages files store in the folder.
If your language isn’t included in the theme language files. You have to create a new .po file from original GrandBlog-custom-post-en_US.po located in theme’s languages folder then save the new .po file with your language code for example GrandBlog-custom-post-de_DE.po
Poedit application is the popular application uses to edit po file translation and it’s free. Click here to download Poedit application.
Now download and install Poedit application. Open language file you want to translate for example en_US.po You will find all English string in Source Text box.
Select text string you want to translate, add your translation text to “Translation” field. Once you finish translating. Save the file and it will automatically compiled to .mo file.
GrandBlog support WPML plugin for Multilingual content . First you have topurchase WPML license from https://wpml.org and your can download the plugin from your WPML account page (download WPML Multilingual CMS). Then install the plugin. From your admin sidebar, open Plugins > Add New > Upload. Then upload and install the plugin. Once you installed, activate it and it will be ready to use.
Now you will have WPML menu on the bottom left of Wordpress Dashboard. The first step is to setup your current language.
Next step. Select other languages you want to use on your site.
The last step is to add language switcher to your site. There are many ways to add it. You can select sidebar to display language switcher from the option "Choose where to display the language switcher widget".
If you are familiar with PHP coding. You can also add custom language switcher using PHP code. Please see sample and tutorials here.
Another option is to add language switcher to your menu. Check "Display the language switcher in the WP Menu". option and select your main menu.
Next, go to your WPML account > Downloads and download WPML String Translation plugin. Install the plugin. From your admin sidebar, open Plugins > Add New > Upload. Then upload and install the plugin. Once you installed, activate it and it will be ready to use.
Open WPML > Theme and plugins localization and check "Translate by WPML." and click Save button. Now WPML should added all translation strings to the system.
Open WPML > String Translation you will see list of all translation text. Click translations and enter translated text.
This is a basic step to translate theme strings into multiple languages. You can learn more about advanced options and other WPML features from WPML site.
If you update your existing blog site to GrandBlog theme. You have to run this plugin to regenerate all posts's thumbnails from your existing theme setting. Once you installed the plugin, open Tools > Regen. Thumbnails and click on “Regenerate Thumbnails” button.
There are many ways to help speed up your site and here are some methods we use to speed up our demo sites and we want to share them to you.
You can enable CSS and Javascript compression via Theme Setting > Script. This option will compress javascript CSS and javascript file to smaller size.
You can use 3rd party plugin to add caching to your WordPress site. It helps speed up response time to your visitors. Here are 2 plugins we recommend.
Adding images to your content sometime causes site to load slowly. Here is EWWW Image Optimizer it helps optimise and compress your images files size without loosing quality.
NOTE: If you already have image uploaded and install EWWW Image Optimizer. Please run Regenerate Thumbnails plugin so your previous uploaded images are optimised.
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.
ThemeGoods