Table of Contents
- Installation
- Custom Menu
- Custom Header
- Custom Background
- Specific Post/Page Layout Setting
- Additional CSS
- How to Disable Page Comments
- Layout Options Pro
- Header Options
- Slider Options Pro
- Social Profiles
- My Info
- Excerpt Options Pro
- Scheme Color Pro
- Elements Color Pro
- Font Color Pro
- Font Family Pro
- Font Size Pro
- Footer Options
“FolioPress” Minimal Multi-Purpose Portfolio WordPress ThemeTheme Instruction
Thank you for using our theme. If you have any questions that are beyond the scope of this following instructions, please feel free to post your queries via our support forum. Thank you so much!
Installation
a) Through Dashboard
- Log in to the WordPress dashboard.
- Go to Appearance > Themes.
- Click on Add New button
- Search for FolioPress
- And for FolioPress Pro click on Upload Theme button at the top.
- Click on Install button and for FolioPress Pro choose the zip file of
FolioPress Pro then click on Install Now and activate it.
b) Manual Installation using FTP
- Download the FolioPress/FolioPress Pro theme.
- Unzip foliopress.zip to your desktop.
- Using an FTP client to access your host web server. Go to /wp-content/themes/.
- Upload FolioPress/FolioPress Pro theme to /wp-content/themes/.
- Go to Appearance > Themes and activate FolioPress/FolioPress Pro theme
from Dashboard.
Custom Menus
This theme supports Custom Menu. You can set it through the following steps.
- Go to Appearance > Menus.
- Give your menu a name and build it up using little widgets on the right.
- You can add Pages, Posts, Custom Links, Categories and Format.
- Now simply select the Display Location to Primary Navigation for your newly created menus using a widget on the left. Afterwards, click Save.
See Menu Help for more information.
Custom Header Back to Top
This theme supports Custom Header Feature. From this option you can set image in the header.
- Go to Appearance > Customize > Header Image.
- Click on Add New Image button to select the image.
- Click on Select and Crop button.
- Crop the image according to your wish and click on Crop Image button.
- Click on Crop and Publish button then click on Save & Publishbutton.
Custom Background Back to Top
This theme supports Custom Background Feature. From this option you can set image for your background.
- Go to Appearance > Customize > Background Image.
- Click on Select Image button.
- After that select the image from your media library and click on Choose button.
- Then click on Save & Publish button.
- You can see the preview on the same setting page as well.
- Click on Save & Publish button.
Note: The background effect will only seen if you set the Layout Options > Site Layout option to Boxed instead of Fluid.
Specific Post/Page Layout Setting Back to Top
This theme allows you to choose the specific layout for every post and every page display. To set the layout for Post/Page follow the steps give below.
- Go to Posts/Pages > All Posts/All Pages.
- Click on any Post/Page.
- You will see a box named Select layout for this specific Post only. in belower part of the text editor box. If you don’t find it, click on the Screen Options in the right top part and check on the Select layout for this specific Post only to show its option.
- If you select Default Layout Set in Customizer option, the layout set in Layout Options > Content Layout, will be the layout for this post as well.
- You can select from No Sidebar, No Sidebar, Full Width, Left Sidebar and Right Sidebar to be this post’s specific layout and click on Update button.
Additional CSS Back to Top
If you want to add/edit some CSS, you can follow the instructions below, your custom CSS will overwrite the theme’s CSS.
- Go to Appearance > Customize > Additional CSS.
- Write your Custom CSS there and click on Save & Publish button.
How to Disable Page Comments Back to Top
- Go to the specific page on which you want to turn off the comments from dashboard.
- Look for the Discussion box somewhere below the editor box.
- If you don’t find it, click on the Screen Options in the right top part and check on the Discussion box and then discussion box will appear below the page editor.
- Uncheck the Allow Comments box in the Discussion box and click on Update button.
Layout Options Back to Top
From this options you can set Site Layout, Content Layout and Post Layout.
To set it go to Appearance > Customize > Layout.
a) Site Layout
From this option you can set Fluid or boxed layout for your site.
b) Content Layout
Every Page/Post that don’t have their specific layout will follow this default layout. Archives (i.e. category pages) will also follow this default layout.
You can select any of this layout Right Sidebar, Left Sidebar, No Sidebar and No Sidebar Full Width for your Page/Post as a default layout.
c) Post Layout
From this option you can set post layout (Blog) to List or Grid.
Grid Layout OptionPro
If you choose Grid Layout you will see the below options as shown in the image below:
You can Show Featured Image on Page/Single Post with height adjust, Set Post Grid Column, Post Grid Height, Post Grid Gutter and also set Post Grid Fluid.
Header Options Back to Top
From this options you can set Post/Page Title Background Image and Display Site Title.
To set it go to Appearance > Customize > Header.
a) Hide Search
From this option you can hide the search icon from the navigation of the header.
b) Navigation Fixed
From this option you can stick the navigation bar at the top.
c) Navigation Section Fluid
From this option you can fluid the navigation section container. This option is visible only if the site layout is set to fluid
Slider Options Pro Back to Top
From this options you can set Slider.
To set it go to Appearance > Customize > Slider Options.
a) Slider Settings Pro
From this options you can change the slider settings.
You can Fluid Slider, show the Slider Status to Homepage/Frontpage or All Pages, adjust Slider Height, ON/OFF Slider Content, set Number of Slides, Transitions Effect/Delay/Duration.
You will see the below options as shown in the image below:
a) Slider Type Pro
From this options you can select the Slider Type and set the Slide.
Post/Page Slider
You will see the below options as shown in the image below:
- From this option you can set the slider via post/page ID.
- You can also Exclude the set slider post from the Homepage posts (Blog Page)
- Now just Add the Post/Page ID. If you need more slide for slider just go back to Slider Settings where you can see Number of Slides option to enter the number that you need to slide then click on plubish button and refresh the page. Now you can see more slide option to add the Post/Page ID on your Slider.
Image Slider
You will see the below options as shown in the image below:
- From this option you can set the Image Slider.
- First select Slide Image, Add Redirect Link, Enter Title and Short Description accordingly to all of the slides.
- If you need more slide for slider just go back to Slider Settings where you can see Number of Slides option to enter the number that you need to slide then click on plubish button and refresh the page. Now you can see more slide option to add into your Image Slider.
Social Profiles Back to Top
From this options you can set the Social Profiles which is visiable in My Info section as well as in the Footer section.
To set it go to Appearance > Customize > Social Proflies. Add the full link to your Social Profiles in the textarea field. Seperate each Social Profile link with comma.
My InfoBack to Top
From this options you can set your Info which will be only visiable in Post (Blog) Layout.
To set it go to Appearance > Customize > My Info.
Add the Title, Description and Photo accordingly.
If you have set the Social Profiles then you will see this option to hide it as well.
Excerpt Options Pro Back to Top
From this options you can set the Excerpt Length.
To set it go to Appearance > Customize > Excerpt you will see the below options.
- To set the Excerpt Length type the digit value in Excerpt Length field.
- To set the button text type the text in Post Excerpt Button Text field and click on Save & Publish button.
Scheme Color Pro Back to Top
From this options you can set the Scheme Color of the theme.
To set it go to Appearance > Customize > Color > Scheme Color then you will see the same like below list of options.
- Select the color option from the Color Skin dropdown.
- To set the different color individually for different section just click on Select Color button and you will see the color palette where you can select any color you like and click on Save & Publish button.
- To set the color to default color just click on the Default button right to the Current Color button.
Elements Color Pro Back to Top
From this options you can set the color for different sections.
To set it go to Appearance > Customize > Color > Elements Color you will see the same like below list of options.
- Click on Select Color button and you will see the color palette where you can select any color you like and then click on Save & Publish button.
- To set the color to default color just click on the Default button right to the Current Color button.
Font Color Pro Back to Top
From this option you can set font color for different sections.
To set it go to Appearance > Customize > Colors > Font Color you will see the same like below list of options.
- Click on Select Color button and you will see the color palette where you can select any color you like and then click on Save & Publish button.
- To set the color to default color just click on the Default button right to the Current Color button.
Font Family Pro Back to Top
You can set Font Family from below options.
From this option you can set font family for All Title and Headings/Titles and Content.
To set it go to Appearance > Customize > Typography > Font Family you will see same like below options.
Click on dropdown option to select between 700+ Google Fonts.
Font Size Pro Back to Top
You can set Font Size from below options.
From this option you can set font size for different sections.
To set it go to Appearance > Customize > Typography > Font Size you will see the same like below list of options.
Click on dropdown option to select font size for different sections.
Footer Options Back to Top
From this options you can Hide Social Profiles, Display Footer Info at center and set Footer Fluid.
To set it go to Appearance > Customize > Footer.
a) Hide Social Profiles
From this option you can hide the Social Profiles from the footer if you have set the Social Profiles then you will see this option to hide it.
b) Display Footer Info at center
From this option you can align the footer content to the center.
c) Footer Fluid
From this option you can fluid the footer section container. This option is visible only if the site layout is set to fluid
If you upgrade to Pro version of FolioPress theme you will see the below options as shown in the image below: Pro
You can select Widget Column, Hide footer info’s as well as Edit whole Footer content.