Before we dive in, I want to thank and congratulate you on purchasing one of my items. I truly appreciate your support and I'll do my best to provide you with an outstanding service.
Let's go over the minimum requirements that you will need in order to have a fully functional site using this theme running in no time.
WordPress provides a fully comprehensive and in depth guide to installation on their codex site.
So instead of going over what's already been outlined there, I will simply point you in the direction of the Famous 5 Minute Install.
If you have little or no knowledge of how WordPress works please take some time to familiarize yourself with the framework.
After purchasing the theme, if you chose to download "All files & documentation" your theme folder should have the following files contained within it.
- Available Files
- Documentation (folder with this help file)
- PSD (folder with design source files)
- Licensing (folder)
- Samples (folder)
If you chose to download "Installable WordPress file only" you should have the peter.zip archive by itself, which is ready to be installed via the dashboard.
Making Custom Changes
The main package comes with a child theme (peter-child.zip) that inherits the look and functionality of the main theme. A child theme is the safest and easiest way to modify an existing theme, whether you want to make a few tiny changes or extensive changes. Instead of modifying the theme files directly, you should use a child theme.
If updates will be available (which might be important for security or functionality) and you decide to update the theme you should know your file changes are safe in the child theme. Speed up development time and be smart about it from the beginning.
The child theme must be installed after the main theme installation.
Install via Dashboard
Once you have logged into your WordPress Dashboard, navigate to Appearance > Themes. Click on the Add New button and then from the available options select upload. Navigate to where your files are stored locally and select the peter.zip file then Install Theme.
If the theme was installed successfully you should be met with notifications regarding installing plugins and activating the theme.
Do not use the main ZIP file (which contains Documentation and Samples) - use the installable peter.zip only, otherwise the whole process will fail with a message: "Broken theme and/or stylesheet is missing".
Install via FTP
To install the theme via FTP you will need to unzip the theme archive (peter.zip) somewhere onto your machine. We will assume you have a working FTP program with login credentials as one is needed to install WordPress.
WordPress places it's themes within the /wp-content/themes/ folder. Navigate to this folder within your install and then place the peter folder within it. You will know this is the correct folder as the default WordPress themes (Twenty Sixteen, Twenty Fifteen) will be here as well.
Once the folder has been uploaded, in your WordPress Dashboard navigate to Appearance > Themes and activate the theme.
Once the theme has been installed successfully you will be prompted to install the plugins available with the theme and some that are recommended. Click on "Install Plugins" to get started.
Peter Core is the required plugin that MUST be installed. While the remainder of the plugins are not required, I recommend you install them as well.
- WooCommerce — powerful, extendable eCommerce plugin that helps you sell anything
- Contact Form 7 — manage multiple AJAX based contact forms
- Responsive Lightbox — gives the ability to view larger versions of images and galleries in a lightbox (overlay) effect optimized for mobile devices
- Simple Page Sidebars — gives the ability to assign custom sidebars to individual pages
Theme support cannot be offered for external plugins (even if they are recommended). If you notice any compatibility issue please let me know — I'll investigate it and do my best to offer suggestions.
Demo Content (Optional)
If this is your first time using WordPress I strongly recommend you import the demo content. Importing the demo content will bring in all the posts, pages, menus, widgets and theme options from the demo, into your site.
To import the demo content navigate to Appearance > Import Demo Data within your dashboard and follow the instructions.
Note: The import process requires the Peter Core plugin (bundled), so make sure you install and activate it first thing.
Note: If you have problems with this process please try the default WordPress import — visit the Tools > Import section and upload the content.xml WordPress file available in the Samples folder.
If you've installed the demo content move on to Permalinks section, otherwise let's start at Step 1.
Step 1 - Page Creation
To create a page navigate to Pages within your dashboard and click Add New. Give your page a title and then set the page template (if other then the default regular template). The following pages require special templates to be set.
- Blog - Blog Template (both display the latest posts)
- Blog Template
- Blog Classic Template
- Work - Work Template (both display the latest projects)
- Work Template
- Work Classic Template
- Sidebar - Page Sidebar Template (displays a sidebar where you can add custom widgets)
- Full Page - Full Page Template (displays only the heading section in full page view)
Step 2 - Reading
We now need to change the homepage of the site to whatever page you like. Navigate to Settings > Reading in your dashboard.
Change the Front Page Displays setting to A static page and set your desired Front page.
When editing any post you'll notice some additional properties under the content editor. Take some time and familiarize yourself with every section and read each field description using the Help tab in the upper right of your admin screen. These options may override the default Customizer options.
Setting up a blog is as simple as creating a new page, selecting a Blog Template and adding new posts to your site.
You also have the option to filter the posts by a specific base category (useful if you like to create different unique blog pages) and in case of a modern template you'll be able to set the featured image size.
Project galleries can be displayed using the two available Work page templates, depending on your preference: Work Template, Work Classic Template.
Project posts are just like regular blog posts (can be grouped in categories), but can be managed separately.
To create a new project post navigate to Projects > Add New, just like you would with a normal post. Give your project a title and adjust the permalink, if needed.
Next step is to set your Featured Image for each project — all project posts require a featured image that will be used in project galleries.
Let's go ahead and click Publish.
If you're looking for a way to change the project URL part, please take a look at the available child theme where you'll find an example in the functions.php file.
Manage Project Galleries
You can filter the posts displayed by a project gallery page using a specific category.
This feature offers the possibility of creating multiple work pages; each one having different projects. That's why it is recommended you group your projects in sub-categories, which can be used as filters in the Work Classic Template; so take some time and group your projects accordingly.
When using the theme, you may have noticed a section within the dashboard called "Customize". This section contains all the main options which customize the look and feel of the theme. Lets navigate to this page and have a look at the available options.
Site Identity — set the Logo for the web site that will replace the Site Title and Tagline text information (suggested image dimensions: 240 × 80). This section also gives you the option to set a Site Icon that will be used as a browser and app icon.
Colors — set some basic options regarding site colors. The Background Color is referring to the main content area background color and the Header Background Color/Invert Header Text Color controls the default colors for the header area background and foreground colors (you can override these header settings in each page). The Link Color controls the color of each anchor in the main content area (for those of them it can applied to).
Header Image — set the default image settings of the header area for all the pages of the site (you can override these header settings in each page).
Background Image — set the default image of the main content area (can be used as a tile instead of the Background Color option).
Menus — manage standard menu options.
Widgets — manage widgets placed into the sidebar area provided by the theme.
Static Front Page — manage page that will be displayed as front page (I suggest using a static page that has the Full Page Template set).
Additional Options — set additional options and add extra CSS to your site for advanced users (and avoid modifying the core style.css file directly).
Each post/page has some additional options available when editing it individually. The section is called Additional Theme Fields and may have different options depending on the post type or page template. Use the Help tab in the upper right of your screen for more details about each field.
FAQ1. Missing style sheet error when installing the theme?
A common issue that can occur with users new to installing WordPress themes is a "Broken theme and/or stylesheets missing" error message being displayed when trying to upload or activate the theme. This error message does not mean that the theme you have purchased is broken, it simply means it has been uploaded incorrectly. Luckily, there is a very easy fix.2. Is the theme SEO friendly and where can I access such settings?
The theme is built to be SEO friendly, by emphasizing titles with heading tags, having the content before anything else, stripping out useless content, fast loading, setting titles in the header for better crawling and so on. All these help, but you have to remember that "Content is King"! You should not blame the theme if your website doesn't appear in top search engine results, but instead focus on providing good content and in this way, your website will definitely look great in search engines. I suggest you install a SEO plugin which offers great additional options and control over titles, keywords or description, just to mention a few. I recommend using Yoast for SEO.3. How can I translate the theme in my own language or use multiple ones based on user preference?
This theme is localized, which means it can easily be translated in your own language. There are various methods to do a simple translate or create a website in multiple languages, so just use the one which works best for you. If you're not familiar with translating themes manually (using .pot file), I suggest you install the Codestyling Localization plugin. This way you'll be able to edit the language strings directly from the WordPress dashboard. You may also need to use the WordPress Language plugin to enable a certain language for your theme. If you want your website to be available in two or more languages, you might find the WPML premium plugin useful.
If you have any questions that are beyond the scope of this help file, please feel free to email via the Support tab of the item or via my user page contact form (right sidebar, at the bottom). I'd appreciate if you can help me out by rating and leaving your feedback for the theme via themeforest.net/downloads. Thank you and good luck with your work!