Postcamp - Blog & Magazine WordPress Theme

Introduction

First of all, Thank you so much for purchasing this template and for being our loyal customer. You are awesome!

This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this template is made and how to edit this properly.

WordPress General

A working version of WordPress.org must be installed before you can install the Postcamp. If you need help installing WordPress, follow the WordPress Codex

Before using any theme, it is important to understand how native WordPress functions work, and how to establish ownership of your new site.

WordPress links you will find useful:

Theme Installation

To use Postcamp WordPress Theme, you must be running WordPress 5.0 or higher, PHP 5.6 or higher, or higher and mysql 5 or higher version. Below is a checklist of items your host needs to comply with to ensure proper Postcamp operation:

  • Ensure your web host has the minimum requirements to run WordPress.
  • Make sure the latest version of WordPress is up and running.
  • If necessary, you can download the latest release of WordPress from the official 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. Login to WordPress Admin and browse to Appearance > Themes.
  2. Click on the Add New Theme (or "Install Themes" tab for older versions) and click Upload.
  3. Browse your computer to select "postcamp.zip" (it's in the zip file you downloaded from ThemeForest). Click "Install Now" button.
  4. Once it's uploaded, click the Activate link.

b) FTP Installation (alternate method)


  1. Use your FTP software to browse to wp-content/themes folder.
  2. Upload the postcamp folder.
  3. Once it's uploaded, go to your WordPress Admin, browse to Appearance > Themes.
  4. Click the Activate link.

Important:   After activation, you will be presented with postcamp-core plugin that you should activate. Do not forget to activate it or not all of the theme features will be available.
Note:   If you are migration from a theme which used the native featured images functionality of WordPress. Please use the Regenerate Thumbnails plugin to resize all the thumbnails. Click the link above and download the free plugin, and read through the steps it contains, it has all the information you need. Run it from Tools > Regenerate Thumbnails.

Demo Content Import

Before we start to import a demo content we have do following instructions:

  1. Set up PHP Configuration limits

    Issues you may encounter, such as demo content fails when importing and similar issues, are generally related to excessively low PHP configuration limit settings. You can either increase these limits on your own, or contact your web host and ask to have the limits increased to the following minimums:

    • memory_limit - 96M
    • max_input_vars - 3000
    • max_execution_time - 600
    • post_max_size - 32M
    • upload_max_filesize - 32M
    • allow_url_fopen - ON

  2. Verify your PHP limits

    You can check them by installing the WordPress phpinfo() plugin and checking Settings. The first column refers to your installation value, and the second column refers to the limits of your host. The latter values are often lower if you have selected a cheaper hosting package.


Now we are ready to import a demo content

Important:   Please do not import content on a WordPress installation that already has a lot of content. Or the very least, make a backup first. A catastrophic mess can be created.
Note:  In some cases you would like to remove demo content. You can remove all posts, pages, etc using WordPress Reset plugin. Be aware that this plugin resets the WordPress database back to it's defaults. Deletes all customizations and content. It does not modify files only resets the database.

There are two methods to import a demo content. If you have SSL Certificate on your website you can use method [1] One Click Demo Importer (auto), but if you have not installed SSL Certificate or you couldn't import a demo content via method [1] you can use method [2] with XML File (manually).

Let's take a look at both methods.


Video Guide

Installation and import a demo content



One Click Demo Importer

  • Go to Dashboard > Postcamp > Import Demo Data
  • Click on Import Demo Data button
  • Click on Continue & Import button
  • Ready

Setup Homepage

Creating home page is a simple process.

  1. Pages > Add New
  2. Insert Title
  3. (Required) Choose "Blog Page" from Template inside "Page Attributes" box.
  4. Page Options - Change these options as you wish
  5. Click the "Publish" button

After you create homepage:

  1. Settings -> Reading -> Front page displays
  2. Choose a "Static Page"
  3. set newly created "Home" page.
  4. Click "Save Changes" button

Adding Posts



Adding a new post is the same way as default WordPress installations, however, there are extra options that might need explaining.


>> Featured Image


While the theme can function without featured images, it's highly recommended that you add a featured image to each post. This not only makes your site/blog more lively but also improves user experience.

To set the featured image, use the WordPress normal method.



