While we have tried to keep an easy-to-use user interface, we understand that you might have some questions about installing and using our theme. Following is a detailed step-by-step guide to help you with most of the questions or issues that you may be experiencing.

Navigate Documentation

To help you quickly locate what you are looking for, we have created an extensive menu for this document at your right side. Please use it to navigate to the desired section.

Can't find what you need? Please contact us via email to [email protected]. We will respond in the shortest time possible.

When you download Portfolify, you will receive a zipped folder titled portfolify.zip. This file is the main theme file you have to install on your WordPress website.

There are two methods to install the theme. If the normal installation method (a) is not supported by your web host, you will have to use the alternate option (b).

a. Normal Installation

  1. Log into your WordPress admin panel and go to Appearance → Themes
  2. Click the Add New button at the top.
  3. Click the Upload Theme button at the top.
  4. Click the Choose File button and navigate to the location of the theme zip file portfolify.zip.
  5. Click Install Now to begin the installation.
  6. Wait for the success message, then click Activate.

b. FTP Installation (alternate method)

  1. Unzip the theme zip file portfolify.zip.
  2. Using an FTP client to access your host web server. Go to /wp-content/themes/ and place the theme folder inside it.
  3. Log in to your WordPress admin panel and go to Appearance → Themes
  4. Locate the theme thumbnail and click the Activate link.
After activation, you will be presented with several plugins that you have to activate. Do not forget to activate them all, it will enable all of the theme features.

Portfolify recommends a few plugins to extend it's functionality. These plugins can be installed automatically from the notification in WordPress Administration Panel (Dashboard). Although, Portfolify will work perfectly without any of these plugins, you may want to extend the theme's features with them.

Recommended Plugins

  • One-Click Demo Import

    To import content from our demo!

  • Beautimour Kit
    Strongly Recommended

    This plugin adds more great features to your theme such as sticky sidebar, cookie bar, pinterest pin it button, etc.

  • Be Shortcodes

    Be Shortcodes is a lightweight WordPress shortcodes plugin to easily add some nice elements to your posts or pages

  • Elementor
    Strongly Recommended

    This plugin will give you ability to create custom page with drag n drop and live preview!

  • Portfolio Post Type
    Strongly Recommended

    This plugin adds a custom Portfolio custom post type to allow you to publish your work.

Install the Plugins

  1. Log into your Dashboard page.
  2. Go to Appearance → Install Plugins.
  3. Click install link below the plugin you want to install.
  4. Activate them.

We have included Portfolify with one-click demo importer feature. You can easily import the content from our demo then you can edit it with your own content. But first please install all recommended plugins. Please take a look the Recommended Plugins section to read how to install the plugin.

After that please go to Appearance → Import Demo Data, then you can choose which demo you want to import to. Depending upon the number of content, images and server speed, the process may take long to complete.

You might to install them all, it will enable all of the theme features.

WordPress child theme allows you change the functionality of the theme without having to edit the original/parent theme template files. If you plan to making any customization, we recommend to create a child theme instead of editing the theme template files. Since the child theme is stored separately, you don't need to redo the changes next time you upgrade the theme.

Creating a Child Theme

There's a plugin you can use that will create a child theme from within the WordPress dashboard: http://wordpress.org/plugins/child-theme-configurator/ or you can download Portfolify blank child theme.

Download it here

More About Child Theme

You can read more about Child theme on WordPress Codex →

If you are migrating from another theme, then upon activating Portfolify you may find previously added images display strangely with weird aspect ratios and sizes. Don't worry. It is normal. The image thumbnails are required to be recreated using Portfolify's presets.

There is a very easy fix to this issue. Just install Force Regenerate Thumbnails plugin.

How To Use It?

  1. After you install it, go to Tools → Force Regenerate Thumbnails
  2. Click the Regenerate All Thumbnails button
  3. Depending upon the number of images and server speed, the process may take long to complete.
  4. After it done, you can deactivate and delete the plugin.

Beautimour Kit is Portfolify's core plugin to add more useful features to the theme. Features included:

  • Display post author social in post
  • Post social share
  • Sticky sidebar
  • Pinterest pin it button
  • EU Cookie Law bar
  • Custom signature to each post

It also turn on Extra Options tab in Customizer to control the features above.

