Flowvin

Fowvin- One Page Vintage Wordpress Theme

Thank you very much for purchasing our theme. This document will guide you through the setup process of this theme. If you have questions about our theme that isn't covered in this documentation, please post your question here.

Download package contents

Content: 

Once you have downloaded and unzipped the Flowvin package you will be faced with a list of files and folders. An explanation of these is as follows. Any item not mentioned here should be ignored for the moment.

flowvin.theme.zip This is a zip archive of the theme.
Documentation This is the help documentation. To view simply open index.html found inside this folder
Child theme This folder included quickstart for child theme

Installing Theme

Content: 

Once you have downloaded the Flowvin package from Themeforest.net, there are 2 ways of installing this theme. These are as follows:

Method 1

  1. Unzip the download package using Winzip or equivalent.
  2. You will see another zip archive file inside called flowvin.theme.zip, unzip this file also using Winzip or equivalent software and using an FTP client (eg. Filezilla), upload its contents to your WordPress installation. You will need to place the folder into the following location: wp-content/themes
  3. Now inside your WordPress admin area, go to Appearance > Themes and there you will see the flowvin Theme.
  4. Click Activate to activate the theme. If you do not see the theme in this screen, you have done something incorrectly. Review the last few steps again.

Method 2

  1. Unzip the Flowvin download package. Once unzipped you will see a zip file named flowvin.theme.zip, this is a compressed version of the theme.
  2. Now inside your WordPresss admin area, go to Appearance > Themes > Add new > Upload theme
  3. Click browse and locate this flowvin.theme.zip file and upload it
  4. Now you will see the Flowvin theme in the Themes page.
  5. Click Activate to activate the theme. If you do not see the theme in this screen, you have done something incorrectly. Review the last few steps again.

After install theme, you will need to install some plugins, just click Begin installing plugins and active it.

Installation Video

Here is a link to an video showing the installation of the theme and the importing of demo content: #TODO

Importing Demo Content

Content: 

Some buyers like to install their theme and have it look exactly like the preview site. If this is something you would like to do, then follow the steps in this section. This step is optional so feel free to skip it. The subsequent sections will provide all the instructions you need to insert your own content manually.

The dummy content inserted in this step will not contain the beautiful images seen in the demo. These images cannot be included because they are commercial images, which we have purchased for theme demonstration only and we do not have a redistribution license for these assets.

  1. Install and activate the flowvin theme. (See section above)
  2. Go to the Flowvin options > Import Demo
  3. Click the large orange Import button once only.
  4. The theme will now import our demo content into you site. You might need to wait a few minutes.
  5. This importer will basically import posts, pages, comments, custom fields, categories, tags, sidebars, widgets, menus and all configuration from our preview content export file.

Theme installation errors

Content: 

Do not upload the Themeforest download package directly to your WordPresss site, because this will lead to errors. Make sure to Unzip this package and inside you will find the theme zip archive: flowvin.theme.zip. This is what you will need to upload to your WordPresss installation

Post & Page

Content: 

How to create new Post?

From the POST menu in the left-hand side of the Wordpress Dashboard, you select Post > Add New

  1. Enter your post title in the upper field
  2. Enter your post body content in the main post editing box below
  3. After that, In the Layout Setting box, you can choose 1 out of 3 Layout Templates listed below and then custom style / script as well if you want
  4. There are 7 available formats in Format pane for you to choose: Standard, Gallery, Audio, Link, Video, Image and Quote
  5. To add Post's category by clicking "Add New Category"
  6. Add Post's tags
  7. In the Add Media Box, you can upload images, video, audio, link and quote
  8. Choose gallery style that fits your need: Grid or Slider
  9. When you are ready, click Publish button

How to create new Pages?

In the Dashboard Sidebar, select Pages > Add New

  1. Add the page's name
  2. Select layout setting
  3. Add page's excerpt (Excerpts are optional hand-crafted summaries of your content that can be used in your theme)
  4. Note: You need to check "Excerpt" (click on Screen option at the top right of the page) so that it will display in the setting page

  5. Choose the template for each page.
  6. Finish by click on Publishbutton.

You can create so many pages as you want

For example: Creating Blog page


Menu / Navigation

Content: 

Flowvin theme contains only one menu location - Main Menu. In this section we will outline the steps involved in creating the menu for this theme.

  1. Go to Appearance > Menus in the main admin menu. At first you will probably need to add a menu, give it a name & click Create Menu. The new menu will appear in a tab in this location.
  2. Use the dialog boxes on the left hand side of the page to add items to your menu.
  3. Select the master page you created as well as all of the sub sections or child pages and click "Add to Menu".
  4. Now you can drag the newly inserted menu item to their correct sequence and rename their titles if required.
  5. Choose Theme locations - Main menu in Menu Settings
  6. Eding up by clicking on Save Menu button at the bottom


Create custom menus

Content: 