>> Recommended Image Size (for Blog Posts)


Image size (dimensions) will depend on what type of layout you're using throughout your WordPress installation or per individual post basis. This image will not only be used on the post, but also on the category listing pages.

Compatible with all layouts and default slider: 1920 x auto (width x height)



>> Supported Post For


Postcamp supports 7 post formats. These are:



Audio Format

Setup your post normally and set a featured image. Copy the embed code of the audio from SoundCloud or any other site that gives you audio embed codes. Paste the code in the "Embeded Code" box in the Audio Options. See below screenshot



Gallery Format

  1. Click "Add Image" button
  2. Choose Images
  3. Click "Select" button

See below screenshot



Image Format

Image format works very similar to a standard post. Just set a featured image and you're done.



Link Format

Setup your post normally and set a featured image. Insert your link in the "Link URL" box in the Link Options. See below screenshot



Quote Format

Setup your post normally and set a featured image. Insert your quote content in the "Quote Content" box and insert your quote author in the "Quote Author" box in the Quote Options. See below screenshot



Standard Format

Just set a featured image and you're done.



Satus Format

Setup your post normally and set a featured image. Insert your status in the "Enter Status" box in the Status Options. See below screenshot



Video Format

Setup your post normally and set a featured image. Copy the embed code of the video from YouTube, Vimeo or any other site that gives you video embed codes. Paste the code in the "Embeded Code" box.

Note:  Videos will be resized to fit the container so you can choose a larger embed format if the video site allows you to specify size/dimensions.

See below screenshot



Author Avatar

The theme uses Gravatar to display users avatars . to craete or change your Gravatar :

If you have never setup a Gravatar account:


  1. Register / login to Gravatar. Upon registering, use the same email address that is associated with your WordPress User Profile.
  2. Upload your photo and associate it with that specific email address.

If you already registered at gravatar.com, follow these steps:


  1. Click on "My Gravatars" .
  2. Click on "Add a New Email" .
  3. Then, you'll need to click on "Add a New Image" .
  4. Upload an image.
  5. Then select the email address, and then select your image from bottom. Now it's associated with that email address. Click Save.
  6. It will take about 5-10 minutes to propagate on the internet, and then will appear on site.

Setup Menu

If you have imported demo content follow [a]. Otherwise, follow [b] to create a new menu.

a. Existing Menu


  1. Go to to Appearance > Menus.
  2. In the "Manage Locations" area, under Main Navigation, select Main Menu. Click Save.

b. Creating a New Menu


  1. Go to to Appearance > Menus.
  2. Click on the + button or the create a new menu link. Enter a menu name and click Create Menu.
  3. Using the Custom Links and Pages boxes at the left, add items to the menu and drag/drop to arrange them.
  4. (optional) If you would like to use this menu in navigation, in the "Manage Locations" area, under Main Navigation, select your newly created menu. Click Save.
  5. Click Save Menu and that is all.

Mobile Menu either setup in above way. You just need to choose proper location.  There are two locations "Main Menu" and "Mobile Menu". That's it.

Widgets

You can use any shortcodes in widgets. Just use text widget and put shortcode into it. Besides theme custom widget which may helpful for you. Listed below:

  • Frenify Custom Categories
  • Frenify Featured Articles
  • Frenify Followers
  • Frenify Social
  • Frenify Top Articles

Translation & Internalization

Theme comes with .po file included under the languages folder. To translate:

  1. Download and install Poedit.
  2. Open postcamp.po file located here \wp-content\themes\postcamp\languages\ using poedit tool and translate the existing text to your own
  3. Save the file with the locale (for example: ru_RU.po).
    If you have already setup WordPress in your language, you can get it from your wp-config.php file under, for example: define('WPLANG', 'ru_RU');In this case, you would save your file as ru_RU.po.
  4. Step above should have generated a .po and a .mo file. Copy both these files and put them into the languages folder of the theme.

Your Language & Localization


After translating, you may wish to use the correct locale to translate and localize your WordPress installation completely. Refer to Installing WordPress In Your Language at WordPress Codex to learn how to.

How to?

