Knowledgebase

Contents

1. WordPress presentation

2. WordPress Codex information

3. WordPress Theme Installation (Incl. Demo Content and plugins)

4. How to create a static homepage & separate blog page?

5. How to Install a Theme in WordPress?

6. Creating additional WordPress Users

7. Post vs. Page

8. How to Paginate a Post?

9. How to optimize Images?

10. How to change Author Avatar?

11. How To Import XML Files?

12. How do I add a Featured Image?

13. How do I set up my navigation menu?

14. How do I import the demo content?

15. How do I create a Contact page?

16. 500 Internal Server Error

17. How do I enable/disable comments on my posts and pages?

18. What Is The WP Memory Limit?

19. What is: CSS

20. What are best WordPress/ PHP settings?

21. What is: wp-config.php

22. How can I customize the background to the body?

23. How to reduce loading time on my site?

24. The package could not be installed. The theme is missing the style.css stylesheet. Theme install failed...What’s wrong?

1. WordPress presentation

2. WordPress Codex information

3. WordPress Theme Installation (Incl. Demo Content and plugins)

I will install your WordPress Theme the RIGHT WAY! 

Promotion: purchases to 31 December 2016

My service includes:


4. How to create a static homepage & separate blog page?

By default, your homepage will also display your post feed, listing all of your latest posts for visitors to see. If you would like to instead have your homepage be a static page and your post feed display on a separate page, you can follow these instructions.

First, create your new homepage and blog pages within WP Dashboard > Pages > Add New.  For this tutorial, we will be naming our static homepage "Home" and our post feed page "Blog".



Next, navigate to Settings > Reading. At the top of this screen, you'll see a section titled "Front page displays". Click the little bubble next to the "A static page" option. 
From this option's "Front page" drop-down menu, select your newly created "Home" page. 
From the "Post page" drop-down menu, select your newly created "Blog" page.



Be sure to save changes when you're finished.

The last step involves adding your "Home" and "Blog" pages to your navigation menu.  To do so, go to Appearance > Menus. Click the "Pages" drop-down menu on the left, check the boxes next to your "Home" and "Blog" pages, and add them to the menu. Drag and drop them to wherever you'd like them to be positioned in your menu. Be sure to save when finished. 



Now, when you refresh your site, your homepage will display your newly created "Home" page and your "Blog" page will now display your post feed.



5. How to Install a Theme in WordPress?

If you purchased one of our themes, great. Download the theme package, you will receive a zipped folder. Unzip this first folder. 

Within the unzipped theme package, you will find a number of folders such as demo content, documentation, logo image files, etc. There is also 1 additional zipped folder within, titled "name-theme.zip" (If you purchased the Breena template will be called breena.zip).

Important: DO NOT unzip this "name-theme.zip" folder! This particular .zip folder should remain zipped.

Within your WordPress Dashboard, navigate to Appearance > Themes
Click the "Add New" button at the top-left of the page > Click the "Upload Theme" button at the top.
Click "Choose File" > find your zipped "breena.zip" file > Click the "Install Now" button.

Once the theme is successfully installed on your WordPress, you can "Activate" it via the installation page or via Appearance > Themes to switch over and begin using your theme! (in this example breena theme)

Please note: If you try installing the entire zipped theme package or another incorrect file, you'll likely receive this error message:

"The package could not be installed. The theme is missing the style.css stylesheet. Theme install failed."

If you receive this error message, please be sure that you're installing the ZIPPED file, for example breena.zip


6. Creating additional WordPress Users

You may find that you'd like to create additional WordPress Users which can log into your WordPress Dashboard for a variety of reasons. For example, to contribute in writing posts or to troubleshoot technical issues you're experiencing. 

Creating a new WP User and adjusting their permissions (or "Role") can allow you to not only ensure your own personal login details are kept safe, but help control what sort of changes the secondary user can make within your dashboard. 



CREATING A NEW USER

1 ) Navigate to WP Dashboard > Users 

2 ) To create a new user, click the "Add New" button at the top of the page. 

