Perfect Portfolio WordPress Theme Documentation

Thank you for choosing Perfect Portfolio theme!

We hope you’ll love this simple and elegant WordPress portfolio theme, designed especially for you to create a visually appealing website.

Our team created it with a lot of hard work and love. We want you to have a perfect website using our Perfect Portfolio.

Theme Demo:

Click here to Download the Demo File

We offer free one-click demo import for Perfect Portfolio. So, if you want to make your website exactly like the demo of the Perfect Portfolio Theme, you need to install Rara One Click Demo Import plugin, download the demo file, and follow this step by step guide.

About This Theme Documentation:

This documentation covers the installation, the usage, and the different settings available in the customizer of the theme.

The main goal of the documentation is to provide you the guidance and walk-through to set up the theme on your website in an easy-to-follow manner, while also introducing you to some of the features of the theme. So, we encourage you to go through this document and keep it handy for reference.

If you have any questions about the theme or need any kind of assistance with anything related to the theme, please feel free open a support ticket. Our support team will be happy to assist you.

In this documentation, first, we’ll make sure that everything is ready for the installation, then we’ll set up the theme, and cover some initial configuration and customization options.

If you need to learn more about how to use WordPress to grow your business, please visit our blog.

How to use this Documentation?

We recommend you to go through each step of the documentation to have a better understanding of the theme and its features.

However, if you are looking for a specific section, you can easily navigate using our table of contents given below.

If you want to find a specific keyword, hit “Ctrl+F” on your browser to start searching.

Requirements for Getting Started

Make sure Perfect Portfolio is compatible with your WordPress version.

Perfect Portfolio will work with 4.7 and above versions of WordPress.

However, for the best experience, added features, and updated security patches, we recommend you to update your WordPress to the latest version.

If you haven’t downloaded WordPress already, you can download it from the WordPress repository via https://wordpress.org/download/

Checklist for Getting Started:

  • Check WordPress Version and Update it.
  • Install and Activate Perfect Portfolio theme.
  • Install Necessary Plugins. Some functionality of the theme might not work if you do not install the recommended plugins.

Recommended Image Size (in px)

Single Blog Post (without sidebar) :  1400×700 px

Single Portfolio post ( without sidebar) : 1400×700 px

Single Page (with sidebar) : 1400×700 px

Single Blog post ( with sidebar) : 749×516 px

 

How to Check and Update the WordPress version:

  • Log in to the WordPress admin panel.
  • Go to Dashboard >Updates and update the theme if there is an update available.

How to Install and Activate Perfect Portfolio Theme

After you have the latest version of WordPress, save the downloaded Perfect Portfolio WordPress theme file (perfect-portfolio.zip) somewhere handy on your computer, as you will be using the included files for the rest of the installation process.

The Perfect Portfolio theme file includes:

A WordPress Theme Files (in .zip format) — This (perfect-portfolio.zip) is a compressed WordPress theme file containing all of the required templates, images, and icons required for the theme to function properly.

Note for Safari users (macOS): If you are using Safari to download the theme file, the file may unzip automatically. So, make sure your theme file is in .zip format. Here’s how to stop Safari from automatically unzipping your .zip file.

(GIF of installing the new theme is required here)

Now, to install and activate the theme follow these steps or the above gif:

  • Log in to WordPress Dashboard.
  • Go to Appearance > Themes
  • Click on Add New button.

 

  • Click on Upload Theme.

  • Click on “Browse…”, select the “perfect-portfolio.zip” file from your computer and click Open.
  • Click Install Now.

  • After the theme is installed, click on Activate to use the theme on your website.

Perfect portfolio Installation Guide

 

 

 

Recommended Plugins

You must install and activate the following plugins to get the best out of Perfect Portfolio theme.

RaraTheme Companion:

RaraTheme Companion is truly a must-have companion for your website. It provides 14 useful and frequently used widgets that you can add to the sidebars to create an engaging website.

How to Install Recommended Plugin:

  • Go to Appearance > Install Plugins

Plugin Installation documentation

 

  • Click “Install” to install the plugins.

  • Click “Activate” to activate the plugins.

Site Identity (Add Logo, Name, and Tagline on your website)

You can change the name and logo of your website here.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Site Identity
  • Click Select Logo and upload your logo.
  • Enter Site Title and Tagline.
  • Check Display Site Title and Tagline.
  • Click Select Image and upload Image for Site Icon (favicon).
  • Choose the Font for Site Title and Tagline
  • Click Publish.

