Pepper Introductions

Thank you very much for choosing Pepper. I hope that you’ll find it easy to use and customize and really wish it will suit your needs. Please read this manual, because it covers almost all the aspects needed for you to know before installing & running the theme. If you have any questions that are beyond the scope of this help file, please feel free to email via our contact page or using our live chat system. Thanks so much!

01. Installation

You’ll want to install this theme just like any other WordPress theme, either by uploading the main theme folder via FTP (unzipped) or the zipped file via the WordPress theme upload section. Make sure you located the main theme folder from the downloaded zip file and that you are not uploading the entire zip with all the documentation, sample data, etc.

1.1. Uploading The Theme

a. FTP Method
  • Log into your site via FTP
  • Browse to your folder located at wp-content/themes
  • Upload theprint theme folder to your server
  • Log Into WordPress and go to Appearance → Themes
  • Find the theme and click to activate
b. WordPress Method
  • Log into WordPress
  • Browse to Appearance → Themes
  • Click to “add new” and then follow the instructions on the screen
  • When it asks to select a file find the zipped theprint.zip file you downloaded previously

1.2. Running Regenerate Thumbnails Plugin

Regenerate Thumbnails allows you to regenerate the thumbnails for your image attachments. This is very handy if you’ve changed any of your thumbnail dimensions (via Settings → Media) after previously uploading images or have changed to a theme with different featured post image dimensions.

1.3. Activate & Save Permalinks – Important!

After installing and activating the recommended plugins go to your Settings → Permalink settings and hit the save button.

02. WordPress Menus

Before setup menus, make sure you have read the menu user guide from WordPress. Should you be running earlier versions of WordPress, the menu degrades and automatically creates your navigation for you – custom menus are replaced with a list of pages and categories. In this case, you will have options to alter the display of these menus within the theme options. Setting up custom menus: To setup your custom menus, navigate to Appearance → Menus. Give your menu a name and build it up using the available widgets. You can add custom links, pages or categories by clicking “Add to Menu” within each option. Once you have built and saved your menu, simply select the theme location within the left hand column, and assign your new custom menu to any of the theme locations provided.

2.1. Edit Menus

2.2. Manage Locations

03. Featured Content

Pepper comes with the Featured Content that you can include up to 5 posts in a Featured Posts slider with big Featured Images at the top of your front page.

3.1. Add Tags

To add tags to a new post, go to Dashboard → Posts → Add New. When you write your new post, you can add a tag to it by typing the tag word in the Tags field on the right and clicking the Add button. You can add as many tags as you want.

3.2. Add Tag Name

You just need to set a tag under Appearance → Customizer → Featured Posts and add tag names. All posts with there tags will be included in the slider automatically.

04. Typography

Pepper features typography options to allow you use 700+ Google fonts and 1200+ Typekit fonts. To add custom fonts, go to Appearance → Customizer → Typography.

05. WordPress Widgets

WordPress Widgets add content and features to your Sidebars. Examples are the default widgets that come with WordPress: for Categories, Tag cloud, Search, etc. Plugins will often add their own widgets.

5.1. Newsletter Form Widget

This form works well with FeedBurner, Mailchimp, Aweber, GetResponse, Campain Monitor… but you have to modify their default code. You must remove HTML tags of: <link>, <style>, <div>, <p>, <label> and <script>. And just keep <form> and <input>. Here is the example:

<form action="//grovepixels.us8.list-manage.com/subscribe/post?u=f1565532d8cf66667f0c7503d&id=777c9eb187" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
  <input type="email" value="Email address" name="EMAIL" class="required email" id="mce-EMAIL">
  
  <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
</form><!-- .form -->

06. Post Formats

Post format is a piece of meta information that can be used by a theme to customize its presentation of a post. Pepper features 4 post formats: Standard, Gallery, Video and Audio.

6.1. Video Post Format

6.2. Audio Post Format

07. Child Theme

A child theme is a theme that inherits the functionality and styling of another theme, called the parent theme. Child themes are the recommended way of modifying an existing theme. To start using child follow this steps:

  1. Navigate to Appearence → Themes
  2. Click the second tab “Install Themes” at the top and click the “Upload” link
  3. Now locate the pepper-child.zip inside the “Theme Files” folder which you have downloaded from ThemeForest and double click on that file
  4. Click the “Install Now” button and after the theme is installed Activate it

08. Translation

The theme includes a language file to make translating to a different language easy. Inside the theme folder /wp-content/themes/theprint/languages, you’ll find a language file named pepper.pot.

8.1. WordPress Translate

Before translating your theme, you’ll need to make sure WordPress is setup correctly with your locale. Open wp-config.php and modify the line below, or add it if it is missing. See the complete list of language codes and country codes to find your exact locale. Find your locale here: https://make.wordpress.org/polyglots/teams/

  1. Download and install Poedit.
  2. Open languages/en_US.po in Poedit. Translate all things as needed.
  3. Save the file with the locale. If you have already setup WordPress in your language, you can get it from your wp-config.php file under, for example: define(‘WPLANG’, ‘en_US’);. In this case, you would save your file as en_US.po.

8.2. Loco Translate Plugin

The Loco Translate plugin provides in-browser editing of PO files used for localizing WordPress plugins and themes. After you have installed and activated the plugin, simply go to Loco Translate → Manage translations and translate the theme from your WordPress backend following the plugin instructions.

Good design makes a product useful

A product is bought to be used. It has to satisfy certain criteria, not only functional, but also psychological and aesthetic. Good design emphasises the usefulness of a product whilst disregarding anything that could possibly detract from it.

Good design is as little design as possible — Less, but better – because it concentrates on the essential aspects, and the products are not burdened with non-essentials. Back to purity, back to simplicity.

Good design is unobtrusive — Products fulfilling a purpose are like tools. They are neither decorative objects nor works of art. Their design should therefore be both neutral and restrained, to leave room for the user’s self-expression.