3 ) Enter the new Username and Email Address (required). 

4 ) Fill in the user's personal details like Name and Website, if wanted (not required). 

5 ) Click the "Show Password" button. 

This will automatically generate a random password.  If you are creating a password for a colleague, you can change it to whatever you wish.  If you are creating a new WP User for a technical support representative to log in and troubleshoot an issue, it's fine to leave the temporary password as-is.   

6 ) Choose if you'd like to email this person a notification (not required). 

7 ) Select the user's Role

There are 5 different WordPress User roles to choose from.  Each role will affect what areas of the dashboard this person can access or control. 

If you are creating a new WP User for a technical support representative, you will want to provide them with an "Administrator" role. 

8 ) When finished, click the "Add New User" button.


EDIT USER

You can always navigate back to the WP Dashboard > Users screen and select the user you would like to manage. Here, you can change a variety of personal details about the user, including their name, adding biographical author text, social media usernames, change passwords, and more. 

7. Post vs. Page

There are very key differences between posts and pages in your WordPress blog.

More info: https://en.support.wordpress.com/post-vs-page/

8. How to Paginate a Post?

In order to paginate your blog post, in the Write panel in your WordPress admin, switch to the TEXT view (if you are using the Visual view) and then enter the following code to wherever you want to break the post up into a new page:

<!--nextpage-->


9. How to optimize Images?

Optimizing your images will helps your WordPress site load faster.

Download and activate WP Smush.it This plugin will optimize every image you upload and you can use the Bulk Smush.it feature to smush all of your uploaded images.


Alternatives to WP Smush.it include EWWW Image OptimizerCW Image OptimizerImsanity and Hammy. Many WordPress users prefer using these plugins as they do not rely on an external server to process your images.

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

11. How To Import XML Files?

  1. In the Tools tab in your admin sidebar, click Import.
  2. On the Import page, select WordPress from the list and install the WordPress Importer Plugin.
  3. Click Choose File, then choose the breena-dummy-content.xml file from your desired "Dummy Content". 
  4. Once you’ve chosen the correct file, click the Upload File and Import button.
  5. Select admin in the dropdown list, and don’t forget to check the ‘Download and Import File Attachments’ checkbox.
  6. Wait until WordPress is finished importing, then click the Have Fun link to return to your dashboard.

12. How do I add a Featured Image?

What is a Featured Image?

A Featured Image is a representative picture for your post which is used in a number of areas & functions, like on the homepage, post page, related post areas, recent post widgets, featured area sliders, etc..

How do I assign a Featured Image?

To assign a Featured Image to a post, navigate to your post's create/edit screen and look to the bottom-right. Here, you'll see a box titled "Featured Image" where you can add your desired image. Be sure to update your post when you're finished. 



13. How do I set up my navigation menu?

Our Theme uses wordpress built-in menus feature which can be found in your wordpress Dashboard > Appearance > Menus. To setup a new menu, please follow the steps below. Its best to already have your pages created, even if they are blank pages.

  1. Navigate to Apperance > Menus page
  2. Click the "create a new menu" link to make a new menu. Enter the name then hit Create Menu
  3. To add a menu item, you can easily select one of your already made pages on the left hand side and click Add to Menu
  4. You can also add menu items by entering a custom name and custom link into the Links box.
  5. You can manage your menus using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of another menu item and it will lock into place and create a dropdown section.
  6. After setting up your menu, select the menu you just created as the Primary Navigation in the Menu Settings and Create a new menu and select it as the Top Menu Navigation in the Menu Settings
  7. Once its all done, make sure you click the Save button.
  8. You can change menus locations in any time from Manage Locations tab .
  9. You can show more boxes like "Posts""Categories" and "Tags" by clicking on "Screen Options"

For more information on menus in WordPress, check out:

http://codex.wordpress.org/WordPress_Menu_User_Guide

14. How do I import the demo content?

A theme's demo content XML file can be found in the theme package you downloaded from ThemeForest or Creative Market. It will be in a folder titled "Dummy Content".