Perfect Portfolio WordPress Theme Documentation - Site Identity

 

Home Page Setup

Configure the Home Page and Blog Page

  • Log in to WordPress Admin Panel.
  • Go to Appearance>Customize >Homepage Settings (Static Front Page in the earlier version of WordPress)
  • Select A static page under Your homepage displays.
  • If you are using this theme in a fresh WordPress installation, go to next point. If you are using this theme in an old WordPress, choose the page you want to set homepage as Homepage and choose the page you want to set as a blog page as Posts Page.
  • Click Publish.

About Section:

  • Go to Appearance > Customize > Frontpage Settings> About Section
  • Click on Add Widget
  • Add ” Rara: Icon Text” Widget. Enter Title and description of the section. Upload an image with Upload Image button or choose an icon for the section. Enter Readmore text and Read more link.

  • Click Done 
  • Click Publish

 

Gallery Section

Note: Before you start with the section, make sure you have added portfolios.

  • Go to Appearance > Customize > Frontpage Settings> Gallery Section
  • Enable Gallery Section ( Blue is enabled) for it show on your homepage.
  • Choose the number of latest portfolios to display on the Gallery Section of the homepage.
  • Enter View more label Text.
  • Click Publish.

Services Section

  • Go to Appearance > Customize > Frontpage Settings> Services Section
  • Click on Add Widget
  • Add ” Rara: Icon Text” Widget. Enter Title and description of the section. Upload an image with Upload Image button or choose an icon for the section. Enter Readmore text and Read more link.

 

  • Click Done 
  • Click on Add a widget to add more widget. ( You add the services in multiple of three to maintain  the design)
  • Click Publish.

 

Call to Action Section

  • Go to Appearance > Customize > Frontpage Settings> Call to Action Widget
  • Click on Add Widget.

  • Add “Rara: Call To Action widget”.
  • Enter the title and description. Choose the number of call to action buttons. Enter Button Label and Button Link. Choose the button alignment. Select a background color or upload a background image. Click Done.
  • Click Publish.

Blog Section (HomePage)

Note: Before you start with this section make sure you have created blog posts.

  • Go to Appearance > Customize > Frontpage Settings> Blog Section
  • Enable Blog section to display it on the homepage.
  • Enter the Blog title.
  • Enter View all Label Text
  • Click Publish.

 

Appearance Settings

Typography Settings

  • Go to Appearance > Customize >Appearance Settings> Typography Setting
  • Select the primary Font of the site
  • Click Publish when you are satisfied.

Background Image

You can change the background image from this panel.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Appearance Settings > Background Image
  • Click on “Select image” tab to add a background image from your computer.

  • Click Publish.

Colors

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize >Appearance Settings> Colors
  • Click on “Select Color” and pick a color to change the color of the desired location.
  • Click Publish when you are satisfied.

Layout Settings :

Blog Layout

  • Got to Appearance> Customize>Layout Settings> Blog Layout 
  • Choose a layout for your blog listing page.
  • Click Publish. 

General Sidebar Layout

  • Got to Appearance> Customize>Layout Settings> General Sidebar Layout 
  • Choose your Page sidebar layout and Post sidebar layout.
  • Click Publish. 

Header Settings

  • Go to Appearance > Customize >General Settings>Header Settings
  • Enable Cart to show cart in the header section.
  • Enable Header Search to show search button in the header.
  • Enter Menu description
  • Click Publish.

Social Settings :

  • Go to Appearance > Customize >General Settings>Social Settings
  • Enable Social links to show social media links in the header section.
  • Click Add news links to add social media links to the header.
  • Click Publish.

SEO Settings

  • Go to Appearance > Customize >General Settings>SEO Settings 
  • Click Publish.

Posts and Pages Settings

  • Go to Appearance > Customize >General Settings> Posts and Pages Settings 
  • Enter Blog Description
  • Enter Popular Posts section Title
  • Enter Related Posts section Title
  • Enable Show Featured Image to show featured image in a post detail (single page).
  • Click Publish.

Navigation Menus (Create and Edit Menu)

You can create navigation menu from Customizer or from Dashboard.

