Fast - Modern WordPress Theme For Personal Blogging

Documentation

• February 26th 2016
• Latest Update: February 26th 2016
• By: CactusThemes
• Email: [email protected]

For support please checkout CACTUSTHEMES SUPPORT FORUM

THEME LAYOUT

GENERAL LAYOUT

HEADER LAYOUT

1. Header style 1
   
   
2. Header style 2
   
   
3. Header style 3
   
   
4. Header style 4
   
   

BLOG LAYOUT

1. Blog style 1
   
   
2. Blog style 2
   
   
3. Blog style 3
   
   

Installation

Note: You can install below optional plugins if needed. All have been tested and used on our demo page. If you want to install sample data, make sure you have installed all recommended plugins
Go to Plugins > Add New to install and activate plugins

INSTALL VIA WORDPRESS

1. Login to WordPress Admin
2. In the left menu panel go to Appearance > Themes > Add New to install theme, or Plugins > Add New > Upload to install plugins
3. Click Upload
4. Browse your download package to select installation files
5. Click Install Now button
6. Once it's uploaded, click the Activate link

INSTALL VIA FTP

1. Use your FTP software to browse to wp-content/themes folder to install theme or wp-content/plugins folder to install plugins
2. Extract the installation files to their corresponding folders, for example fast.zip to fast and upload to server
3. Once it's uploaded, go to your WordPress Admin, browse to Appearance > Themes or Plugins > Installed Plugins
4. Click the Activate link

Update

Use Envato WordPress Toolkit plugin if you would like to update theme automatically. Please note that it will only update theme. Related plugins must still be updated manually via uploading

To update new version, just download the theme and plugins from your Downloads Page on ThemeForest, deactivate and remove old theme and plugins, then uploading to install the new ones

INSTALL SAMPLE DATA

ONE + CLICK INSTALL

IMPORT MANUALLY

Menu Management

ASSIGN CURRENT MENUS

1. Go to Appearance > Menus
2. In the Manage Locations area, select a menu for in the dropdown box labeled Primary Menu, Secondary Menu or Footer Menu. Click Save

CREATE NEW MENUS

1. Go to to Appearance > Menus

2. Click Create a new menu. Enter a menu's name and click Create Menu

3. Check the menu item in the boxes in the left column, click Add to Menu to add items to the menu and drag/drop to arrange them.



4. If you would like to use this menu in navigation, in the Manage Locations area, assign your newly created menu to Primary Menu or Footer Menu. Click Save

5. Click Save Menu and that is all

MEGA MENU

LIST STYLE

List Style is the traditional dropdown-menu style.

1. Add Menu Level 0, Level 1... normally by using drag & drop
2. Click on a Menu Level 0 (Parent Level Menu ) item and select List Style in Menu Style selectbox (this selectbox is only displayed for Menu Level 0)
   
   
3. You can configure Display Logic option to control the appearance of this menu item
   • Always visible - Always display menu for Guests and Admin Users. It is visible
   • Only Visible to Guests - Menu is only displayed for Guests when they visit your website, but not displayed for Admin Users
   • Only Visible to Members - Menu is only displayed for User Members, but not displayed for Guests
4. "Click Save"

COLUMN STYLE

1. Column Style MUST HAVE Level 0, Level 1 (also called Heading of Column), and Level 2 menu items. 
   
   
2. Click on a Level 0 menu item and select Column Style in Menu Style (Menu Style is only displayed for Menu Level 0)
   
   
3. To put a widget into a column, (widget is only put into Level 1), prepare a sidebar to contain widgets first. It is recommended to use Custom Sidebar plugin to register new sidebar for this purpose. Then, drag widgets that you want to display ⁄ your menu to the new Sidebar.
   
   After widgets are set up, go back Menus and click on a Level 1 menu item. Choose sidebar in Display widgets area.
4. You can configure Display Logic option to control the appearance of this menu item
   • Always visible - Always display menu for Guests and Admin Users. It is visible
   • Only Visible to Guests - Menu is only displayed for Guests when they visit your website, but not displayed for Admin Users
   • Only Visible to Members - Menu is only displayed for User Members, but not displayed for Guests
5. "Click Save"

PREVIEW MODE