Please install it by following the guide on Recommended Plugins section.

The Site Icon is used as a browser and app icon for your site. Icons must be square, and at least 512px wide and tall.

Upload your Icon

  • Select Appearance → Customizer
  • Choose Site Identity
  • You will see the Site Icon uploader.
  • Upload your icon at least 512 x 512 pixels

Portfolify also allow you to upload retina version of your logo. If you'd like to upload your custom logo for your site, please follow the steps below:

Upload your Logo

  • Select Appearance → Customizer
  • Choose Site Identity
  • You will see the Retina Logo uploader.
  • Upload your logo at least 400 x 52 pixels

Portfolify supports the custom menu function to allow you to setup your menus. You can set it through following steps.

Creating Menu

  1. Go to Appearance → Customize.
  2. Click the Menus tab.
  3. To create a new custom menu, click the Add a menu button, give the menu a name, and click Create Menu button.
  4. Please look at the Display Location, please choose between Primary Navigation, Mobile Navigation, Footer Navigation or Social Navigation to indicate the location of the menu.
  5. You can add pages, categories or custom link's to the menu by pressing the Add Items button.
  6. When you are done, click Save & Publish

Portfolify includes a Social Links Menu, where you can add links to your social media profiles. These will be displayed as text and logos in the footer:

Supported Social

The following services are supported by Portfolify’s Social Icons Menu:

  • Instagram
  • Facebook
  • Twitter
  • Medium
  • Youtube
  • Flickr
  • Google+
  • Dribbble
  • Behance
  • Reddit
  • RSS
  • Pinterest
  • Codepen
  • WordPress
  • Linkedin
  • Github
  • Vimeo
  • Snapchat

How To

  1. Go to Customizer → Menus.
  2. To create a new custom menu, click the create new menu button, give the menu a name, check the Social Navigation location, then click Next.
  3. Click the Add Items
  4. Choose Custom Links, then add your social profile links to it.
  5. When you are done, click Publish

Custom Widgets

Portfolify comes with 4 custom widgets to give you more flexibility to customize your site.

  1. Posts With Thumbnail: Display recent, popular or random posts along with thumbnail and post date.
  2. Facebook Like Box: Display your Facebook page like box.
  3. Twitter Timeline: Display an official Twitter Embedded timeline.
  4. Social: Display your social media icons.

Sidebars

Portfolify provides 3 sidebar areas:

  1. Primary Sidebar: Main sidebar that appears on the right of your site.
  2. Portfolio Sidebar: Main sidebar that appears on the portfolio page if you choose to show it.
  3. Footer Sidebar(1,2,3,4): The sidebar will appear at the bottom of your website.

By default, Portfolify uses Montserrat and Source Sans Pro font as default theme font family. But Portfolify provides an option to change it in case you dont like it. It is easy to change it, please follow the steps below.

The setting

  • Select Appearance → Customize
  • Choose Theme Options → Fonts
  • You will see the settings for each font

How to use it

Each setting have 2 setting Font name/style/sets and Font family , if you want to change the fonts you need to change both.

Please follow the example steps so you will understand how to use it. First please go to https://fonts.google.com/ then choose font you like by clicking the + button.

Then you will see a small popup window at the bottom, click it. You can customize the font style, for example you need a Regular and Bold style. Click the Customize tab then choose the style, please follow the image below.

After that back to the Embed tab. Copy the data, paste it to the Font name/style/sets and Font family setting in the Customizer. If you confuse, please take a look the 2 picture below

Portfolify provides 2 predefined colors you can choose for. A white and black skins.

Access the Option

  • Navigate to Appearance → Customize
  • Choose Theme Options → Colors
  • You will see the option to change the color.

Per Page/Post Basis Layout

You can setup the layout per post or page. This is done when you add or edit the post or page. There are 4 types layout you can choose

How to use it

  1. Assuming you're at the new post or page screen (Posts → Add New) or (Pages → Add New)
  2. After you create the post or page, scroll down and find Layout meta box.
  3. Choose the layout.

Layout Type

  1. Full Width: Display the content in a full width mode or without sidebar.
  2. Full Width Narrow: Display the content in a full width mode or without sidebar but with smaller width.
  3. Right Sidebar: Display the content with sidebar on the right.
  4. Left Sidebar: Display the content with sidebar on the left.

