Clean & Ultimate Portfolio/ Photography/ Blog And Business Sites
Floret is a clean and ultimate WordPress theme for creative portfolio, photography and blog sites. Floret is compatible with Woocommerce to supports you be easy to start your business. With the responsive layout, your site will look great on any devices.
Floret offers you free lifetime updating.
Note: Support is NOT available on Saturday & Sunday due to our weekend break. All of the questions sent at the weekend will be solved on Monday of the next week
To use Floret, please be sure that you are using WordPress version 4.0 or later, PHP version 5.6 or higher and MySQL version 5.0 or higher. And before going to the theme detail, we would like to provide you some references about WordPress. We think these references are useful for users who are new to WordPress as well as experienced users.
Installation section shows you what is included in Floret package and help you learn how to install theme via FTP, via WordPress and how to install required and recommended plugins using for Floret theme.
From your account on themeforest.net, you can download the entire package of Floret theme. The theme package is a zip file including the following structures:
» floret.zip: A WordPress theme.
» Licensing: General license information.
» Resources: All of required and recommended plugins used for Floret.
» Documentation: The instruction to use Floret theme.
Follow the steps below to learn how to install theme via FTP
Step 1: Login to your hosting space via an FTP software
Step 2: Unzip the Floret file and only use the extracted Floret folder
Step 3: Upload the extracted Floret folder into wp-content => Theme folder
Step 4: Activate the newly installed theme by going to Appearance => Themes and click on Activate button to activate theme
Follow the steps below to learn how to install theme via WordPress
Step 1: From backend, go to Appearances => Themes => Add New button, click on Upload button at the top of the page
Step 2: Click on Choose File to choose theme from your local computer, the file requirement is zip format. Press Install Now button to install theme.
Step 3: Wait for few seconds, the theme will be uploaded and extracted automatically by WordPress. After this process complete, you only need to press on Activate link under the message for successful installed theme.
Once you ativate Floret, you will receive notification message to install plugins. Follow the steps of Plugins Installation part below to learn how to do this
Step 1: Once you activate Floret theme, you will receive a notification message at the top of the screen that shows you which are required plugins and which are recommended plugins for theme.
Step 2: Click on Begin Install Plugins link under the message to go to Plugin’s list in which you can install and activate the required and recommended plugins. Tick on the box for plugins you wish to install => Click on Bulk Action to see drop-down list => Install => Apply button
Important: Required plugins are compulsory plugins to make Floret work.
Step 3: Wait for some seconds, after all of the plugin is installed, from Dashboard => Plugins, you will activate the plugins as you want.
By One-Click Demo, you are easy to set up a site the same as Floret's demo in seconds with all four home pages content
Important: Before installing demo, you need to make sure that Floret theme and required plugins are installed and activated successfully
From Dashboard => Floret Theme => Install Demos => Click on Install button with the demo you want to import, a popup will appear to ask if you want to continue installing the demo content. Click on OK button if you want to continue. Please wait for some seconds, once the installing process is completed, you will see the message Demo's Installed
After activating theme successfully, you can change some basic theme settings like site title, tagline, logo, favicon, footer,.....
To change your site title and tagline, from Dashboard => Settings => General, these parameters are critical for search engines.
To make your permalinks more SEO friendly, you can set custom permalinks structure. From Dashboard => Settings => Permalinks.
Now, you can change theme favicon and logo, footer by navigating to Theme Options section.
To change theme favicon and logo, from Dashboard => Floret Theme => Header, you will find the detail information in Header section of Theme Options.
To change theme footer and copyright, from Dashboard => Floret Theme => Footer, you will find the detail information in Footer section of Theme Options.
After installing Floret demo content successfully, you need to change the general information for the theme to make it step by step become your own website.
By theme options, you are allowed to tweak a theme’s global settings. You can change the logo, theme color, theme footer, copyright, blog page layout, and more...
From Dashboard => Floret Theme, you can change the global settings here.
Header section allows you to set up and change logo, header layout, and more.
.From Dashboard => Floret Theme => Header => click on Header Layout tab
From Dashboard => Floret Theme => Header => click on Logo tab
From Dashboard => Floret Theme => Header => click on Header Menu tab
To add the content for the panel, please choose “On” for “Show Panel Toggler”, then from Dashboard => Appearance => Widgets => drag & drop widgets to Panel Top/ Panel widget area.
Click on Save button to save any your change.
This section allows you to set the global settings for the footer and copyright section
From Dashboard => Floret Theme => Footer.
From Dashboard => Floret Theme => Footer => click on General tab
From Dashboard => Floret Theme => Footer => click on Footer Copyright tab
After choosing the copyright position, from Dashboard => Appearance => Widgets you will see the Copyright Left/ Copyright Right/ or Footer Copyright widget areas. Please drag & drop widgets to these widget areas.
Click on Save button to save any your change.
This section allows you to set up the global settings for your blog page as well as your single blog pages.
From Dashboard => Floret Theme => Blog.
From Dashboard => Floret Theme => Blog => click on Blog & Post Archives tab
From Dashboard => Floret Theme => Blog => click on Single Post tab
Click on Save button to save any your change.
From Dashboard => Floret Theme => Portfolio, you can config the global settings for portfolio page and the single portfolio project page.
From Dashboard => Floret Theme => Portfolio => click on Permalink tab, you can change the slug of the page single portfolio or page category portfolio.
From Dashboard => Floret Theme => Portfolio => click on Portfolio Archives tab, you will set the global settings for the portfolio category page.
From Dashboard => Floret Theme => Portfolio => click on Single Portfolio tab, you will set the global settings on the single portfolio page.
These are the global setting of the single portfolio page. However, you totally can change the settings in each single project page.
Click on Save button to save any your change.
From Dashboard => Floret Theme => Page Header
Click on Save button to save any your change.
From Dashboard => Floret Theme => Woocommerce => click on General tab
Click on Save button to save any your change.
Skin section helps you easy to change the general theme color, change the skin of header, footer, sidebar, portfolio and change the typography.
From Dashboard => Floret Theme => Skin => click on General tab
From Dashboard => Floret Theme => Skin => click on Typography tab => click on Add New Typography button to add new typography for new parts
From Dashboard => Floret Theme => Skin => click on 3. Header tab.
From Dashboard => Floret Theme => Skin => click on Footer tab.
From Dashboard => Floret Theme => Skin => click on Portfolio tab.
From Dashboard => Floret Theme => Skin => click on Custom CSS tab.
If you want more styles for your portfolio site, you can add the custom CSS in this field
This options allows you custom javascript for your site. It is optional.
From Dashboard => Floret Theme => Custom Javascript
This section allows you to import backup the homepage from the other site also using Floret or export the backup of this site.
From Dashboard => Floret Theme => Import & Export Options
This option allows you to install or uninstall demo content by some clicks.
From Dashboard => Floret Theme => Install Demos => Click on Install button at the homepage you want to use.
You can visit Demo Installation section to get the detail guide for this part.
This section guildes all the things you need to create for your Portfolio websites. Here you will learn how to create new posts, single portfolio projects and how to set up a homepage.
From Dashboard => Posts => Categories => click on Add New Category button, you will enter the name of categories. You can explore the extra useful information for categories at Wordpress Codex
From Dashboard => Posts => Add New
Title: Enter the post’s title and edit the post URL.
Content: Enter the post’s content.
Format: Select one of the ten Post Formats. Post formats is a value added to WordPress posts which allow theme developers to define the visual appearance of a post to help visitors can realize those posts are images or video or normal articles.
Categories: Choose Categories for the post.
Tags: Choose Tags or create new tags for the post.
Featured Images:Featured Image is like a post thumbnails. It is necessary to add featured image to each post. Click on Set Featured Image link to select an image from the library or upload an image from your local devices.
Pag Layout
You can decide the interface of blog post detail page with Left Sidebar, Right Sidebar, Full Width.
If you choose Left Sidebar or Right Sidebar layout, Choose a Custom Sidebar option will appear. Click on Choose a Custom Sidebar to select a sidebar from the list.
Page Header
If you choose “On” for “Custom Page Header” section, the settings for the page header will appear. Please follow the guide at Page Header Part to know how they works.
After all, click on Publish button.
From Dashboard => Portfolio => Categories => Enter the category’s name.
From Dashboard => Portfolio => Tags => Enter the tag’s name then click on Add New Tag button. You also can add the new tags while creating a new project.
From Dashboard => Portfolio => Add New
Enter the title for the project and edit the project URL.
Enter the project description.
Choose the categories for your project. You can select multiple categories for each project.
Enter the tag for the project.
Upload and edit the project gallery
Set image thumbnail for your project.
Page Header
If you choose “On” for “Custom Page Header” section, the settings for the page header will appear. Please follow the guide at Page Header Part to know how they works.
Portfolio Options
After all, click on Publish button.
Floret uses Woocommerce plugin to build up the product data and your shop. If you want more detail information, you can visit Woocommerce documentation.
From Dashboard => Products => Categories
With Woocommerce plugin, you can use a lot of feature to create a product. And in this theme, I will show you some basic features.
From Dashboard => Products => Add Product
Enter the product’s name.
Enter the product full description.
Product Settings: This section allows you to set up the product with Product Type, Virtual products or Downloadable products.
General Tab
Inventory Tab
Shipping Tab: This section will be hide if Virtual product is enabled.
Linked products Tab: You can set up related product, up-sells and cross-sell product. Please visit here to get more detail information.
Attributes Tab: Click on Add button to add the additional information for the product. You can learn more detail in Attribute function at here.
Advanced Tab: In this section, you can enable/ disable review function.
Enter the product short description
Product Reviews: Floret allows visitors to review product on the frontend, and admin can be easy to edit these reviews as well as reviewer’s information. Admin also can reply the review at the backend.
Select the product’s categories.
Add new tags for your products.
Set product image: Click on Set Product Image button to select an image from the library or upload an image from your computer.
Product Gallery: Click on Add product gallery image to upload product gallery for that product.
After all, click on Publish button to publish the product.
By default, WordPress sets blog page as a home page for your website. Almost of time, it is not what you want, so in this guide, you can learn how to create and set up a special homepage for your site.
From Dashboard => Pages => Add New
Enter the page title and edit the page URL.
Build up homepage content by using Visual Composer elements and Custom Floret Shortcodes.
Page Header
If you choose “On” for “Custom Page Header” section, the settings for the page header will appear. Please follow the guide at Page Header Part to know how they works.
Choose the page layout with right sidebar, left sidebar, full width or 100% width.
After all, click on Publish button
From Dashboard => Settings => Reading, you can set homepage by following the steps of the screenshot below.
In general, you need to know how to create a new menu, how to add special posts, categories, pages, or custom links to the menu, need to know about menu structure and menu location. Wordpress gives you quite detailed information to reach these. You can experience at Wordpress Codex
To create a menu, go to Appearance > Menus from the admin panel.
» In the upper left corner of your screen you will see two tabs: Edit Menus and Manage Locations.
» In Manage Locations tab you can assign menus to different locations: Top left primary menu, Top right primary menu, Top primary menu, Mobile menu. You can also assign the current menu to a location in Edit Menus tab, by scrolling down to the Menu Settings section.
» You can edit your menus in Edit Menus tab. When editing menus, you can click on the small triangle icon on each menu item to open a list of editable settings.
» You can edit your menus in Edit Menus tab. When editing menus, you can click on the small triangle icon on each menu item to open a list of editable settings.
» You are also easy to drag each item into the order you prefer by clicking the arrow on the right of the item to reveal additional configuration options
This section shows you the detail setting of each custom Floret shortcodes. It's very useful if you want to use shortcodes to build up your own webpage. Moreover, Ultimate Addons for Visual Composer is included in Floret theme, so you can use a ton of powerful elements to build up your page.
Post Grid shortcode supports you to show the post in the grid or masonry layout.
Grid Layout you can see
Blog Masonry Hightlight First Post you can see
Post Carousel shortcode helps you to display the posts in the carousel style.
Portfolio Grid shortcode helps to show the portfolio in the grid or masonry layout.
On the frontend you can see
Portfolio Special shortcode supports you to display the portfolio in a special layout like in our demo.
On the frontend you can see
Team shortcode supports introducing members of your team on the website, with the necessary information. You can create as many team members as you want.
h4>1. Team member Settings
Click on Edit icon to add the extra class for the Team shortcode.
Click on Edit icon to edit the settings of the member.
Click on Plus icon to add new members.
Click on Plus icon to add new elements.
On the frontend you can see
Testimonials shortcode supports you to add as many clients’ testimonials as you want, then show then in two nice layouts.
At the page settings, please add Testimonials shortcode => click on this plus icon to add new testimonials
After that, a popup will appear helps you to add a new testimonial
Continue clicking on the Plus icon above to add new testimonials
After add the new testimonials, please click on this “Edit” icon to choose the Testimonials layout
On the frontend you can see
Heading shortcode helps you easy to customize the block’s heading (the color, font size of title and subtitle).
Instagram shortcode helps you to show a gallery from your instagram account.
Coming Soon shortcode helps you be easy to create a nice coming soon page.
A WordPress Widgets are small blocks that perform a specific function. You can add widgets to sidebars/ widget areas to show on your web pages. At the screenshot above you can see widgets are on your left-hand side and the Widget Areas are on the right-hand side.
You can find more information about widget HERE
Widgets
Widget Areas/ Sidebars
Floret - Social Icons widget allows you adding any social network as you want
From Dashboard => Appearance => Widgets, you will drag and drop Floret - Social Icons to a widget area.
Firstly, please enter the title for the widget, then click on “Add New Network” button, you will see option as the image below
On the frontend you can see
Floret List allows you to show the list of blog posts in your sidebar or widget area.
From Dashboard => Appearance => Widgets, you will drag and drop Floret List widget to a widget area.
On the frontend you can see
Floret Module widget allows you to add one of these 2 modules: Advertising module, Instagram module.
From Dashboard => Appearance => Widgets, you will drag and drop Floret Module widget to a widget area.
With Instagram module, you are easy to show the image from an Instagram account
From Dashboard => Appearance => Widgets, you will drag and drop Floret Module widget to a widget area, then choose Instagram for Type option
On the frontend you can see
Advertising Module allows you to add advertising banner and insert a link into it
From Dashboard => Appearance => Widgets, you will drag and drop Floret Module widget to a widget area, then choose Advertising for Type option
1. What is sidebar/ widget area?
Sidebar/ Widget Areas display the information other than the main content of the webpage. A sidebar will include widgets which are configured by admin. In other word, widgets are only useful when they’re put into Sidebars/ Widget Areas.
2. Global Widget Areas
Global Widget Areas are Widget Areas displayed on all pages. In Floret theme, they are Footer Widget, Footer Copyright Left, Footer Copyright Right, Panel Top, Panel Bottom. You can enable/ disable Global widget areas at Theme options
3. Custom Widget Areas
You can create unlimited Widget Areas for your site at Custom Widget Area button and choose one of them is your sidebar
How to create new Widget AreaStep 1: From Dashboard => Appearance => Widgets.
Step 2: At Custom Widget Area field, enter the name of new sidebar (widget area).
4. How to add widgets into Widget areas