1. In this mode, menu only has 2 levels (Level 0 and Level 1). Level 1 MUST BE one of the following type: Categories, Tags, Posts, Pages and WooCommerce/JigoShop Product Categories
2. Click on Level 0 menu item and select Preview Mode in Menu Style (Menu Style is displayed for Menu Level 0)
   
   
3. You can configure Display Logic option to control the appearance of this menu item
   • Always visible - Always display menu for Guests and Admin Users. It is visible
   • Only Visible to Guests - Menu is only displayed for Guests when they visit your website, but not displayed for Admin Users
   • Only Visible to Members - Menu is only displayed for User Members, but not displayed for Guests
4. "Click Save"

HOW TO CREATE HOME PAGE

1. Create two new pages in WordPress (under Pages > Add new), and publish them 
   
   For the purpose of demonstration, we’ll call these “Home” (for the Front, or Home page) and “Blog”
2. Go to Settings > Reading Settings, and under “Front page displays”, click the radio button for A static page 
   
   Select “Welcome” in the first drop down (for Front page), and select “Blog” in the second one (for Posts page). Save the changes

Using Front-Page Template

1. Go to Pages > All Pages and edit "Home" page created in previous step
2. Choose "Front Page" in Template
   
   
3. Setup Front Page Setting as image below
   
   
4. Setup Post Grid Shortcode - Go to Appearance > Widgets > Body Top Sidebar, drag widget Text into this sidebar and enter Post Grid Shortcode to Content field
   
5. Setup Main Sidebar - Go to Appearance > Widgets > Main Sidebar, drag widgets as image below
   
   
6. Setup Access Press Twitters Slider - Go to Appearance > Widgets > Main Bottom Sidebar, drag widget Access Press Twitters Slider into this sidebar and configure as image below
   
   
7. Primary Menu, Secondary Menu, and Footer Menu, please see Create Menu
8. To configure Copyright Text, go to Appearance > Theme Options > General > Copyright Text
9. To configure Footer Sidebar, go to Appearance > Widget > Footer Sidebar > drag widgets into this sidebar
10. To configure Social Sharing button, go to Appearance > Theme Options > General > Social Sharing
11. To configure Search Box , go to Appearance > Theme Options > General > Top Search Box

WIDGETS

1. FAST - About Me Widget
   • Title - text - Title of widget
   • Avatar - URL - Image URL of author avatar
   • About me - texteditor - About me content
   
2. FAST - Latest Posts Widget
   • Title - text - Title of widget
   • Badge Text - text - Text of the badge. For example: hot
   • Badge Color - hexa - Color of the badge. For example: #FF0000
   • Number of items - text - Number of items
   
3. FAST - Latest Comments Widget
   • Title - Text - Title of widget
   • Number of Items - text - number of items
   
4. FAST - Social Accounts Widget
   • Title - Text - Title of widget
   • Facebook Profile URL - url - URL of Facebook Profile
   • Twitter Profile URL - url - URL of Twitter Profile
   • Google+ Profile URL - url - URL of Google+ Profile
   • YouTube Profile URL - url - URL of YouTube Profile
   • Tumblr Profile URL - url - URL of Tumblr Profile
   

THEME OPTIONS

GENERAL

1. Mega Menu: Enable MegaMenu feature
   
2. Top Search Box: Enable Search Box on top of the page
   
3. SEO - Echo Meta Tags:  By default, Fast generates its own SEO meta tags (for example: Facebook Meta Tags). If you are using another SEO plugin like YOAST or a Facebook plugin, you can turn off this option
   
4. Copyright Text: Appear in footer
   
5. Enable RTL mode: Support Right-To-Left language
   
6. Custom CSS: Enter custom CSS. Ex: .class{ font-size: 13px; }
   
   .class{ font-size: 13px; }
7. Custom Code: Enter custom code or JS code here. For example, enter Google Analytics
   
8. Logo Image: Upload your logo image
9. Retina Logo (optional): Retina logo should be two time bigger than the custom logo. Retina Logo is optional, use this setting if you want to strictly support retina devices.
10. Login Logo Image:Upload your Admin Login logo image
    
11. Scroll Effect: Enable Page Scroll Effect
    

THEME LAYOUT

