1. Documentation /
  2. Folio

Folio

Introduction

↑ Back to top

Welcome to the Folio theme documentation page. The Folio theme is a responsive and modern WordPress theme designed with photographers, designers, artists, and creatives in mind, but adaptable for all users. It’s simple yet elegant, allowing you to showcase your portfolio professionally on WordPress.com and WooCommerce.

Installation

↑ Back to top
  1. Log in to your WordPress dashboard, navigate to the “Appearance” tab and click on “Themes”.
  2. In the “Add New” section, search for “Folio”.
  3. Click on “Install” and then “Activate”.

WooCommerce Integration

↑ Back to top

To integrate WooCommerce with the Folio theme:

  1. From your WordPress dashboard, go to “Plugins” > “Add New”.
  2. Search for “WooCommerce” and click on “Install Now”.
  3. Once installed, click “Activate”.
  4. Follow the WooCommerce setup wizard to complete your store setup.

Importing Demo Content

↑ Back to top

To import the content that you see in the demo or to use that content as a starting point:

  1. After Installing and Activating Folio, click on the “Get Started with Folio”‘” link box that displays on the page.
  2. Click on the “Import Demo Content” button.
  3. Follow the on screen prompts to install the demo content, click “Start” to get started.
  4. Click “Import”.
  5. The import will take a few minutes to complete.

Customizing Folio

↑ Back to top

Site Identity

↑ Back to top

To customize your site identity and logo:

  1. Navigate to “Appearance” > “Editor” > “Template Parts” > “Header”.
  2. Here, you can modify your Site’s Logo, Title, and more.

Colors, Text Styles, and Layout

↑ Back to top

To customize the color scheme, text styles, and layout:

  1. Go to “Appearance” > “Editor” > “Templates”.
  2. Click within the main theme image here, which appears on the right side of the window.
  3. Click on the ‘Styles’ circle that appears on the upper right (see screenshot below).
  4. By clicking “Typography”, choose your desired fonts for usage throughout your site.
  5. By clicking “Colors”, choose your desired color palette and background image or color.
  6. By clicking “Layout”, you may revise or change the theme’s general block spacing, padding, and width settings.

Menus

↑ Back to top

The Folio theme has 2 areas that are registered as menus. The main menu area, which displays all the time, and the ‘flyout menu’ that displays when a user clicks on the two lines to open the flyout. To customize your menus:

  1. Go to “Appearance” > “Editor” > “Template Parts” > “Header” OR > “Flyout Menu”.
  2. Here, you can create and manage your site’s navigation menus.

Top Features

↑ Back to top

Portfolio

↑ Back to top

The Folio theme comes with a built-in portfolio feature that allows you to showcase your work in a beautiful, organized way. We’ve used standard WordPress posts as a way to display your art, design, photography, or even simple articles. Simply create Posts, add your work, use Blocks to spice up the way your work is displayed.

Block Styles

↑ Back to top

Choose from tons of different Blocks with Folio. Use everything from text blocks to image blocks, and everything in-between to truly spice up your work. See how we’re using Blocks here and here for Common blocks.

Full WooCommerce Support

↑ Back to top

The Folio theme integrates with WooCommerce seamlessly, ensuring consistency in design across your website and online store. Tailor your online store to match your branding with customizable shop layouts. Choose from a range of product display options to best showcase your goods.

Mobile Responsive Design

↑ Back to top

The Folio theme is designed to look great on all devices. It automatically adjusts to any screen size, ensuring a consistent user experience.

SEO Optimized

↑ Back to top

The Folio theme is coded with best SEO practices in mind. It’s fully compatible with popular SEO plugins, allowing you to optimize your site and content for search engines.

We hope you find the Folio theme documentation helpful. Enjoy creating with Folio!