Template Documentation Template

### “TerndyBlog” Documentation by “Different-Themes.com” v1.0

# “TerndyBlog”

Created: 02/19/2015
By: Different-Themes.com
Support: different-themes
Example page: TerndyBlog 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 contact us using the support 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. Import Quickstart XML
   3. Import Theme Options
   4. Setting Menus
   5. Setting Homepage
   6. Using Homepage Builder
   7. Sidebars & Widgets
      1. Creating Sidebars
      2. Managing Widgets
   8. Page Templates
3. Theme Configuration
   1. Theme Management
      1. General Settings
         1. Header/Footer Logo
         2. Favicon
      2. Blog Settings
      3. Style Settings
      4. Sidebar Settings
4. Additional Options
   1. Contact Page
   2. Post Thumbnails
   3. Read More
   4. Shortcodes
   5. Translations
   6. WPML
   7. FAQ

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.

      After Extraction the archive contains:

      - Quickstart Demo Data (XML);
      - Documentation;
      - Photoshop files (PSD);
      - Theme Files;
      - Archived Theme;
      - Child Theme Files;
      - License files;

   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 → Add New Theme → Upload

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

         Now everything should be done.

         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.

         Now locate wp-content/themes/ folder

         Upload the folder called trendyblog-theme from your extracted folder.

         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

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

      There will be a page listing all the Required plugins, select, hover over them and click install.

   2. #### Importing Quickstart XML top

      To import Quickstart XML you must navigate to Tools → Import → Wordpress.

      If you haven't done this before, the wordpress will ask you to install an additional plugin that is used for importing the content called "Importer". Click on "Install Now".

      Once the plugin is activated you will be redirected to a page with upload form, click on Choose File and navigate to the demo data (XML) directory in archive you downloaded from ThemeForest. Choose the .XML file located there, click on the "Upload file and import" button.

      There will be page where you can choose you can assign the created posts to your user, select to Import Attachments (mainly images for posts, pages).

      Please note that we are not providing the licenses for the images that will be imported in this process, which means that you will have to either replace them with your own ones or purchase licenses for these images.

      The process might take a while to import, but once it's done you will be redirected to a page saying that everything has been imported succesfully.

      The Import process is done, if you are encountering errors like the image above, this do no worry - these failed content is for optional content that is added via plugins like BuddyPress, bbPress and WooCommerce.

   3. #### Import Theme Options top

      To import our demo page theme options you can navigate to "TrendyBlog Management → General → General", there will be a section called "Export/Import Theme Settings".

      Select the "Import" button and navigate to the place where you extracted the archive you downloaded from ThemeForest. The file needed to be imported will be located in "demo data (xml)/management settings" directory.

   4. #### Setting Menus top

      In order to set up the Top Menu you must visit Appearance → Menus page.
      If you already have imported our demo content, there will be menus created, select each one of them and select the check box for each to show at their place.

      If you haven't imported our demo content and wish to create your own menus, you might want to read further about configuring menus at Wordpress Menu User Guide

   5. #### Setting Homepage top

      If you have already imported our demo content, there are two steps you must take, if you haven't you must create 2 new pages in Pages → New — One page will be for homepage (with template called Drag & Drop Page Builder) other one for Blog (with default template). More information here.

      Navigate to Settings → Reading page, for Front Page displays set Static page and choose pages for Homepage(Front page) and Blog(posts page).

      Once that's done, unfortunately the content XML does not import settings for the homepage, so you must find the Homepage you selected in settings above in Pages → All Pages and click to edit it.

   6. #### Using Homepage Builder top

      If you wish to use our Homepage Builder you must create a new page with a template called "Drag & Drop Page Builder". Hit on save button and the builder should appear on the bottom of the page.

      If you wish to import our default settings, hit on the import button and navigate to the place you extracted the archive you downloaded from ThemeForest. The file will be located in "demo data(xml)/homepage settings" relative to that directory.

   7. #### Sidebars & Widgets top

      1. ##### Creating Sidebars top

      In order to add new sidebars you must navigate to TrendyBlog Management → Sidebar Settings.

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

      2. ##### Managing Widgets top

         You can manage your widgets in Appearance → Widgets.

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

   8. #### Page Templates top

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

      - ###### Contact page

      - ###### Drag & Drop Page Builder

      - ###### Photo Gallery

   ### Theme Configuration top

   1. #### Theme Management top

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

      Theme management page has various options like:

      1. ##### General Settings top

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

         1. Settings Import top

            In general settings you can import or export your Theme Settings Backups.

            If you wish to import our demo settings, it will be located in the archive you downloaded from ThemeForest, In a directory "demo data(xml)".

         2. Load dynamic js/css files directly in header top

            By default the dynamically generated CSS an JS code is being loaded through an AJAX request, but you can enable to define this code directly to your <head>. This improves performance for some servers.

         3. Header/Footer Logo top

            In general settings you can upload your Header logo image.

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

         4. 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.

      2. ##### Blog top

         Here you can select default settings for Blog pages.

         - ###### Unit Settings

           - Show Thumbnails in blog post list (Show/Hide)
           - Show "no image" thumbnail, when no thumbnail is available (Show/Hide)
         - Show Thumbnail in open post/page
         - Clickable Single Post/Page Image
         - Show Icons on Thumbnails in Post Listing Pages
         - Show Post Title In Single Post/Page
         - Show Post Date
         - Show Like Count
         - Show Categories
         - Show Tags In Single Post
         - Show "About Author" In Single Post
         - Show "Similar News" In Single Post
         - Show Post Comment Count

      3. ##### Style Settings top

         You can choose website's main font faces, customize appearance.

      4. ##### Slider Settings top

         You can set up and configure you Main News here.

         Please note that in order to show posts on these sliders, the posts must be marked for displaying in these sliders while editing them.

         The image for Main Slider can be set in a separate metabox, which by default should be on the right side while editing the post.

      5. ##### Sidebar Settings top

         In Sidebar Settings you can manage your sidebars.

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

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 specify all the information required in the bottom of the page while editing the page.

   2. #### Post Thumbnails top

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

   3. #### Read Moretop

      In order to choose how much text will be displayed in it's shortened version, you must fill out the excerpt field while editing it. If it's empty - it will be generated automatically.

   4. #### Shortcodes top

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

      1. ###### Subtitles

             [df-subtitle]Headings[/df-subtitle]

      2. ###### Image With Caption

             [df-caption title="Ludus zril eu est, pro an elit ornatus facilisi." url="http://website.com/photo.jpg"]

      3. ###### Spacers

             [spacer color="218463" icon="fa-search"]

             [spacer color="264C84" icon="fa-stop"]

             [spacer color="264C84" icon="fa-reply-all"]

             [spacer color="188459" icon="Select a Icon"]

         Spacer icons can be chosen here: FontAwesome Icons

      4. ###### Quote Styles

             [blockquote author="Marc Anthony"]If you do what you love, you'll never work a day in your life. Phasellus eu sapien interdum ligula vulputate faucibus quis et lectus. Morbi a aliquet eros. Sed velit justo, volutpat nec mauris eu, consectetur faucibus metus.[/blockquote]

      5. ###### Dropcaps

             [dropcaps]Ronsectetur adipiscing elit. Etiam dignissim eu lacus eget maximus. Nunc fermentum volutpat risus sed luctus.[/dropcaps]

      6. ###### Buttons

             [button link="#" size="large" icon="Select a Icon" side="left" target="" color="1abc9c" textcolor="ffffff"]Turquoise button[/button]

             [button link="#" size="Default" icon="Select a Icon" side="left" target="" color="1abc9c" textcolor="ffffff"]Turquoise button[/button]

             [button link="#" size="small" icon="Select a Icon" side="left" target="" color="1abc9c" textcolor="ffffff"]Turquoise button[/button]

             [button link="#" size="default" icon="fa-th-list" side="left" target="" color="408bb7" textcolor="ffffff"]Button With Icon[/button]

         Button icons can be chosen here: FontAwesome Icons

      7. ###### Tabbed Block

             [tabs]
             [tab title ="First Tab Active"]Lorem ipsum dolor sit amet, consectetur adipisicing elit.
             [/tab]
             [tab title ="The Second & a Bit Longer Tab"]Lorem ipsum dolor sit amet[/tab]
             [/tabs]

      8. ###### Toggle Block

             [toggles title="Unum probo solum eum ei, natum deserunt mel ex, per minim aliquid at"]
             His ea legendos molestiae, veri illud facete per cu. Ferri temporibus disputando pro. [/toggles]

      9. ###### Alert Messages

             [alert color="white"]White message goes here[/alert]

             [alert color="grey"]Grey message goes here[/alert]

             [alert color="red"]Red message goes here[/alert]

             [alert color="yellow"]Yellow message goes here[/alert]

             [alert color="green"]Green message goes here[/alert]

      10. ###### Gallery

              [df-gallery url="your link to the gallery on your server"]

      11. ###### Custom List Styles

              FontAwesome list style
              [list]

              [item icon="fa-th-large" ]Lorem ipsum dolor sit amet[/item]

              [item icon="fa-bars" ]Adipiscing elit aenean mi non[/item]

              [item icon="fa-bullseye" ]Enim consectetur dignissim vel[/item]

              [item icon="fa-vimeo-square" ]Porttitor metus donec ligula[/item]

              [/list]

          Button icons can be chosen here: FontAwesome Icons

      12. ###### Text Layouts

              [row]
              [double_paragraph]
              Column 1/2
              Pro ridens tibique aliquando cu.
              [/double_paragraph]
              [double_paragraph]
              Column 1/2
              Pro ridens tibique aliquando cu.
              [/double_paragraph]
              [/row]
              [row]
              [third_paragraph]
              Column 1/3
              Pro ridens tibique aliquando cu.
              [/third_paragraph]
              [third_paragraph]
              Column 1/3
              Pro ridens tibique aliquando cu.
              [/third_paragraph]
              [third_paragraph]
              Column 1/3
              Pro ridens tibique aliquando cu.
              [/third_paragraph]
              [/row]
              [row]
              [forth_paragraph]
              Column 1/4
              Tation electram abhorreant et mei.
              [/forth_paragraph]
              [forth_paragraph]
              Column 1/4
              Tation electram abhorreant et mei.
              [/forth_paragraph]
              [forth_paragraph]
              Column 1/4
              Tation electram abhorreant et mei.
              [/forth_paragraph]
              [forth_paragraph]
              Column 1/4
              Tation electram abhorreant et mei.
              [/forth_paragraph]
              [/row]
              [row]
              [paragraph_left]
              Column 2/3
              Maiorum definiebas no per.
              [/paragraph_left]
              [third_paragraph]
              Column 1/3
              Tation electram abhorreant et mei.
              [/third_paragraph]
              [/row]
              [row]
              [third_paragraph]
              Column 1/3
              Tation electram abhorreant et mei.
              [/third_paragraph]
              [paragraph_left]
              Column 2/3
              Maiorum definiebas no per.
              [/paragraph_left]
              [/row]

   5. #### Translations top

      TrendyBlog 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.

   6. #### WPML top

      Instead of using the poEdit you can use plugin called WPML for translating your website's content.

      For more information you can visit WPML Documentation.

   7. #### FAQ top

      ### Q: The main slider does not show any posts, what to do?

      Make sure you have posts that are selected as the featured posts for these blocks while editing them:

      ### Q: Can I remove the "Designed By Different-Themes.com" text in the Footer?

      Yes, you can. To do that you will have to modify the footer.php file located in theme's main directory.

      ### Q: Something's wrong with my theme, what do I do?

      We do provide free support for our customers, just contact form on our ThemeForest Profile page here.

      ### Q: I want extra features in my theme, can you add it?

      Yes, we do provide customization services, you can contact us requesting more information using the contact form on our ThemeForest Profile page here: http://themeforest.net/user/different-themes

      ### Q: This theme isn't what I wanted, can I receive a refund?

      Unfortunately we do not handle refunds since we do not sell our themes directly. You must contact Envato support on this regard.

      ### Q: We love this theme, how can we support it?

      You can rate our theme in Downloads Section in ThemeForest. A 5 star rating would be an enormous help to us! :)

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.

Different Themes

Go To Table of Contents