1. Main color: Choose Main color
2. Header Layout: Choose header layout
3. Header Color: Choose color for header
4. Header Background: Choose header background image (for layout 3)
5. Header Height: Set header height (for layout 3)
6. Bottom Social Accounts: Show Social Accounts at bottom
7. Top Social Accounts: Show Social Accounts at top
8. Google Fonts: Use Google Fonts
9. Main Font Family: Enter font-family name here. Google Fonts are supported. For example, if you choose “Source Code Pro” Google Font with font weight 400, 500, and 600, enter “Source Code Pro:400,500,600”
10. Main Font Size: Select main font size
11. Secondary Font Family: Enter font-family name here. Google Fonts are supported. For example, if you choose “Source Code Pro” Google Font with font weight 400, 500, and 600, enter “Source Code Pro:400,500,600”
12. Secondary Font Size: Select secondary font size
13. Heading Font Family: Enter font-family name here. Google Fonts are supported. For example, if you choose “Source Code Pro” Google Font with font weight 400, 500, and 600, enter “Source Code Pro:400,500,600”
14. Heading Font Size: Select heading font size
15. Custom Font 1: Upload your own font and enter name “custom-font-1” in “Main Font Family” or “Heading Font Family” setting above
16. Custom Font 2: Upload your own font and enter name “custom-font-2” in “Main Font Family” or “Heading Font Family” setting above
17. Sticky Navigation: Enable sticky menu

ARCHIVE

1. Sidebar: choose Sidebar layout
2. Blog Layout: choose Blog Layout
3. Pagination: choose Pagination style

SINGLE POST

1. Show Social Widget Bar: Show Social Widget Bar
2. Show About Author: Show About Author section
3. Show Published Date: Show Published Date
4. Show Category: Show Category Name
5. Show Tags: Show Tags
6. Show Author: Show Author Name
7. Show Comment Count: Show Comment Count
8. Show Social Sharing: Show Social Sharing buttons
9. Show Posts Navigation : Show Posts Navigation buttons
10. Show Related Posts: Show Related Posts section
11. Related Posts By: Get related posts by categories or tags (random order)
12. Related Posts Count: Number of related posts - Default: 4

SINGLE PAGE

1. Default Page Header Height: Default height for page header layout 3
2. Enable Comments by default: Enable comments on single pages. This setting can be overridden in each page

PAGE NOT FOUND

1. Page Title: Title of page
2. Page Heading: Page heading
3. Page Sub-Heading: Sub-Heading text

SOCIAL ACCOUNTS

