“Grandis” Documentation by “Orange-Themes.com” v2.0


“Grandis”

Created: 21/06/2013
By: Orange-Themes.com
Email: support@orange-themes.com Example page: Grandis Theme

Thank you for purchasing our 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.


Table of Contents

  1. Theme Installation
    1. Extracting
    2. Uploading
      1. Via Wordpress
      2. Via FTP
  2. Post Installation
    1. Install Plugins
    2. Configure theme links
    3. Setting Menus
    4. Sidebars & Widgets
      1. Creating Sidebars
      2. Managing Widgets
    5. Page Templates
    6. Post Settings
    7. Sliders
  3. Theme Configuration
    1. Theme Management
      1. General Settings
        1. Header/Footer Logo
        2. Favicon
      2. Sidebar Settings
    2. Galleries
  4. Additional Options
    1. Contact Page
    2. Audio Player
    3. Post Thumbnails
    4. Read More Tag
    5. Shortcodes
    6. Translations

  1. Theme Installation top

    In order to successfully install our theme you must do following actions:

    1. Extracting top

      After downloading the achive from themeforest, you must extract it.

      Extracting

      After Extraction the archive contains:

      • Documentation;
      • License files;
      • Photoshop files;
      • Screenshots;
      • Theme Files;
      • Changelog;
      • Archived Theme.
      Structure

    2. Uploading top

      There are 2 ways to upload the theme to your wordpress installation:

      1. Uploading via wordpress top

        Uploading the theme via wordpress is the easiest and faster way.

        You must navigate to Appearance → Themes → Install Themes → Upload

        Upload

        Now select the archived template from your extracted folder and press install.

        Upload Select

        Now everything should be done.

        Install Complete

        Press activate and your theme is ready to use!

      2. Uploading via FTP top

        To do this you will need a FTP client like FileZilla.
        Connect to your FTP server and navigate your wordpress installation.

        Upload

        Now locate wp-content/themes/ folder

        Upload

        Upload the folder called theme from your extracted folder.

        Upload Uploaded

        Now you can navigate to Appearance → Themes in your wordpress administration panel.
        You will see the theme appearing there. Click activate and it is ready to use!

  2. Post Installation top

    1. Install plugins

      This theme comes with 2 plugins that needs to be installed: LayerSlider WP, WPBakery Visua Composer.

      Once the theme is installed, there will be a notification on the top of the page. Click on "Activate installed plugins".

      Page Template Selection

    2. Be sure to visit Settings → Permalinks page and set the URL to option "Post name".

      Permalinks

    3. Setting Menus top

      In order to set up the Top Menu you must visit Appearance → Menus page.
      Create the menu by entering the title of the menu in the field Menu Name and click Create Menu.

      Create Top Menu

      Then activate your freshly created menu by selecting your menu in the dropbox and click Save.

      Activate Top Menu

      And finally you can add some pages to your menu.

      Add pages to Top Menu

      You can also rearrage your menu and create sub-items by simply just clicking and dragging elements.

      Rearrange Top Menu

      1. Creating Sidebars top
      2. In order to add new sidebars you must navigate to Theme Management → Sidebar Settings.

        Sidebar Settings

        You can also order your sidebars simply by clicking & dragging them.

        Sidebar Order

      3. Managing Widgets top

        You can manage your widgets in Appearance → Widgets.

        Widget Settings

        Add your widgets by simply clicking & dragging them to to you sidebars.

        Widget Settings

        You can also move your widgets to Inactive Widgets are to temporary disable them without losing any settings.

        Widget Settings

    4. Page Templates top

      While setting up new pages, you can set multiple page templates that are available.

      Page Templates

      • Archive Page

        This template is used for showing post archives.

      • Contact Page

        This template is used for displaying Contact Information, Contact Form.

        You can also set Google Map URL, Contact Email via metaboxes found at the bottom of the page when the page is created.

        Page Templates

      • Dynamic Layout Page

        This template is used to build custom pages with our Page Builder.

         

      • Full Width PagePage Templates

        This template is used to display only the information necessary, there will be no sidebars.

      • Photo Gallery

        This template is used to display your photo galleries.

      • Portfolio Large/Small

        You can choose from 2 different portfolio layouts.

    5. Post Settings top

      You can also set multiple options in your posts too:

      • add Blog Post Slider
      • Add mp3 player to your post
      • Enable/Disable Share Buttons
      • Enable/Disable About Author field
      • Configure Sidebars

      These options will be available on the bottom of the page while editing the post.

    6. Sliders top

      In order to add slider to page, first you must create one in LayerSlider WP panel.

      Permalinks

      Make sure that you choose fullwidth skin, set the slider size to 1000x500px or 950x504 if your page is 980px wide (default)

      Once that's done, you can attach the slider to the page while editing the page:

      Permalinks

    Theme Configuration top

    1. Theme Management top

      Theme management can be accessed from your wp-admin menu.

      Theme Management

      Theme management page has various options like:

      1. General Settings top

        The general settings are for managing global settings and page templates.

        1. In general settings you can upload your Header logo.

          You can add it by specifying the URL of the image or uploading it from your local computer by pressing Choose File

          General Settings

        2. Favicon top

          You can also upload or specify your favicon which is the small icon in your browser's address bar.
          Simply specify the url of the image or upload it from your local computer.

          General Settings

      2. In Sidebar Settings you can manage your sidebars.

        Sidebar Settings

        You can learn on how to manage your sidebars in Creating Sidebars Section.

    2. Galleries top

      First make sure you have set up gallery page in Pages → All Pages.
      If not — create a new page and select Photo Gallery Template in Page Attributes.

      You can add new gallery in Gallery → Add New.

      Gallery Management

      The process consists of following steps:

      1. Insert gallery title;
      2. Insert the description of the gallery;
      3. Choose gallery style;
      4. Select gallery categories;
      5. Define order number of the gallery in selected category;
      6. Adding images to your gallery:
      7. Publish Gallery

        Gallery Management

  3. Additional Options top

    1. Contact Page top

      You can create your Contact Page in Pages → Add New.
      Be Sure to select the Contact Page Template in Page Attributes.

      In order to use everything that the contact page offers make sure that you:

      1. Insert Google Map URL while adding Contact Page;
      2. Add more specified info in Contact Page Content area;
      3. Set up contact form email in Theme Management → General → Contact Form E-mail.
    2. Audio Player top

      You can add audio player to your posts by uploading the .mp3 file at the bottom of the page while editing the post.

      Gallery Management

      In other pages etc. - you can can use audio player shortcode:

      [ot-music file="http://path-to-file/audio.mp3"]
    3. Post Thumbnails top

      Post thumbnails can be selected by clicking on Set Featured Image.
      Follow these steps to learn more.

    4. Read More Tag top

      It is advisable to add Read More tag in every post. Thus on the homepage there will be only the introduction of the post and one will read the post in full only after opening it. It is also advisable to add only a few sentences before this tag, so that the introduction was not too long!

      Gallery Management

    5. Shortcodes top

      Our themes support several shortcodes that can be used in your website.
      You can see all our shortcodes right here.

      1. Image With Caption
        [ot-caption 
        	title="Option lobortis reprimique id qui." 
        	url="beautiful-of-shanghai-night-scene-s12.jpg"
        ]
        								
      2. Youtube Video
        [video url="http://youtu.be/DjIyWEsy5vc"]
      3. Gallery Preview
        [ot-gallery url="http://grandis.orange-themes.com/gallery/ne-quod-deserunt-volutpat-cum-nulla-oblique-ad-per-12/"]
      4. Spacers
        [spacer style="1" icon="59141" color="e2e2e2"]
        [spacer style="2" icon="128247" color="E2E2E2"]
        [spacer style="3" icon="none" color="E2E2E2"]
        [spacer style="3" icon="9881" color="1C0ABF"]
        								
      5. Quotes
        [blockquote style="1"]Everti offendit philosophia ius an, sed nulla soluta aliquam no, sea in homero.[/blockquote]
        [blockquote style="2"]Everti offendit philosophia ius an, sed nulla soluta aliquam no, sea in homero.[/blockquote]
        								
      6. Unordered lists
        [list]
        	[item icon="9881" ]Mucius denique platonem ius an pertinax[/item] 	// Gear
        	[item icon="9733" ]Id duo dictas vituperata concluda[/item]	      	// Star
        	[item icon="10003" ]Turque ex quot recteque mel vituperata[/item] 	// Check
        	[item icon="128100" ]Modo pertinax consetetur cu per[/item]       	// People
        	[item icon="9998" ]Option lobortis reprimique id qui quas duo[/item]	// Pencil
        	[item icon="128222" ]Maluisset scribentur nec in ut pro[/item]		// Phone
        	[item icon="59172" ]Consetetur orquatos inciderint turque[/item]	// Location
        	[item icon="9993" ]Mucius denique platonem ius an pertinax[/item]	// Envelope
        	[item icon="128077" ]Mucius denique platonem ius an pertinax[/item]	// Thumb
        [/list]
        
        									
      7. Buttons
        [button link="#" icon="none" target="" color="EBEBEB" textcolor="6e6e6e" size="small"]Small Gray Button[/button]
        [button link="#" icon="none" target="" color="458dde" textcolor="ffffff" size="small"]Small Blue Button[/button]
        [button link="#" icon="128227" target="" color="de5345" textcolor="ffffff" size="small"]Red Button With Icon[/button]
        [button link="#" icon="128077" target="" color="73af3e" textcolor="ffffff" size="small"]Green Button[/button]
        [button link="#" icon="none" target="" color="e18f3f" textcolor="ffffff" size="small"]Orange Button[/button]
        [button link="#" icon="none" target="" color="984bc5" textcolor="ffffff" size="small"]Purple Button[/button]
        [button link="#" icon="none" target="" color="383838" textcolor="ffffff" size="small"]Black Button[/button]
        [button link="#" icon="none" target="" color="e64379" textcolor="ffffff" size="small"]Pink button[/button]
        [button link="#" icon="none" target="" color="5749c7" textcolor="ffffff" size="small"]Dark-Blue Button[/button]
        [button link="#" icon="none" target="" color="ebebeb" textcolor="6e6e6e" size="big"]Big Gray Button[/button]
        [button link="#" icon="hearts" target="" color="3894ae" textcolor="ffffff" size="big"]With An Icon[/button]
        [button link="#" icon="59212" target="" color="a6bd27" textcolor="ffffff" size="big"]Another Big One[/button]
        								
      8. Paragraphs
        [double_paragraph]
        	[block]Ne pro civibus ocurreret. Everti offendit philosophia ius an, sed nulla. [/block]
        	[block] Everti offendit philosophia ius an, sed nulla soluta aliquam no. [/block] 
        [/double_paragraph]
        
        [paragraph_left]
        	[block] Everti offendit philosophia ius an, sed nulla soluta aliquam no, sea in homero.[/block]
        	[block] Corpora perpetua iudicabit pri id, aeterno indoctum nam at. [/block]
        [/paragraph_left]
        
        [paragraph_right]
        	[block] Corpora perpetua iudicabit pri id, aeterno indoctum nam at. Scripta signiferumque eu sit. [/block]
        	[block] Everti offendit philosophia ius an, sed nulla soluta aliquam no, sea in homero accusamus pertinacia.[/block]
        [/paragraph_right]
        
        [third_paragraph]
        	[block] Everti offendit philosophia.[/block]
        	[block] Everti offendit philosophia ius an.[/block]
        	[block] Everti offendit philosophia ius an, sed nulla soluta. [/block]
        [/third_paragraph]
        								
      9. Marker
        [textmarker color="C24000"]indoctum[/textmarker]
        								
      10. Tabs
        [tabs title1="This Is Fist Tab" text1='
        <h3>SOME TITLE TEXT 1</h3>
        An natum eruditi repudiandae usu, est te esse verear ceteros, pro et probo nominavi platonem.
        
        ' title2="Second Tab" text2='
        <h3>SOME TITLE TEXT 2</h3>
        Everti offendit philosophia ius an, sed nulla soluta aliquam no.
        
        ' title3="Last One" text3='
        <h3>SOME TITLE TEXT 3</h3>
        Everti offendit philosophia ius an, sed nulla soluta aliquam no, sea in homero accusamus pertinacia.
        ']
        								
      11. Accordion
        [accordion 
        	title1="Minim delicata omittantur te vis, cu sit quem lobortis" 
        	text1='Vim eius dicant ut, nec munere interesset ad. .' 
        	
        	title2="Et quodsi inermis sed, te eam veritus persecuti conceptam, est id sint putant" 
        	text2='Vim eius dicant ut, nec munere interesset ad. In sea moderatius deterruisset, molestie principes ut eos.' 
        
        	title3="Temporibus mel, omnis forensibus suscipiantur ei nam, mundi nostrum in eum" 
        	text3='Vim eius dicant ut, nec munere interesset ad. In sea moderatius deterruisset, molestie principes ut eos.'
        ]
        
        								
      12. Social Links
        [social link="#" icon="62218"] // Twitter
        [social link="#" icon="62221"] // Facebook
        [social link="#" icon="62224"] // Google+
        [social link="#" icon="62227"] // Pinterest
        [social link="#" icon="62230"] // Tumblr
        [social link="#" icon="62212"] // Flickr
        [social link="#" icon="62215"] // Vimeo
        [social link="#" icon="62266"] // Skype
        [social link="#" icon="62233"] // LinkedIn
        [social link="#" icon="62209"] // GitHub
        [social link="#" icon="62236"] // Dribbble
        [social link="#" icon="62239"] // StumbleUpon
        [social link="#" icon="62242"] // Last.fm
        								
      13. Alert Messages
        [alert color="DF9608" icon="9733"]Et quodsi inermis sed, te eam veritus persecuti conceptam, est id sint putant.[/alert]
        [alert color="C24000" icon="9888"]Et quodsi inermis sed, te eam veritus persecuti conceptam, est id sint putant.[/alert]
        [alert color="5EC253" icon="128077"]Et quodsi inermis sed, te eam veritus persecuti conceptam, est id sint putant.[/alert]
        								
      14. Toggles
        [toggles title="Sint assum in vel, omnes noster maiestatis ex quoro ut modus complectitur"]
        		Everti offendit philosophia ius an, sed nulla solut.
        [/toggles]
        								
      15. Pricetable
        [wraper]
        	[pricing title="Bega Plan Name" color="387A8B" price="25" currency="$" period="month" subtitle="Apeirian facilisi patrioque abhorreant" list="Eum putant" btntext="Signup & Subscribe" url="#" target="Blank"]
            [pricing title="Gamma Plan Name" color="9D321F" price="40" currency="$" period="month" subtitle="Apeirian facilisi patrioque abhorreant" list="Eum putant" btntext="Signup & Subscribe" url="#" target="Blank"]
            [pricing title="Delta Plan Name" color="2F3332" price="75" currency="$" period="month" subtitle="Apeirian facilisi patrioque abhorreant" list="Eum putant" btntext="Signup & Subscribe" url="#" target="Blank"]
        [/wraper]
        								
      16. Audio Player
        [ot-music file="http://grandis.orange-themes.com/wp-content/uploads/2013/07/adg3com_freeform.mp3"]
        								
    6. Translations top

      Bordeaux theme has multilanguage support! You can easily translate it to the desired language by using a free PostEdit program.

      For more information you can visit Translating WordPress.

      The translation files are located in /languages folder in theme's main directory.

      Be sure to specify your language in wp-config.php file.

      WP Config


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.

Orange Themes

Go To Table of Contents