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


“Flores”

Created: 02/12/2014
By: Orange-Themes.com
Support: support.orange-themes.com
Example page: Flores 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. Import Quickstart XML
    3. Import LayerSlider content
    4. Setting Menus
    5. Setting Homepage
    6. Sidebars & Widgets
      1. Creating Sidebars
      2. Managing Widgets
    7. Page Templates
    8. Post Settings
  3. Theme Configuration
    1. Theme Management
      1. General Settings
        1. Header/Footer Logo
        2. Favicon
      2. Blog Settings
      3. Invitations
      4. Style Settings
      5. Sidebar Settings
    2. Galleries
  4. Additional Options
    1. Contact Page
    2. Post Thumbnails
    3. Read More
    4. Shortcodes
    5. 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:

      • Quickstart Demo Data (XML);
      • Documentation;
      • Photoshop files (PSD);
      • Theme Files;
      • Archived Theme;
      • License files;
      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 → Add New Theme → Upload

        Index

        Index

        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 the folder called flores-theme from your extracted folder.

        Upload

        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 1 plugin that needs to be installed: Layer Slider.

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

      Page Template Selection

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

      Page Template Selection

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

      Quickstart XML

      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.

      Quickstart XML

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

      Quickstart XML

      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.

      Quickstart XML

      Unfortunately importing this content is only the half the battle, please read further to complete the whole process to replicate our demo content.

    3. Import LayerSlider content top

      To import LayerSlider content you must navigate to LayerSlider's main page which will be available on the left side of the page.

      Quickstart XML

      Click on Import Sliders button and navigate to the demo data (XML) directory in archive you downloaded from ThemeForest. Choose the JSON file located there.

      Quickstart XML

      Once that has been done, click on the Import button and the slider should be imported in no time. There will be a new Slider added, notification saying "Slider imported succesfully".

      Quickstart XML

    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.

      Quickstart XML

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

      Homepage

      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.

      Here are the settings from our demo page, you can select them to match our configuration.

      Homepage

      Homepage

      1. Creating Sidebars top
      2. In order to add new sidebars you must navigate to Flores 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

        To replicate our demo content, you must set following widgets:

        Widget Settings

        Widget Settings

        Widget Settings

    6. Page Templates top

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

      Page Templates

      • About The Couple

        This template is used for displaying ainformation about the couple.

      • Contact page

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

      • Drag & Drop Page Builder

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

      • Full Width Page

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

      • Guest Book

        Allows guests to leave comments.

      • Location

        This page will display the the locations of the events added in Location post type. (Location → Add New)

      • Photo Gallery

        Allows you to add photos of events etc.

      • RSVP

        Allows your guests to confirm your invitations.

    7. Post Settings top

      You can also set multiple options in your posts too:

      • Show share Buttons (Show/Hide)
      • Footer Bar (Choose which sidebar to show)
      • About Author (Show/Hide)
      • Show Image In Single Post / News Page (Show/Hide)

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

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

          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

        3. Countdown top

          You can select wheter to show or hide the Countdown.

      2. Blog top

        Here you can select default settings for Blog pages.

        • Unit Settings
          • Show thumbnails in blog post list.
          • Show thumbnail in open post/page.
          • Show "no image" thumbnail, when no thumbnail is available
        • Post Settings
          • Show post date.
          • Show post comment.
          • Show post author.
        • Show Social Share Buttons
      3. Invitation Settings top

        Here you can view all the invitations that have been confirmed.

      4. Style Settings top

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

      5. 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. Choose whether to display similar posts;
      5. Select gallery categories;
      6. Add Images to metabox called "Gallery Images";
      7. Set thumbnail for your gallery
      8. 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 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. Image With Caption
        [ot-caption 
        title="Sea ne regione volumus."
        url="http://flores.orange-themes.com/wp-content/uploads/2013/12/image-1.jpg"
        ]
        								
      2. Gallery Preview
        [ot-gallery url="http://flores.orange-themes.com/gallery/qui-fierent-blandit-intellegat-legendos-3/"]
      3. Responsive Youtube Videos
        [ot-video type="youtube" url="http://www.youtube.com/watch?v=B7pVjF8fLvA"]
        [ot-video type="vimeo" url="http://player.vimeo.com/video/55425836?color=ff9933"]
      4. Spacers
        [spacer color="5A394E" style="1"]
        [spacer color="5A394E" style="2"]
        [spacer color="5A394E" style="3"]
        [spacer color="5A394E" style="4"]
        [spacer color="B05635" style="4"]
        								
      5. Quotes
        [blockquote style="1"]Ex vis porro invidunt sadipscing, debitis persecuti duo cu.[/blockquote]
        
        [blockquote style="2"]Per eu assum labores, per in veri philosophia deterruisset.[/blockquote]
        								
      6. Unordered lists
        [list]
        [item icon="fa-envelope-o" ]Regione saperet ad qui, mea ex summo, assentior efficiendi[/item]
        [item icon="fa-star-o" ]Quodsi eirmod postulant usu pri possit labores partiendo[/item]
        [item icon="fa-times" ]Ne insolens sadipscing platonem facilisis pertinacia duo[/item]
        [item icon="fa-pause" ]At has purto malis suscipiantur, vero iusto ea qui[/item]
        [item icon="fa-hand-o-down" ]Postea aperiam iuvaret et per, ius aliquid invidunt an[/item]
        [/list]
        									

        The icons names can be viewed here: Fontawesome Icons.

      7. Buttons
        [button link="#" icon="Select a Icon" size="large" target="" color="5a394e" textcolor="ffffff"]Default Button[/button]
        [button link="#" icon="Select a Icon" size="large" target="" color="37576e" textcolor="ffffff"]Blue Button[/button]
        [button link="#" icon="fa-times" size="large" target="" color="3cab38" textcolor="ffffff"]Green Button & Icon[/button]
        
        [button link="#" icon="fa-wrench" size="large" target="" color="c44f10" textcolor="ffffff"]Orange Button[/button]
        [button link="#" icon="Select a Icon" size="large" target="" color="ab2020" textcolor="ffffff"]Red Button[/button][
        button link="#" icon="fa-calendar-o" size="large" target="" color="4ec75e" textcolor="ffffff"]Any Color & any Icon[/button]
        
        
        
        [button link="#" icon="Select a Icon" size="small" target="" color="5a394e" textcolor="ffffff"]Default Button[/button]
        [button link="#" icon="Select a Icon" size="small" target="" color="37576e" textcolor="ffffff"]Blue Button[/button]
        [button link="#" icon="fa-times" size="small" target="" color="3cab38" textcolor="ffffff"]Green Button & Icon[/button]
        
        [button link="#" icon="fa-wrench" size="small" target="" color="c44f10" textcolor="ffffff"]Orange Button[/button]
        [button link="#" icon="Select a Icon" size="small" target="" color="ab2020" textcolor="ffffff"]Red Button[/button]
        [button link="#" icon="fa-calendar-o" size="small" target="" color="4ec75e" textcolor="ffffff"]Any Color & any Icon[/button]
        								

        The icons names can be viewed here: Fontawesome Icons.

      8. Paragraphs
        2 Columns
        [row][double_paragraph]
        <h3>One Half</h3>
        Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis.
        
        [/double_paragraph][double_paragraph]
        <h3>One Half</h3>
        Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis.
        
        [/double_paragraph] [/row]
        
        3 Columns
        
        [row][third_paragraph]
        <h3>One Third</h3>
        Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis.
        
        [/third_paragraph][third_paragraph]
        <h3>One Third</h3>
        Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis.
        
        [/third_paragraph][third_paragraph]
        <h3>One Third</h3>
        Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis.
        
        [/third_paragraph][/row]
        
        [row][paragraph_left]
        <h3>Two Thirds</h3>
        Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad.
        
        [/paragraph_left][third_paragraph]
        <h3>One Third</h3>
        Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis.
        
        [/third_paragraph][/row]
        
        4 Columns
        
        [row][forth_paragraph]
        <h3>One Quarter</h3>
        Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis.
        
        [/forth_paragraph][forth_paragraph]
        <h3>One Quarter</h3>
        Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis.
        
        [/forth_paragraph][forth_paragraph]
        <h3>One Quarter</h3>
        Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis.
        
        [/forth_paragraph][forth_paragraph]
        <h3>One Quarter</h3>
        Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis.
        
        [/forth_paragraph][/row]
        
        2/3 Columns
        
        [row][third_paragraph]
        <h3>One Third</h3>
        Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis.
        
        [/third_paragraph][paragraph_right]
        <h3>Two Thirds</h3>
        Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad
        
        [/paragraph_right][/row]
        
        								
      9. Marker
        [textmarker color="C24000"]indoctum[/textmarker]
        								
      10. Tabs
        [tabs]
        
        [tab title ="First Tab Active"]
        <h3>Ne alterum legimus eos ne error</h3>
        His ea legendos molestiae, veri illud facete per cu. Ferri temporibus disputando pro.
        
        [button link="#" icon="none" target="" color="593e9d" type="default" textcolor="ffffff"]Any Color You Desire[/button]
        [/tab]
        
        [tab title ="The Second & a Bit Longer Tab"]
        <h3>Quo quem dicta ad, evertitur disputationi ad nec. Ea sea stet intellegam, duo quando timeam scripta ea</h3>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, nobis, necessitatibus, et accusamus officia.
        [/tab]
        
        [tab title ="The Third One"]
        <h3>Officiis inciderint ne vim, id ceteros eleifend electram vix. His eu tempor alterum</h3>
        Reiciendis, pariatur, voluptatum dicta amet ab nobis quod laboriosam ullam eius cumque neque excepturi.
        
        [button link="#" icon="none" target="" color="593e9d" type="default" textcolor="ffffff"]Any Color You Desire[/button]
        [/tab]
        
        [/tabs]
        								
      11. Accordion
        [accordion]
        
        [acc title="Sea elitr verterem doctus nominati doctus numquam postulant accommodare"]
        <h3>Ne alterum legimus eos ne error</h3>
        His ea legendos molestiae, veri illud facete per cu. Ferri temporibus disputando pro.
        [/acc]
        
        [acc title="Ei eos natum constituam deterruisset minim probatus mel at"]
        <h3>Ne alterum legimus eos ne error</h3>
        Quo causae omnium ut, ut dicit noluisse cum. Ei eos natum constituam deterruisset, minim probatus mel at.
        [/acc]
        
        [acc title="Unum probo solum eum ei, natum deserunt mel ex, per minim aliquid at"]
        <h3>Prima mundi incorrupte vivendo laboramus</h3>
        His ea legendos molestiae, veri illud facete per cu. Ferri temporibus disputando pro.
        [/acc]
        
        [/accordion]
        
        								
      12. Social Links
        [social title="Flickr" subtitle="Follow us" link="#" icon="fa-flickr"]
        [social title="Twitter" subtitle="Follow us" link="#" icon="fa-twitter"]
        [social title="Facebook" subtitle="Follow us" link="#" icon="fa-facebook"]
        [social title="Google+" subtitle="Follow us" link="#" icon="fa-google-plus"]
        [social title="Pinterest" subtitle="Follow us" link="#" icon="fa-pinterest"]
        [social title="Instagram" subtitle="Follow us" link="#" icon="fa-instagram"]
        [social title="LinkedIn" subtitle="Follow us" link="#" icon="fa-linkedin"]
        [social title="Dribbble" subtitle="Follow us" link="#" icon="fa-dribbble"]
        [social title="Skype" subtitle="Follow us" link="#" icon="fa-skype"]
        [social title="Tumblr" subtitle="Follow us" link="#" icon="fa-tumblr"]
        [social title="Vimeo" subtitle="Follow us" link="#" icon="fa-vimeo-square"]
        [social title="vKontakte" subtitle="Follow us" link="#" icon="fa-vk"]
        [social title="YouTube" subtitle="Subscribe" link="#" icon="fa-youtube"]
        
        								

        The icons names can be viewed here: Fontawesome Icons.

      13. Alert Messages
        [alert color="A12717"]Ex vix possim dolorem patrioque.[/alert]
        [alert color="68A117"]Ex vis porro invidunt sadipscing.[/alert]
        [alert color="E09C27"]Ex vix possim dolorem patrioque.[/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]
        								
    5. 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