1. Facebook: Enter full link to your account (including http://)
2. Twitter: Enter full link to your account (including http://)
3. LinkedIn: Enter full link to your account (including http://)
4. Tumblr: Enter full link to your account (including http://)
5. Google Plus: Enter full link to your account (including http://)
6. Pinterest: Enter full link to your account (including http://)
7. YouTube: Enter full link to your account (including http://)
8. Flickr: Enter full link to your account (including http://)
9. Custom Social Account: Add more social accounts using Font Awesome icons
10. Open Social link in new tab?: Select turn ON/ turn OFF

SOCIAL SHARING

1. Facebook Share: Enable Facebook Share button
2. Twitter Share: Enable Twitter Share button
3. LinkedIn Share: Enable LinkedIn Share button
4. Tumblr Share: Enable Tumblr Share button
5. Google Plus Share: Enable Google+ Share button
6. Pinterest Share: Enable Pinterest Pin button
7. Email Share:Enable Email button
8. Flickr Share: Enable Flickr button

ADVERTISING

1. Google AdSense Publisher ID: Enter your Google AdSense Publisher ID
2. Top Ads - AdSense Ads Slot ID: If you want to display Adsense on Top, enter Google AdSense Ad Slot ID here. If left empty, "Top Ads - Custom Code" will be used
3. Top Ads - Custom Code: Enter custom code for Top Ads position

4. Before of content Ads - AdSense Ads Slot ID: If you want to display Adsense at before of content, enter Google AdSense Ad Slot ID here. If left empty, "Before of content Ads - Custom Code" will be used
5. Before of content Ads - Custom Code: Enter custom code for before of content Ads position

6. After of content Ads - AdSense Ads Slot ID: If you want to display Adsense on after of content, enter Google AdSense Ad Slot ID here. If left empty, "After of content Ads - Custom Code" will be used
7. After of content Ads - Custom Code: Enter custom code for after of content Ads position

8. Footer Ads - AdSense Ads Slot ID: If you want to display Adsense at Footer, enter Google AdSense Ad Slot ID here. If left empty, "Footer Ads - Custom Code" will be used
9. Footer Ads - Custom Code: Enter custom code for footer Ads position

FAST SHORTCODES

How to use Shortcodes

1. Option 1: Copy the shortcode sample from our document and paste that into Page or Post content, then enter needed values. See the description image below
   
   
   
2. Option 2: Insert shortcode to Classic Editor using Cactus-Shortcode Icon on the editor toolbar
   • Click the shortcode icon to open the window in which there is a list of shortcodes
     
     
   • Click a shortcode buton (for example: Post Grid shortcode), then enter needed values
     
     
   • Click OK to insert shortcode into the editor
     
     
3. Option 3: Use Backend Editor (Visual Composer)
   • Click Backend Editor
     
     
   • Click Add Element
     
     
   • Click a shortcode (for example: Post Grid shortcode), then enter needed values
     
     
     
     
     
   • Click Save Change to insert shortcode into the editor
     
     

POSTS GRID

Screenshot

Sample Code

Parameters

1. cats - mix - categories IDs/slugs list, separated by a comma. For example: 1, 2, 3 or cat-1, cat-2, cat-3
2. tags - mix - tags list, separated by a comma. For example: tag-1, tag-2, tag-3
3. ids - mix - Items IDs list, separated by a comma. If this parameter is used, cats and tags are ignored
4. condition - select - condition to query items
   • latest - order by published date
   • featured - only query “featured posts"
   • random - order randomly
   • title - order by title alphabetically
   • rating - order by rating value
   • input - order by ids list
5. order - select
   • asc - ascending
   • desc - descending
6. show_cat - yes/no - show category name

POSTS CLASSIC

Screenshot

Sample Code

Parameters

1. heading - text - heading text of the slider
   
2. count - number - number of items to query
   
3. cats - mix - categories IDs/slugs list, separated by a comma. For example: 1, 2, 3 or cat-1, cat-2, cat-3
4. tags - mix - tags list, separated by a comma. For example: tag-1, tag-2, tag-3
5. ids - mix - Items IDs list, separated by a comma. If this parameter is used, cats and tags are ignored
6. cats - ID/string - list of IDs or slugs of categories, separated by a comma. Ex. "1,2,3,4"
7. condition - select - condition to query items
   • latest - order by published date
   • featured - only query “featured posts"
   • random - order randomly
   • title - order by title alphabetically
   • rating - order by rating value
   • input - order by ids list
8. order - select
   
   • asc - ascending
   • desc - descending (default)
9. show_cat - yes/no - show category name
10. autoplay - yes/no - enable auto-play feature
11. speed - number - animation speed, in milliseconds. Default is 5000

POSTS SLIDER

Screenshot

Sample Code

Parameters

1. count - number - number of items to query
   
2. cats - mix - categories IDs/slugs list, separated by a comma. For example: 1, 2, 3 or cat-1, cat-2, cat-3
3. tags - mix - tags list, separated by a comma. For example: tag-1, tag-2, tag-3
4. ids - mix - Items IDs list, separated by a comma. If this parameter is used, cats and tags are ignored
5. cats - ID/string - list of IDs or slugs of categories, separated by a comma. Ex. "1,2,3,4"
6. condition - select - condition to query items
   • latest - order by published date
   • featured - only query “featured posts"
   • random - order randomly
   • title - order by title alphabetically
   • rating - order by rating value
   • input - order by ids list
7. order - select
   
   • asc - ascending
   • desc - descending (default)
8. show_cat - yes/no - show category name
9. autoplay - yes/no - enable auto-play feature
10. speed - number - animation speed, in milliseconds. Default is 5000

POSTS CAROUSEL

Screenshot

Sample Code

Parameters

1. count - number - number of items to query
   
2. cats - mix - categories IDs/slugs list, separated by a comma. For example: 1, 2, 3 or cat-1, cat-2, cat-3
3. tags - mix - tags list, separated by a comma. For example: tag-1, tag-2, tag-3
4. ids - mix - Items IDs list, separated by a comma. If this parameter is used, cats and tags are ignored
5. cats - ID/string - list of IDs or slugs of categories, separated by a comma. Ex. "1,2,3,4"
6. condition - select - condition to query items
   • latest - order by published date
   • featured - only query “featured posts"
   • random - order randomly
   • title - order by title alphabetically
   • rating - order by rating value
   • input - order by ids list
7. order - select
   
   • asc - ascending
   • desc - descending (default)
8. show_cat - yes/no - show category name
9. autoplay - yes/no - enable auto-play feature
10. speed - number - animation speed, in milliseconds. Default is 5000

IMAGE QUOTE

Screenshot

Sample Code

Parameters

1. image - url - URL of background image
2. max_height - number - Maximum height of background image, in pixels

IMAGE COLUMN

Screenshot

Sample Code

Parameters

1. ids - string - Lists of attachment Ids, separated by a comma. If ids is empty. attachments of current posts will be used

BUTTON

Screenshot

Sample Code

Parameters

1. url - url - URL to navigate
   
2. new_tab – Current Tab/ New Tab (0/1) - Open URL in new tab
3. icon – for example: fa fa-home
4. background color - hexa color - Background color of button
5. background color hover - hexa color - Background color of button when hover
6. text color - hexa color - Text color of button
7. text color hover - hexa color - Text color of button when hover

DROPCAP

Screenshot

Sample Code

ACCORDION / TOGGLE

ACCORDION and TOGGLE are only available in "Visual Composer" editor

1. Steps 1 and 2 , follow as the step to add Blog Shortcode by Visual Composer above
   
2. Step 3: Click Accorrdion Shortcode to insert a line
   
   
3. Step 4: Click "plus sign" icon to add contents into Accordion
   
   
4. Step 5: If contents are Text, choose Text Block Shortcode
   
   
   Then enter contents in Text Block Shortcode and save it
   
5. Step 6: After contents are fully added and saved, its result will appear as the image below
   
   

TOOLTIP

Screenshot

Sample Code

Parameters

1. title - string - Content to be appeared when text is hovered

CATEGORY PAGE

1. Go to Posts > Categories.
   
2. Users need to fill in the following parameters:
   • Name: The name is how it appears on your site
   • Slug: The “slug” is the URL-friendly version of the name. It is usually all lowercase and contains only letters, numbers, and hyphens
   • Parent: Categories, unlike tags, can have a hierarchy. You might have a Jazz category, and under that have children categories for Bebop and Big Band. Totally optional
   • Description: The description is not prominent by default; however, some themes may show it
   • Layout: choose layout for this category

PAGE

PAGE TEMPLATES

• Front Page - Used to create a posts-filtered page and controlable sidebar-layout. One example of this template is to create our Demo Frontpage

POST

POST FORMAT

GALLERY POST

1. Go to Posts > Add New
2. Choose Gallery in Format
   
   
   
   
3. Click Add Media > Create Gallery > Upload Files > Select files > choose image from your computer to upload and click Create a new gallery, continue uploading some images to create a Gallery album
   
   
   
   
4. If you want to insert gallery into post content, click Insert Gallery. If not, just close the popup. Images will only appear on header carousel 
   
   
   
   
5. Enter necessary information such as Title, Categories and tags,etc...then click Publish to save
   
   
   
   

OTHER SETTINGS

WIDGET CUSTOM VARIATION

In every widget, there is a textbox called Custom Variation. It is used when you want to customize the widget using custom CSS. The value entered in this textbox is added to the CSS class property of the widget box in front-end, then you can write CSS for this widget

WIDGET WIDTH

RTL & Translation

Licenses

• SmoothScroll - MIT license - https://github.com/galambalazs/smoothscroll-for-websites
• Font Smoothie - GPL - https://gist.github.com/letorbi/5177771/
• Isotope - http://isotope.metafizzy.co
• FlexSlider - MIT - https://www.woothemes.com/flexslider/
• Magnific Popup - MIT - http://dimsemenov.com/plugins/magnific-popup/
• MouseWheel - MIT - http://brandonaaron.net

Support

If you face any problems with the installation or customization of our product, please do not hesitate to contact us via our support ticket system:

http://ticket.cactusthemes.com/