You will be redirected to this screen, where you can upload the demo xml to start the import process

In the new screen you can assign user(s) from your site to “receive” the demo content from us.

IMPORTANT: you need to click the “Download and import file attachments” option to import all the images from our demo.

click on Submit Button

Wait until you get this “All done. Have Fun” notice


15. How do I create a Contact page?

First, please be sure that you have installed and activated the Contact Form 7 plugin.

Creating the form

Along the top of the contact form's settings box, there are 4 tabs: FormMailMessages, and AdditionalSettings.

"Form" tab: you can choose how your contact form will display with some simple HTML code. 
"Mail" tab: you can set up who your messages are sent to and how they will be displayed.

IMPORTANT!  Please be sure to navigate to the "Mail" tab and insert your own email address within the "To:" form.  "Messages" tab: Adjust default messages visitors will receive in various situations.  "Additional Settings" tab: Option to add custom code snippets if desired.

Creating the page


16. 500 Internal Server Error

If you just installed WordPress, a WordPress plugin, or a theme for your site and out of nowhere your site returns a 500 Internal Server Error, please read on! If you have been surfing the web for any length of time you have probably encountered a 500 internal server error. These errors are not confined to WordPress. They are generic errors that report very little on what the actual cause is. First, don’t panic. Lot’s of people have been confronted with these errors, and they can be fixed. In fact, I fix them all the time.

There are five major reasons why these errors occur in WordPress:

1. Incorrect web server configuration

If your web server (whether it be Apache or IIS) is configured with incorrect directives, they can cause 500 errors to occur. The problem is that web hosting support will often blame the error on software you have installed without even checking to see what is contained in their error logs. Just know that after you have checked the following remaining causes, and they fail to resolve the issue, you will need to (sometimes forcefully) get your web host to help diagnose and fix the problem.

2. Incorrect file permissions

With very few exceptions, file permission for WordPress, plugins, and themes need to be set at 755 for folders, and 644 for files. You may think that setting permissions more loosely, like 777, will relieve the problem, but you would be wrong. Setting permissions either too strict or too loose often cause this and other errors.

3. Corrupt files or files that contain errors in code

Usually improper/errors in file transfers to the web server cause corruption to occur. It may look like the file is sitting there just fine, but something in the process caused the file to be unusable by the server. For example, if you uploaded a text file in binary language instead of ascii it will render the file unreadable by the web server. Coding errors can also create this error, whether that be in WordPress, a plugin, or a theme.

By far the most common 500 error produced by a file is related to the WordPress .htaccess file. The .htaccess file is primarily designed to be used with custom permalink structures. However it is also used by some third party plugins, and for overriding certain server configuration directives if allowed. If it contains errors, it can return the dreaded 500 internal server error. The .htaccess file is located in the root folder of your WordPress installation (not the theme).

4. PHP memory limits set too low, There two ways to solve this problem.

5. Conflicting Third Party Plugins Should Be Deactivated


17. How do I enable/disable comments on my posts and pages?

Our themes hook into WordPress's comment system. To enable/disable the ability for your visitors to post comments, you can follow these steps. The procedure is the same for both Pages and individual Posts.

Enabling/disabling comments in published Posts/Pages

Open up your page's or posts's create/edit screen. In the top-right corner, you'll see a little tab titled "Screen Options". Click this tab and another menu area will drop down from the top, them Check the box next to the "Discussion" option, and scroll down the page to where a new "Discussion" meta area has appeared. Finally, to enable comments on this particular Page or Post, check both option boxes. To disable comments, you can un-check these boxes. Be sure to click the "Update" button in order to save these changes. 


Enable/disable comments for all future Posts/Pages

To set whether or not your future posts have comments automatically enabled/disabled by default, you can go to WP Dashboard > Settings > Discussion > And look under the "Default article settings" section. Here, you'll see the option to "Allow people to post comments on new articles". Check or un-check the box depending on your preference. Be sure to click "Save Changes" at the bottom of the page when you're finished.


18. What Is The WP Memory Limit?