Create a New Menu from Customizer

  • Log in to your WordPress Dashboard.
  • Go to Appearance > Customize> Menus in the WordPress Dashboard.

  • Click on Create a New menu button.
  • Give a name to your menu and select the Menu Location as Primary. If you plan to use the widget, you can skip this for now and create a menu from Appearance > Widgets.
  • Click Next.

  • Click “Add Items” to add items (pages, posts, categories, custom links…) to the Menu
    Click “+” icon on the items list to add the item to the menu.
  • Drag and Drop the added items to rearrange them.
  • Click Publish.

Create Menu from Dashboard

  • Login to your WordPress Dashboard.
  • Go to Appearance > Menus in the WordPress Dashboard.

  • Click on “create a new menu”.

  • Give a name to your menu in Menu Name and click Create Menu button.

  • Select the items from Pages, Posts, Custom Links, or Categories and click “Add to Menu”.

  • Drag and Drop the added items to rearrange them.
  • Check the Menu location to Primary.
  • Click Save Menu.

Widgets

You can add the widgets to the sidebar in two ways – via Dashboard and Customizer.

Adding Widgets via Customizer

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize > Widgets
  • Make sure you are on the page you want to add widgets to.
  • Click on the desired location: Sidebar or Footer (where you want to add widgets)
  • Click on Add a Widget to add widgets.
  • Select desired Widgets and give a title to the widget.
  • Click Add a Widget to add more widgets in the sidebar.
  • Drag and reorder the widget as desired.
  • Click Publish.

Adding Widgets via Dashboard

  • Login to your WordPress Dashboard.
  • Go to Appearance > Widgets
  • Available widgets are listed on the left-hand side while Sidebars and footer are listed on the right side.
  • Drag and drop the widgets to the desired sidebars. Or, click on the widget and select the sidebar you want to add the widget to.

Remove  Widget

  • Go to Appearance> Customize>Widget
  • Click the desired Widget Area ( Right Sidebar, Footer One, Footer Two etc)
  • Click the widget you want to delete and click delete.
  • Click Save Changes.
    widget-td.jpg

Footer Settings

The theme allows you to add your own desired credit or copyright text in the footer area of the page. To do this:

  • Log in to your WordPress Dashboard.
  • Go to Appearance > Customize > Footer Settings
  • Enter your text in the provided space.
  • Click Publish when satisfied.

 

Create a New Page

  • Go to Pages > Add New.
    Add Page
  • Enter the Page Title for the Page
  • Write the required Text in the content section
  • Select the Default Template from the Page Attributes section
  • Click Publish.
    new-page

Create a Portfolio Page

  • Go to Pages > Add New.
    Add Page
  • Enter the Page Title for the Page
  • Select the Portfolio Template from the Page Attributes section
  • Click Publish.

Add a New Portfolio

  1. Go to Portfolios>Add new.
  2. Give a title and fill it with content
  3. Upload a featured image by clicking on Set Featured Image on the right sidebar of the screen.
  4. Click Publish.

Add a New Post

  1. Go to Posts>Add new.
    Posts-add-new
  2. Select the post format on the right sidebar.
  3. Give a title and fill it with content
  4. Upload a featured image by clicking on Set Featured Image on the right sidebar of the screen.
    set feature image
  5. Click Publish

Additional CSS

You can add extra CSS codes here to customize the appearance and layout of your site.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Additional CSS
  • Enter your code.
  • Click Publish when you are done.

Note:

When using a keyboard to navigate:

  • In the editing area, the Tab key enters a tab character.
  • To move away from this area, press the Esc key followed by the Tab key.
  • Screen reader users: when in forms mode, you may need to press the escape key twice.

The edit field automatically highlights code syntax. You can disable this in your user profile(opens in a new window) to work in plain text mode.

Useful Tips

  • We highly recommend using Child Theme if you need to change the code of the theme. Do not change the codes in the files of the parent theme as all such changes will be lost when the theme is updated. You can create a child theme using a plugin or manually by following the official guide.
  • Always keep a BackUp of your theme before making any changes to the theme.
  • If you get any problem in using the theme, you can do the following things:
  • Deactivate the plugins, sometimes plugin conflict may cause issues with the theme. Please deactivate the unused plugins.
  • Replace the latest modified code with the original code.
  • If the issue pertains, feel free to contact us using our Support Ticket.

 

Get all our 26 premium themes worth $1794 at just $99! Limited time offer.Get IT NOW!
+ +

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close