Blog Layouts

This blog layouts setting will applied to the home/blog page.

How to use it

  • Select Appearance → Customize
  • Choose Theme Options → Blog Layouts
  • You will see the option to change the layouts.

Portfolify provides Theme Options to give your more flexibility to customize the theme.

Access the Option

  • Navigate to Appearance → Customize
  • Choose Theme Options

Container layouts is a variation of the theme container. Portfolify provides 3 option to choose:

  1. Full Width
  2. Boxed
  3. Framed

How to Use it?

  • Select Appearance → Customize
  • Choose Theme Options → General
  • You will see the option to choose the container layouts.

This pagination will appear on blog/home, archive & search page. You can choose 2 type of pagination:

  1. Number
  2. Older / Newer
  3. Load More

How to Use it?

  • Select Appearance → Customize
  • Choose Theme Options → General
  • You will see the option to choose the pagination.

Portfolify comes with 3 header styles you can choose for, this styles can be easily changed via theme Customizer.

Access the Option

  • Navigate to Appearance → Customize
  • Choose Theme Options → Header
  • You will see the option to change the header style with live preview!

These options is to customize the single post. You might to move to the single post on Theme Customizer to see the changes with live preview.

Access the Option

  • Select Appearance → Customize
  • Choose Theme Options → Posts

These options is to customize the single page. You might to move to the single page on Theme Customizer to see the changes with live preview.

Access the Option

  • Select Appearance → Customize
  • Choose Theme Options → Pages

There are several options to customize the footer are. The options are:

  1. Background color
  2. Footer widget columns
  3. Footer text

Access the Option

  • Select Appearance → Customize
  • Choose Theme Options → Footer

Defaul Footer Text

© Copyright 2017 - <a href="https://beautimour.com/portfolify">Portfolify.</a>. All Rights Reserved. <br /> Designed & Developed by <a href="https://beautimour.com/">Beautimour</a>

Elementor is a page builder plugin that is fully integrated with Portfolify. After you install and activate it, there is a simple task you need to do.

  • Please go to Elementor → Settings
  • Find Disable Global Colors and Disable Global Fonts
  • Please check those two options to disable Elementor's default style, this will activate the built-in style from the theme.
  • After that click the Style tab.
  • Find Content Width replace with 1110.
  • Save changes.

If you are not familiar enough with Elementor please read their documentation https://docs.elementor.com/.

Please take a look at Portfolify demo page. We build 3 pages with Elementor:

  • Home page
  • About page
  • Contact page

We suggest you import our demo to your site, familiarize yourself with Elementor and try to edit the demo content before you setup your real site.

We provide one custom Elementor widgets to display your Projects from Portfolio Post Type plugin via Elementor page builder. You can see these custom widgets in General section of the Elementor editor.

If you receive a notification telling you that the theme has an update. Please re-download the theme and follow the guide below to update it on your WordPress website.

Update the Theme

To update the theme easily, first you need to install and activate "Easy Theme and Plugin Upgrades" plugin.

  • Navigate to Plugins → Add New
  • Search "Easy Theme and Plugin Upgrades"
  • Install and activate the plugin

After you install the plugin, you can install the theme as ussual. Please navigate to Installation documentation section, if you forget how to install the theme.

All of our themes include a language file to make translating to a different language easy. Inside the theme folder /wp-content/themes/themename/languages , you'll find a language file named themename.pot. Or in this theme file named portfolify.pot

Configure WordPress

Before translating the theme, you'll need to make sure WordPress is setup correctly with your locale. Open wp-config.php and modify the line below.

/**
 * WordPress Localized Language, defaults to English.
 *
 * Change this to localize WordPress. A corresponding MO file for the chosen
 * language must be installed to wp-content/languages. For example, install
 * de_DE.mo to wp-content/languages and set WPLANG to "de_DE" to enable German
 * language support.
 */
define( 'WPLANG', '' );

Translating the Theme

  1. Download and install Poedit.
  2. Open portfolify.pot in Poedit. Translate as needed.
  3. Save the file with the locale. For example, if you translate the theme to German language then you would save your files as de_DE.po.
  4. Copy both these files(de_DE.po and de_DE.mo) under the languages folder of portfolify.

Images

Images used in the demo are from Unsplash & Pexels.

Resources Used