IMPORTANT NOTE – Please know that each hosting service is different, and the methods mentioned below may or may not work for you. Before trying these methods to increase your system status limits, it’s always best to contact your respective hosts first and ask them if they can make these adjustments for you.

WP Memory Limit

The WP Memory Limit is the maximum amount of memory (RAM) that your site can use at one time. When you reach your Memory Limit, you’ll encounter a fatal error. Several things consume memory, such as WordPress itself, the theme you’re using, and the plugins installed on your site. Basically, the more content and features you add to your site, the bigger your memory limit has to be.

Why Do I Need To Increase My WP Memory Limit?

There are a number of factors that may affect how much memory your website will need such as content, themes, plugins, etc. The default memory limit for WordPress is 32MB. If you’re only running a small site with basic functions, this default value is more than enough. However, once you start encountering ‘Fatal Error: Memory Size Exhausted…, it may be time to adjust your memory limit.

How To Increase The WP Memory Limit

To increase your memory limit, you’ll need to access and modify certain files such as the php.ini, wp-config.php, and .htaccess files. Most hosts won’t grant you full access to modify the PHP.ini file because it affects the whole server and all the websites hosted on it. Please contact your host first to find out if they can adjust it for you.

For advanced users who have their own server setups and full access to the php.ini file, please go ahead and try Method 1 first before the other methods. For standard users, we encourage you to try Method 2 and Method 3 instead.

METHOD 1: CHANGE YOUR PHP MEMORY LIMIT IN PHP.INI FILE

Step 1 – Locate your PHP.ini file. If you can’t find it, then you can create your own PHP.ini file in the root folder of your WordPress installation.

Step 2 – If you find your existing PHP.ini, open the file and locate the following line of code (xx represents a number):memory_limit = xxM;. Then change xxM to your desired limit. For example, 256M.

Step 3 – If you created your own PHP.ini file, then add the same code inside it: memory_limit = 256M;. Simply change the value to the recommended value. For example, 256M.

Step 4 – Save your changes, and reboot your local host or server.

METHOD 2: CHANGE YOUR WORDPRESS MEMORY LIMIT IN WP-CONFIG.PHP FILE

Step 1 – Locate your wp-config.php file in the root folder of your WordPress installation.

Step 2 – Open the wp-config.php with a text editor program (Notepad or TextEdit) and add the following line of code after ‘define(‘WP_DEBUG’, false);: define ('WP_MEMORY_LIMIT', '256M');. Simply change the value to the recommended value. For example, 256M.

Step 3 – Save the file and refresh your System Status tab. If the WP Memory Limit turns green, then you have successfully increased your WP Memory Limit.

METHOD 3: CHANGE YOUR PHP MEMORY LIMIT IN .HTACCESS FILE

Step 1 – Locate your .htaccess file which is usually in the root folder of your WordPress installation. If you can’t find it, it may be because it’s hidden. Here’s a tutorial for Windows and a tutorial for Mac on how to reveal hidden files.

Step 2 – Open the .htaccess file with a text editor program (Notepad or TextEdit) and add the following line of code:php_value memory_limit 256M;. Simply change the value to the recommended value. For example, 256M.

Step 3 – Save the file and refresh your website.

19. What is: CSS

CSS or Cascading Style Sheets is a style sheet language used to define visual appearance and formatting of HTML documents. WordPress themes use CSS and HTML to output the data generated by WordPress. Every WordPress theme contains a style.css file which has style rules to define the formatting of pages generated by WordPress.

CSS is very simple to use and easy to learn. There are many websites publishing CSS tutorials for beginners that can help a new WordPress user get started. However, since it is very simple to use, a lot of WordPress users can understand the basics by simply looking at their WordPress theme’s style.css file.

Example:

body { 
font-size:14px;
color: #444;
background-color:#FFFFFF; 
} 
h1 { 
font-size:18px;
text-transform:uppercase;
}
.post-title { 
font-size: 16px; 
color: #4C0000;
font-weight:normal;
}

