Okay
  Print

Getting Started with Penamoo

First of all, thank you for buying this theme. To make your experience pleasant, we've added as much info as needed in this documentation.


Table of Content

Getting Started

Setup

Homepage

Portfolio

Pages


Installing the Theme

When you purchase a Penamoo license from ThemeForest & download the theme package, you will receive a zipped folder, please unzip it on your hard drive and you will see zipped file titled "penamoo.zip", this is the theme file you will upload to your WordPress site.

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.
  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.
  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.


Back to Top



Regenerate Thumbnail

If you are migrating from another theme, then upon activating Penamoo 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 Penamoo'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.


Back to Top



Install Recommended/Required Plugins

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

  • Advanced Custom Fields Pro

    We highly recommend you to install this plugin. It will allows you to create a complex page such as about, contact and pricing page. It also extend the features of portfolio page.

  • Jetpack

    You need to install this plugin to enable a unique Portfolio content type to help organize your portfolio projects in a special section of your dashboard.

  • Contact Form 7

    If you need a contact form, we recommend you to install this plugin.

  • Instagram Feed

    This plugin allows you to display your latest instagram photos.

How to 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.


Back to Top



Importing Demo Content

We have included the exported XML file from our demo, which allows you to quickly set up your theme with Penamoo demo content.

  • The XML file is included within the theme package inside the readme directory.
  • Find dummy-data.xml file.
  • Navigate to WP Admin > Tools > Import
  • Select and install WordPress Importer
  • Once its installed, select the XML file and upload it. It will take a few minutes to install and upload all content


Back to Top



Site Icon / Favicon

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.

How to Upload your Icon?

  • Select Appearance > Customizer
  • Choose Header > Site Title
  • You will see the Site Icon uploader.
  • Upload your icon at least 512px x 512px


Back to Top



By default, Penamoo styles the site title with pre-defined styles and displaysit as Text Logo. If you'd like to upload your custom logo for your site, please follow the steps below:

  • Select Appearance > Customizer
  • Choose Header > Logo
  • You will see the Logo uploader.
  • Upload your icon at least 150 x 50 pixels


Back to Top



Typography

By default, Penamoo uses Droid Serif and Open Sans font as default theme font family. But Penamoo provides an option to change it if you dont like them. It is easy to change it, please follow the steps below.

  • Select Appearance > Customizer
  • Choose Typography > Global
  • You will see the Typography switcher.
  • You can choose the primary font and secondary font family.


Back to Top



Penamoo 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 » Menus .
  2. To create a new custom menu, click the create a new menu link, give the menu a name, and click Save Menu button.
  3. You can add pages, categories or custom link's to the menu using the boxes at the left, add items to the menu and drag/drop to arrange them.
  4. And, be sure to select Primary Menu as the Theme Location before saving your menu.
  5. When you are done, click Save Menu


Back to Top



Custom Widgets

Penamoo comes with 2 custom widgets.

  1. Advertisement: Show your custom ads, adsense, amazon, etc easily.
  2. Tabbed Posts: Display tabbed featured and latest posts.

Sidebars

Penamoo provides 5 sidebar areas:

  1. Primary Sidebar: Main sidebar that appears on the right of your site.
  2. Footer(1, 2, 3, 4) Sidebar: Footer sidebars that appears on the bottom of your site.


Back to Top



RSS Feed

If you want to replace WordPress default rss url with something like Feedburner, Penamoo provide an option to change it.

Use the option

  • Select Appearance > Customizer
  • Choose General > RSS
  • Paste your custom rss url in the text box.


Back to Top



Hide Page Comments

If you dont need all Pages have a comment form, you can easily hide it. Please follow the steps below.

Use the option

  • Select Appearance > Customizer
  • Choose General > Comments
  • Switch the option to Off


Back to Top



Instagram

Penamoo smoothly integrate with Instgram Feed plugin to display your latest instagram photos. But first you should install the plugin to your site, please follow the steps on the Install Receommended/Required Plugins section. After that, please follow the steps below to show the instagram photos on the bottom of your site.

Use the option:

  • Select Appearance > Customizer
  • Choose General > Instagram
  • Fill in the text box.

To get the best result, please use this shortcode to display the Instagram photos

[instagram-feed num=8 showheader=false showbutton=false showfollow=false cols=4 imageres=auto imagepadding=0]


Back to Top



Promo Banner

Promo Banner is a 3 columns banner below the slider on home page, check this page to see it in action.

Use the option:

  • Select Appearance > Customizer
  • Choose General > Banner
  • You will see options to enable or disable the banners and option for uploading image and text for the banners.


Back to Top



Penamoo comes with option to customize the footer text. Feel free to remove our site link.

Use the option:

  • Select Appearance > Customizer
  • Choose General > Footer Text
  • Customize the text inside the textarea.


Back to Top



Newsletter and Social

You can allow your visitor to subscribe to your newsletter or follow your social network by enabling one of Penamoo's feature called Newsletter and Social.