With wordpress, you can easily create a custom menu which usually use as a navigation menu of theme. In this section we will outline the steps involved in creating the menu for this theme

  • Go to Appearance > Menus in your dashboard.
  • To create a new menu, click the create a new menu link link, then just type in a Menu Name and click the Create Menu button
  • After you create your first menu, you will notice that two new options appear to control the following:
    • Auto add pages – If checked, new pages will be added automatically when you create them.
    • Theme locations – Allows you to decide where you would like your custom menu to appear in your theme.

  • Adding Sections: Here is available sections which have been created. You only need to easily adding sections to your menu by checking the proper checkbox for the sections you want and then click Add to menu button.

  • Change to your sections link and Navigation name
    • URL: We wants you to change our default domain to your domain, please see below image
    • Navigation Label – Enter your custom link text here. This overrides the default name of the menu item, replacing it with the name you give it instead.
    • Title Attributes – Adds custom hover text (a tooltip) and improves usability for impaired visitors using assisted devices.
    • Remove – Lets you delete the item from the menu completely.
    • Cancel – Allows you to cancel any changes you have made to it.

  • Adding Pages: After you have created pages in Dashboard > Pages > Add New which will show up in the list for insertion into your custom menu. Checking the proper checkbox for the pages you want and then click Add to menu button.

  • Adding Custom Links: Want a menu tab to link directly to another website ? Fill in your URL where you want to take someone when they click on it, add Link Text to specify name, and then click Add to Menu.

  • Adding Category Pages: Simply check the box of the categories you’d like to add, then click Add to Menu

  • Changing order and creating sub-menus:
    • To change the order and placement of menu items by dragging and dropping the items to change their order.
    • To create sub-menus or "drop-down" style menus, drag individual items to the right to "nest" them under a given parent tab. You can undo this by dragging them to the left.

Theme sections

Create About

Content: 

In About us section, you can also set the funfact section for the site

From the left-hand side of the Dashboard, select the About Us > Add New and you can start to follow steps in below screenshot to creat new About Section.

  • Step 1: Adding Title (this title will not display)
  • Step 2: Inserting Body/Description
  • Step 3: Uploading Feature Image
  • Step 4: Adding funfact
  • Step 5: Ending up by clicking on Publish button


  • Note: In Step 2, to style the body like our demo, you need to choose H5 tag for the beginning text of the body. Please look at this:

    Final view:


    Funfact:

Create Testimonial

Content: 

From the left-hand side of the Dashboard, select Testimonial > Add New

Create Product

Content: 

This section, where you can show off your portfolios, your products, your projects, will be displayed as in our demo

  • Step 1: Go to Product > Add New.Enter your Product title in the upper field
  • Step 2: Enter the body content in the main post editing box below
  • Step 3: There are 4 available product types: Simple Product, Grouped Product, External/Affiliate Product and Variable Product. However, you need to choose Simple Product
  • Step 4: Set the properties for product type you have choosen
  • Step 5: To add Product's category, click on "Add New Category"
  • Step 6: Add Product's tags
  • Step 7: Upload Product's gallery images
  • Step 8: Add custom fields for product. There are 3 default fields (tabs): Information/ Delivery/ Other. You can add more or leave blank if you want the information not to be displayed.
  • Step 9: Add product's short description
  • Step 10: Upload product's featured image
  • Step 11: When you are ready, click Publish button

Final view:

Click on the tilte for the full view:

Create Team

Content: 

You go to Team Members > Add new

  • Add Team member's name
  • Uploading their photo/avatar
  • Adding job/position
  • Adding some description or introduction
  • Adding their social accounts


Create Pricing Table

Content: 

Similarly, You go to Pricing Table > Add new and set the properties.

Create Service

Content: 

Continue still in the Service > Add new

  • Step 1: Inserting Title
  • Step 2: Upload Service Image
  • Step 3: Adding Service Number
  • Step 5: Ending up by clicking on Publishbutton.




Note: We provide you some default image sizes so that your uploaded images will display most beautifully (only apply for single image, not support gallery and post thumbnail)

Create Contact

Content: 

To create contact form, please use Contact Form 7. Then go to Theme option > WM Setting > Section > Contact and Select Form Contact. Ending by clicking on Save button.

Create Subscribe

Content: 

All you need to do is get the API key and activate the list in Theme options > Mailchimp and Save

Theme Setting

Content: 

To customise and style the site in your own way, all you need to do is just go to Fowvin Theme > Theme Settings, which stays on the left in Admin Dashboard. and follow some guidance bellow:

Typography Setting

Content: 

Custom text and typography in all pages here

Custom text and typography in all pages

  1. Custom Font Navigation Menu

  2. Custom Font Heading

  3. Custom Font Link Anchors

  4. Import any Font you want

Flowvin settings

Content: 

This section allows you to customise and style almost your site.

Basic Tabs

This section allows you to customise your site's skin and color. Here you can:

  • Customise your own favourite skin color.
  • Choose About us to be displayed at front page
  • Enable Preloader
  • Enable Language Switcher in Header region

Introduction Screen Tabs

This section allows you to customise Background Settings, Background Blog Settings, Logo, Logo Sticky and (Logo sticky) Image Size