HTML elements can be styled directly in CSS. Designers also use identifiers and classes to define different sections that can be styled in CSS. This helps them use different styles for same HTML elements on a web page but in different sections. For example, an h1 element for the blog title in the header section of a page can be styled differently than another h1 element in the post area of the same page.

Example:

<div id="header">
<h1 class="blog-title">
<a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a>
</h1>
</div>

The HTML shown above contains an identifier named ‘header’ and a class called ‘blog-title’. These sections can be styled in CSS.

Example:

#header { 
background-color:#4C0000;
height:120px;
width:100%;
padding:20px; 
} 
h1.blog-title a { 
font-color:#FFFFFF; 
font-size:16px;
font-family: Georgia, "Times New Roman", serif; 
text-decoration:none;
}

20. What are best WordPress/ PHP settings?

Host configurations: To access these fields please edit "php.ini" file which is located in host (if you can't find it then contact with your host service provider)

WordPress Configurations:

https://codex.wordpress.org/Editing_wp-config.php#Increasing_memory_allocated_to_PHP

21. What is: wp-config.php

wp-config.php is one of the core WordPress files. It contains information about the database, including the name, host (typically localhost), username, and password. This information allows WordPress to communicate with the database to store and retrieve data (e.g. Posts, Users, Settings, etc). The file is also used to define advanced options for WordPress.

The file wp-config.php does not come in the default download package of WordPress. Instead, it contains a file called wp-config-sample.php which can be renamed and used as wp-config.php to install and use WordPress.

The following shows the most important section of the wp-config file:

Config.php

The remaineder of the wp-config file, shown below, also has more advanced settings to configure other database elements, the security keys for your WordPress installation, and developer options. You can automatically generate a new set of security keys by visiting the WordPress API site.


22. How can I customize the background to the body?

It can be done with the custom css. In your Dashboard: Apparence -> Customize -> Custom CSS

Use this code for a background image

body {
background-image: url('url-image');
background-repeat: no-repeat;
background-size: cover; 
background-attachment: fixed;
}

Use this code for a background pattern

body {
background-image: url('url-image');
background-repeat: repeat;
}

23. How to reduce loading time on my site?

In this article, we will show you how to reduce loading time on your site.

1, WordPress Hosting 

A good web host is crucial for your website speed. As our site became more popular, we simply outgrew our previous hosting company.

2, Caching Plugin

Plugins like W3 Total Cache can be easily installed and will cache your WordPress posts and pages as static files. These static files are then served to users, reducing the processing load on the server. This can improve performance several hundred times for fairly static pages.

Read more about how to use W3 Total Cache plugin from this link.

3, Use a content Delivery Network (CDN)

Using a CDN can greatly reduce the loading time on your website. Offloading the search and delivery of images, javascript, css and theme files to a CDN is not only faster but also takes great load off your WordPress server’s own app stack. A CDN is the most effective if it is used in conjunction with a WordPress caching plugin such as W3TC, described above.

Amazon Cloudfront uses the Amazon S3 service to provide Content Delivery Network (CDN) functionality for your static files. A CDN is a service which caches your static files on numerous web servers around the world. It can provide faster download performance for your users no matter where they are. It’s recommended that you use Cloudfront in tandem with S3 and not only S3 alone; costs are not significantly different. MaxCDN is a pay-per-usage Content Delivery Network (CDN) similar to Amazon Cloudfront. Among the differences supported for Video-on-demand as well as “mirroring” (no uploading required) of files, you can upload them if you prefer.

Read more about how to optimize wordpress from codex: https://codex.wordpress.org/WordPress_Optimization

24. The package could not be installed. The theme is missing the style.css stylesheet. Theme install failed...What’s wrong?

You’ve uploaded the entire ZIP file that you downloaded from ThemeForest. 

You actually need to open that ZIP file first, and inside you can find the theme's ZIP file itself, and reading theme documentation will show you all essential steps. 

This might be helpfull:

http://support.envato.com/index.php?/Knowledgebase/Article/View/269/0/my-wordpress-theme-isnt-working-what-should-i-do