Use the option:

  • Select Appearance > Customizer
  • Choose General > Newsletter and Social
  • There are a couple option you need to fill in.


Back to Top



Posts / Page Layouts

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

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

Setup the Layouts

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


Back to Top



Homepage Layouts

Penamoo provides 2 layouts for homepage, Standard and Masonry.

Layouts

  1. Standard Layout
  2. Masonry Layout

Use the option:

  • Select Appearance > Customizer
  • Choose Layouts > Home Page Layout
  • Choose the best layout for you.


Back to Top



Homepage Slider

Basically homepage slider is a list of featured posts. First you need to create new post tag or choose existing post tag, this tag will be the featured posts. After that please follow the steps below.

Setup the homepage slider:

  • Select Appearance > Customizer
  • Choose Layouts > Posts Slider
  • In the Select Tag option, choose the tag you want to use.


Back to Top



Setup Portfolio

First thing first, you have install Jetpack plugin to enable the Portfolio content type. Please read the Install Recommende/Required Plugins section.

Activating the Portfolio Content Type

In your site’s dashboard, go to Settings → Writing → Your Custom Content Types and make sure the "Portfolio Projects" option is checked.

While you’re here, you can also specify the maximum number of portfolio projects you want your site to display on portfolio archive pages in the field just below the "Portfolio Projects" checkbox. After you’ve enabled portfolio support, make sure to save your changes at the bottom of the page.

Adding and Managing Portfolio Projects

After the portfolio content type has been activated on your site, you can manage your projects under the new Portfolio menu item in the sidebar.


Back to Top



Portfolio Template

Penamoo comes with special page template to show your latest projects along with big and stunning featured project slider. Please check out this page to see it in action.

You can setup this page in three simple steps:

  1. Navigate to Pages → Add New
  2. Fill in the title, but leave the editor empty.
  3. Under Page Attributes switch the Template to Portfolio Template.


Back to Top



Featured portfolio slider is a big and stunning featured project slider on portfolio template. Please check out this page to see it in action.

You can setup this slider in three simple steps:

  1. Navigate to Appearance → Customizer
  2. Choose Layouts → Portfolio
  3. You can setup the slider there.

Please Note: while you creating the project you have to set the Project Tags, because the featured slider need the tag.


Back to Top



Gallery slider is a project gallery displayed on project page. Please check http://demo.hivipixel.com/penamoo/portfolio/me-with-my-camera/ to see how the gallery works.

You can setup this gallery in three simple steps:

  1. Navigate to Portfolio → Add New
  2. Scroll to the bottom of the Editor, you will see the Project Gallery metabox.
  3. Upload your project images there.

Please Note: you must install Advanced Custom Fields Pro plugin to see the metabox, please follow the Install Recommended/Required Plugins section.

Back to Top



Archives

Penamoo comes with optional Archives page template to display your website archives in different way. Please check the demo to see it in action.

Setup the page

  1. Navigate to Pages → Add New
  2. Fill in the title, but leave the editor empty.
  3. Under Page Attributes switch the Template to Archives Template.


Back to Top



Pricing

Penamoo comes with optional Pricing page template to display a custom pricing page. Please check the demo to see it in action.

Setup the page

  1. Navigate to Pages → Add New
  2. Fill in the title and the editor.
  3. Under Page Attributes switch the Template to Pricing Template.

Setup pricing table

Under the Editor, you will see a Pricing Table metabox, this metabox used to create the pricing table. First you only need to click the Add New Table button then you will see a couple text box like the picture above.

Please Note: you must install Advanced Custom Fields Pro plugin to see the metabox, please follow the Install Recommended/Required Plugins section.


Back to Top



Contact

Penamoo comes with optional Contact page template to display a custom contact page. Please check the demo to see it in action.

Setup the page

  1. Navigate to Pages → Add New
  2. Fill in the title.
  3. Under Page Attributes switch the Template to Contact Template.

Setup contact

Penamoo provides 3 custom metaboxes to setup the contact page, maps, address detail and contact form shortcode.

Maps

To show the maps, you only need to type in your address in text box, please see the image above.

Address Details

To add new address you only need to click the Add New Address button, the you will see a couple text box. Fill in the text box based on your address.

Contact Form Shortcode

We recommend you to install Contact form 7 plugin to show a contact form. After you created the contact form, paste the shortcode in the text box

Please Note: you must install Advanced Custom Fields Pro plugin to see the metabox, please follow the Install Recommended/Required Plugins section.


Back to Top



About

Penamoo comes with optional About page template to display a custom about page. Please check the demo to see it in action.

Setup the page

  1. Navigate to Pages → Add New
  2. Fill in the title and the editor.
  3. Under Page Attributes switch the Template to About Template.

Setup about page

Penamoo provides 2 custom metaboxes to setup the abiht page, Team Details and Team Members.

Team Details

This metabox is where you can add your team details and skills.

Team Members

This metabox is where you can add your team members, you can add member as much as you need.

Please Note: you must install Advanced Custom Fields Pro plugin to see the metabox, please follow the Install Recommended/Required Plugins section.


Back to Top