Background Setting: We offer you 4 Background types:

  1. Static

  2. Rain

  3. Slider

  4. Video

Background Blog Settings: Customise Header region at Blog page. There are 2 options of Blog Background Intro for you to choose:

  1. Static

  2. Slider

Section Tabs

1 - The First

First, you can drag and drop to change section's order at Home page

2 - The Second

To customise each section, just click on it and change the settings:

  • Service Section: Flowvin Theme > Dashboard > Flowvin Setting > Section > Service

  • About Section: Flowvin Theme > Dashboard > Flowvin Setting > Section > About

    Header Setting

    Meet Our Team

    Contact Setting

  • Testimonial Section: Flowvin Theme > Dashboard > Flowvin Setting > Section > Testimonial

  • Funfact Section: Flowvin Theme > Dashboard > Flowvin Setting > Section > Funfact

    Header Setting

    Content Style 1

    Content Style 2

  • Team Section: Flowvin Theme > Dashboard > Flowvin Setting > Section > Team

    Header Setting

  • Twitter Section: Flowvin Theme > Dashboard > Flowvin Setting > Section > Twitter

  • Flower/Product Section: Flowvin Theme > Dashboard > Flowvin Setting > Section > Flower/Product

  • Pricing Section: Flowvin Theme > Dashboard > Flowvin Setting > Section > Pricing

    Header Setting

    Content Style 1

    Content Style 2

  • Lasted Post Section: Flowvin Theme > Dashboard > Flowvin Setting > Section > Lasted Post

  • Subscribe Section: Flowvin Theme > Dashboard > Flowvin Setting > Section > Subscribe

  • Address Section: Flowvin Theme > Dashboard > Flowvin Setting > Section > Address

  • Contact Section: Flowvin Theme > Dashboard > Flowvin Setting > Section > Contact

  • Logo & Favicon

    Content: 

    You can upload logo and favicon in Logo and General Basics tab

    1. Logo Upload

    2. Logo Sticky Upload

    3. Favicon Upload

    Layout Setting

    Content: 

    In Blog layout tab, you just choose one out of three default layout and then Save

    Mailchimp

    Content: 

    You can get API key here after log in

    Footer

    Content: 

    To change the copyright text, you go to Footer tab and edit the text

    Twitter

    Content: 

    To get the properties to fill in the requested boxes, you need to follow these steps:

    1. First, go to this page and log in if necessary.
    2. Follow the instruction to create Twitter Application.

    After creating the app successfully, just click on API Keys tab to get the API key and API secret to fill in Consumer Key and Consumer Secret. Next. you also need to create Access Token to get Access token and Access token secret to add into Access Token and Access Token Secret. User name is the text after twitter.com when you log in you twitter account

    Social

    Content: 

    We offer you 13 default social links, which display in the subscribe section of the theme. You can enable them, add their title/subtitle and add link

    Theme Customize

    Content: 

    It has been never easier for you to customise all your theme settings with live preview, just by going to Customise


    Theme Translation

    Translation Using POT File

    Content: 

    To translate the theme using the POT file do the following

    1. Create a po file for your language, for example de_DE.po
    2. Copy all text from provided theme pot file into your po file
    3. Edit the po file with poedit http://www.poedit.net/
    4. Create the mo file
    5. edit wp-config.php file in your installation and set WPLANG so it matches your languages: define('WPLANG', 'de_DE');
    6. The Theme should now display all messages in your language.
    BACKUP YOUR LANGUAGE PO/MO FILES
    Upon theme update, language files are NOT preserved.
    You will need to manually restore your po/mo files right after the update.

    Translation Using Plugin

    Content: 

    To translate any of language, you can download this plugin Codestyling Localization and see the documentation for instruction

    1. Description
    2. Installation
    3. Screenshots

    Translation WPML Plugin

    Content: 

    WPML Plugin makes it easy to build multilingual sites and run them.It’s powerful enough for corporate sites, yet simple for blogs. With WPML you can translate pages, posts, custom types, taxonomy, menus and even the theme’s texts. You can do the following WPML Document to build multilingual sites

    Now you will be guided more much detail about how to create multilingual sites on each of element of Flowvin Theme

    Configure WPML: After you have installed WPML plugin on the your site, you have to read this document

    Translate Menu: Following this document

    Please see following screenshot below to translate somethings you want and you can translate similar with others

    Tranlaste POST & PAGE



    About Section

    Service Section

    Theme Setup

    Content: 

    Before you start using the Flowvin Theme, a few setup steps are required. This section will walk you through these steps.

    1. Recommended Plugins
    2. Importing Demo Content

    Recommended Plugins

    Content: 

    For the best display of the theme, you also need to install two other plugins:

    General information

    Need help?

    Content: 

    If you need help with setting up the template, please post your question here. There are a few notes:

    • Before you ask a question please make sure to scan the menu and read the specific section of your question.
    • If it's a specific Wordpress plugin question, Google (or any other search engine) is your friend and probably a hundred times faster in replying.
    • If it's possible, please provide a link to your (demo) website so our stuff are able to quickly scan for possible issues.