#1 How to update the theme?
  1. Backup and Remove the old version of the theme from your dashboard.
  2. Download new version of the theme from https://themeforest.net/downloads and upload it to your dashboard. Make sure that you are using latest version.
  3. Remove “Postcamp Core” plugin. Then, it appears as required plugin at the top of your dashboard. Re-install it.

Don't worry, all Theme Options will be saved.
#2 I'm having SSL (https://) problem on my website.

If you are having problem with SSL (https://), you haven’t configured your wordpress properly. Please, check below plugin to configure SSL (https://)

https://wordpress.org/plugins/really-simple-ssl/

#3 I created pages but I’ve got 404 pages everywhere.

Go “Settings - Permalinks”, choose “Post Name” from Common Settings and push “Save Changes” button.

#4 How to change page title if I selected to display as homepage "latest posts"?

Go “Dashboard - Postcamp - Theme Options - General - Page Title for Blog Single”, edit this field and click "Save Changes" button.

#5 How to disable/enable/change magic cursor?

Go “Dashboard - Postcamp - Theme Options - General - Magic Cursor”, and you can manage them to change magic cursor options. There are 3 options to enable/disable magic cursor: Default, Link Hover and Slider(swiper). Default - cursor everywhere, Link Hover - cursor only on hover links, buttons, Slider(swiper) - cursor on sliders. You can enable/disable one or more fields. You can also change magic color in the option below - Cursor Color

#8 Where can I change main colors?

Go “Dashboard - Postcamp - Theme Options - Main Colors” and you can change all main colors globally here.

#7 Where can I change a logo?

Go “Dashboard - Postcamp - Theme Options - Logo” and upload your Dekstop Logo / Retina Logo here. Please don't forget to upload retina logo for users who visit your website from Retina Display.

#8 Where can I set up menu for desktop navigation?

Go “Dashboard - Appearance - Menus” and select (if you don't have any menus, create a new menu) your menu, in the "Display location" select Main Menu. It will means that this (selected) menu will appear in the desktop navigation.

#9 How to enable/disable Search Button from the navigation?

Go “Dashboard - Postcamp - Theme Options - Desktop Navigation - Search Switcher” and you can enable or disable search button.

#10 What are Hot Posts in the navigation?

Hot Posts are all published posts sorted by their views count (by popularity for all time).

#11 How can I enable/disable Hot Posts?

Go “Dashboard - Postcamp - Theme Options - Desktop Navigation - Hot Posts Switcher”. With this switcher you can enable or disable Hot Posts from your website. By clicking "Disable" option you can disable hot posts, but by clicking "Enable" button you can not enable hot posts at once. For enabling the hot posts you have to do one more thing: you have to create a new page with any title (for example: Hot Posts), select Hot Page option from the Template and publish this page. This page will help to display Hot Posts.

#12 How can I disable/enable/change Social List of the navigation?

Go “Dashboard - Postcamp - Theme Options - Desktop Navigation”. Here you can find all options of the social list.

Social Icons - with this list you can disable and reorder all social list. "Eye" icon to enable/disable, "Hamburger" icon to change the order.

Facebook URL, Twitter URL and etc. fields to enter social platforms URL. If the URL field is empty this social platform will not display at the front-end.

#13 How can I change site Typography globally?

Go “Dashboard - Postcamp - Theme Options - Typography”. And you can chang everything you want from google fonts.

#14 Where can I enable/disable totop button?

In “Dashboard - Postcamp - Theme Options - Footer - Totop Switcher”.

#15 How to set up Footer Subscribe Form?

Go “Dashboard - Postcamp - Theme Options - Footer - Subscribe Switcher”. Enable it and insert subscribe form shortcode into Subscribe Form Shortcode field.

You can insert any subscribe form shortcode into this field. But we have designed and integrated 2 popular subscribe forms:

1. Mailchimp - https://wordpress.org/plugins/mailchimp-for-wp/
2. WP Forms - https://wordpress.org/plugins/wpforms-lite/

#16 Where can change footer copyright text?

In “Dashboard - Postcamp - Theme Options - Footer - Footer Copyright”. Just change this field to change footer copyright text.

#17 How can I add categories to the navigation menu as items?

Go “Dashboard - Appearance - Menus”. Click on "Screen Options" link (on the right top of the screen) and enable "Categories" from the Screen elements. And you can find new Categories tab in the Add menu items block.

#18 How to change page style for post? Full width or with sidebar?

Edit your post and in the Post Options find page style and change it.

#19 How to change post format to Audio format and how to use it? I want a detailed explanation.

Edit your post and in the Post Format selectbox select Audio option. After that you can find Audio Options in the Post Options. Insert your embeded code (copied from Soundcloud, Spotify etc.) of audio into Embeded Code field. And update the post by clicking Update button on the right top of the screen.

#20 How to change post format to Gallery format and how to use it? I want a detailed explanation.

Edit your post and in the Post Format selectbox select Gallery option. After that you can find Gallery Options in the Post Options. Click on Add Media button and upload need media files or select from existing media files. After that you can see your selected media files in the Gallery images option and you can change files order here by dragging them. And update the post by clicking Update button on the right top of the screen.

#21 How to change post format to Image format and how to use it? I want a detailed explanation.

Edit your post and in the Post Format selectbox select Image option. After that you can find Image Options in the Post Options. But there are no any options to upload your media, because for image post format is enough to upload a featured image. So, upload featured image. And update the post by clicking Update button on the right top of the screen.

#22 How to change post format to Link format and how to use it? I want a detailed explanation.

Edit your post and in the Post Format selectbox select Link option. After that you can find Link Options in the Post Options. Just insert your link (of this post) into Link URL field in the Link Options. And update the post by clicking Update button on the right top of the screen.

#23 How to change post format to Quote format and how to use it? I want a detailed explanation.

Edit your post and in the Post Format selectbox select Quote option. After that you can find Quote Options in the Post Options. Just insert your quote content into Quote Content field, quote author into Quote Author field in the Link Options. And update the post by clicking Update button on the right top of the screen.

#24 How to change post format to Video format and how to use it? I want a detailed explanation.

Edit your post and in the Post Format selectbox select Video option. After that you can find Video Options in the Post Options. Insert your embeded code (copied from Youtube, Vimeo etc.) of video into Embeded Code field. And update the post by clicking Update button on the right top of the screen.

#25 How to change post format to Status format and how to use it? I want a detailed explanation.

Edit your post and in the Post Format selectbox select Status option. After that you can find Status Options in the Post Options. Just insert your quote content into Status Content field. And update the post by clicking Update button on the right top of the screen.

#26 Can I disable Sticky Post Title (now reading) in post single?

You can enable/disable stocky post title in “Dashboard - Postcamp - Theme Options - Blog Single (wp post) - Post Title Sticky in Single Post”.

#27 What is an Autoloading Posts in single posts and how to manage it?

Autolading Posts is a great (needfull for you) option of the theme to increase your pageviews by engaging the site viewers to keep reading your content rather than increasing your bounce rate.

You can enable/disable this option in “Dashboard - Postcamp - Theme Options - Blog Single (wp post) - Autoloading Post Switcher”

#28 What is an Author Information Box in single posts and how to manage it?

Author Information Box is an helpful option to show short bio about post author.

In the demo you can see author image, name, short description and social URLs. But after importing a demo content, your author information box will show only author image and name. It is because we can't change your author information. Read below about how to add all author information.

How to add/change all author infromation?
Go to “Dashboard - Users”, edit author and in the bottom of the content you can find Postcamp extra profile Information. These fields will be used for author information box in single posts.
Image URL - insert author image URL here
Full Name - enter author full name here
Job - enter author job here
Information - enter author information here
Facebook URL - enter author Facebook profile URL
Twitter URL - enter author Twitter profile URL
Pinterest URL - enter author Pinterest profile URL
Linkedin URL - enter author Linkedin profile URL
Behance URL - enter author Behance profile URL
Vimeo URL - enter author Vimeo profile URL
Google URL - enter author Google profile URL
Youtube URL - enter author Youtube profile URL
Instagram URL - enter author Instagram profile URL
Github URL - enter author Github profile URL
Flickr URL - enter author Flickr profile URL
Dribbble URL - enter author Dribbble profile URL
Dropbox URL - enter author Dropbox profile URL
Paypal URL - enter author Paypal profile URL
Picasa URL - enter author Picasa profile URL
Soundcloud URL - enter author Soundcloud profile URL
Whatsapp URL - enter author Whatsapp profile URL
Skype URL - enter author Skype profile URL
Slack URL - enter author Slack profile URL
WeChat URL - enter author WeChat profile URL
ICQ URL - enter author ICQ profile URL
RocketChat URL - enter author RocketChat profile URL
Telegram URL - enter author Telegram profile URL
Vkontakte URL - enter author Vkontakte profile URL
RSS URL - enter author RSS profile URL

How to enable/disable author information box?
You can enable/disable this feauter in “Dashboard - Postcamp - Theme Options - Blog Single (wp post) - Author Information in Single Page”

#29 Can I change comments section?

Comments section was made with unique design by us. This is convenient for visitors, as it will save them not to see many blocks and concentrate on reading your post. This does not mean that the comments are not interesting and they are not needed at all, on the contrary, with this design it is much easier to define the comment area and make it convenient to comment on it.

Comment section can be changed in “Dashboard - Postcamp - Theme Options - Blog Single (wp post) - Comment Section”.

#30 Reactions block in single posts. What is it and how it works?

Reactions block is one of amazing features of the theme.

Let's see all options of Reactions:

  • Reaction Switcher - to enable/disable this block. Disabling this option doesn't mean that all datas will restored. All datas (counts of each reactions) will saved.
  • Reaction Title Switcher - to enable/disable this block's title (on the top of the reactions)
  • Reaction Title - block's title field. You can change Reactions' Top title here
  • Reactions - all prebuilt reactions (10 reactions) switcher and order. Here you can change reactions' order (reorder them) and enable/disable.
  • In Love Text - text for In Love Reaction
  • Happy Text - text for Happy Reaction
  • Not Sure Text - text for Not Sure Reaction
  • OMG Text - text for OMG Reaction
  • Angry Text - text for Angry Reaction
  • Sad Text - text for Sad Reaction
  • LOL Text - text for LOL Reaction
  • Cry Text - text for Cry Reaction
  • Silly Text - text for Silly Reaction
  • Crazy Text - text for Crazy Reaction
  • Custom Reactions - you can also add your custom reactions. It is very bomb option. For that just dropdown first slide and do following actions
    • Upload your reaction image by clicking on "Upload" button. Recomended size of image: 200x200. Recommended format of image: png
    • Enter your reaction title into the second field where for placeholder text is "Reaction title"
    • Enter your reaction ID into the third (last) field. It is very important part of custom reactions.
      1. Please use only english lowercase and uppercase characters and symbol _ (a-z, A-Z and _) For example: reaction_hot
      2. Please after adding custom reactions don't change this field. Never ever. After some time you can change reaction title or reaction image but not reaction ID (this field).
      3. What happens if you accidentally change the ID? Count of this custom reaction for all posts will show 0. If you remember old reaction ID, just enter it (old reaction ID) and everything will work fine.

#31 Votes block in single posts. What is it and how it works?

Votes block is an very helpful voting system. Every blog site owner wants to be able to add this system. And this is very necessary now. To add this feature, you had to install a third-party plugin, figure it out and somehow insert it into the content, and it does not always work properly or does not fit the design of your site. Therefore, we have developed this system ourselves. It is easy to use. You just turn it on and that's it.

Let's see all options of Vote system:

  • Votes Switcher - to enable/disable this block. Disabling this option doesn't mean that all datas will restored. All datas (counts of votes) will saved.
  • Votes Title Switcher - to enable/disable this block's title (on the top of the votes)
  • Votes Title - block's title field. You can change Votes' Top title here

#32 Post formats options: Gallery Format layouts & options.

Gallery Format has some options in “Dashboard - Postcamp - Theme Options - Blog Single (wp post) - Gallery Type”

Let's see all options:

  • Slider Height for laptop (in px) - with this option you can change slider height of gallery post format for laptop devices. Default value: 700
  • Slider Height for mobile (in px) - with this option you can change slider height of gallery post format for mobile devices. Default value: 300

#33 Can I apply my own CSS code to your theme?

Yes, you can add your custom CSS code to the theme without changing any files of the theme. Just go to “Dashboard - Postcamp - Theme Options - Custom CSS”