Contents

1. What is: wp-config.php

2. 2 - UPDATE COOL COMMENT

3. How do I create a Contact page?

4. Breena Child Theme

5. 6 - PHPMailer

6. Ronda Child Theme

7. 500 Internal Server Error

8. 5 - Create reCAPTCHA

9. How do I translate my Elletta's Theme to another language?

10. 3 - ADMINISTRATION

11. Images

12. How to reduce loading time on my site?

13. Video demo

14. Elletta Child Theme

15. How do I import the demo content?

16. Add a newsletter sign-up form to Elletta and Ronda Theme

17. Changelog - Elletta

18. WordPress presentation

19. Beginning Basics: Getting Started with Elleta

20. 3.1 - Dashboard

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

22. How to change Author Avatar?

23. How do I set up my navigation menu?

24. Beginning Basics: Getting Started with Breena

25. How to change the background color of the comment section?

26. Beginning Basics: Getting Started with Ronda

27. 1 - INSTALLATION

28. WordPress Codex information

29. 7 - Language

30. How to Include Google Analytics Tracking Code?

31. How to Include Custom CSS?

32. How do I add a Featured Image?

33. What are best WordPress/ PHP settings?

34. How to Install a Theme in WordPress?

35. 3.2 - Settings

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

37. What Is The WP Memory Limit?

38. Creating additional WordPress Users

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

40. 4 - Login Facebook

41. Setting up your Newletter Widget

42. How do I set up my header?

43. Theme is missing the style.css stylesheet error

44. 0 - SUMMARY

45. 3.4 - Containers

46. How To Import XML Files?

47. Post vs. Page

48. Add a newsletter sign-up form to Breena

49. How to optimize Images?

50. How do I translate my Ronda's Theme to another language?

51. 3.3 - Comments

52. How to Paginate a Post?

53. How do I set up Breena's Instagram footer widget?

54. Changelog

55. How do I translate my Breena's Theme to another language?

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

57. What is: CSS

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

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


2. 2 - UPDATE COOL COMMENT

If you have an old version of "Cool comments ajax system", you must follow the steps of the INSTALLATIONsection, the update will be done automatically.

The only configuration that will not be saved will be the data of the PHP Mailer, this data should be rewritten in the administration in the "Email" section

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


4. Breena Child Theme

WordPress child theme allows you to apply custom code changes to your site. Using a child theme ensures that all your customizations will not be overwritten even when you update the parent theme. Continue reading below to learn how to setup your own child theme.

What Is A Child Theme?

A child theme is a theme that has all the functionality and styling of another theme called the parent theme, which in our case, is Breena. Child themes are the recommended way of modifying the code of an existing theme because a child theme preserves all custom code changes and modifications even after a theme update. If you modify code directly from a parent theme, then update the parent theme, your changes will be lost. Always use a child theme if you are modifying core code. Child themes can also be used for a number of things, such as custom CSS applications, template file modifications, and custom PHP functions and/or hooks. There are a couple of methods to modify a child theme. Child themes don’t guarantee that an update of custom code on the parent theme will not require further maintenance. This is especially true if you copy files from the parent theme to your child theme.

Useful Documentation On Child Themes

If you’d like to learn and read even more about child themes, please follow the links below.


5. 6 - PHPMailer

PHPMailer is a code library to send (transport) emails safely  and easily via PHP code from a web server (MUA to the MSA server).

Sending emails directly by PHP code requires a high-level familiarity to SMTP standard protocol (RFC 821, RFC 2821 and RFC 5321) and related issues (such as Carriage return) and vulnerabilities about Email injection for spamming. From 2001 PHPMailer is one of the popular  solutions for these matters on PHP.

You can see examples of use here

6. Ronda Child Theme

WordPress child theme allows you to apply custom code changes to your site. Using a child theme ensures that all your customizations will not be overwritten even when you update the parent theme. Continue reading below to learn how to setup your own child theme.

What Is A Child Theme?

A child theme is a theme that has all the functionality and styling of another theme called the parent theme, which in our case, is Breena. Child themes are the recommended way of modifying the code of an existing theme because a child theme preserves all custom code changes and modifications even after a theme update. If you modify code directly from a parent theme, then update the parent theme, your changes will be lost. Always use a child theme if you are modifying core code. Child themes can also be used for a number of things, such as custom CSS applications, template file modifications, and custom PHP functions and/or hooks. There are a couple of methods to modify a child theme. Child themes don’t guarantee that an update of custom code on the parent theme will not require further maintenance. This is especially true if you copy files from the parent theme to your child theme.

Useful Documentation On Child Themes

If you’d like to learn and read even more about child themes, please follow the links below.

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


8. 5 - Create reCAPTCHA

reCAPTCHA is a free service that protects your site from spam and abuse. It uses advanced risk analysis techniques to tell humans and bots apart. With the new API, a significant number of your valid human users will pass the reCAPTCHA challenge without having to solve a CAPTCHA. reCAPTCHA comes in the form of a widget that you can easily add to your blog, forum, registration form, etc

GET STARTED

We just have to follow the steps and paste our site key in the adminsitracion, in the "Key reCAPTCHA" field

9. How do I translate my Elletta's Theme to another language?

Applique’s theme is written in English, though you are of course welcome to translate them to your language. It’s possible to go through each theme file and manually the appropriate text elements using the program Poedit, or using WPML.

Using Poedit

Inside the Applique main theme files you will find default.po and default.mo files. This .po file is basically a list of all the text strings used in the theme files in English language, and .mo file is just the compiled export from .po file and is used by WordPress to translate the theme. Unfortunately, you need to translate the files manually, and then you need to save the translation file with your language code,

For example: fr_FR.po or nl_NL.po

You can find the right naming on this page, just search for your language and then lookup the WordPress Locale column.

So this is the full steps of translating the theme using Poedit:

  1. Get Poedit, you can get here http://poedit.net/
  2. We will create a new translation with poedit. Open poedit. File - > New front POT/PO file...

  1. Updating The Translations Catalogue

You will need to do this when new strings included after theme’s update. By doing this the Poedit will register new strings to your previously translated .po file, so you don’t need to do it again from scratch.

After you updated the theme on the new version, go to your theme files installation and navigate to Wp-Content > Themes > Breena > Languages. Open your file default.po (example fr_FR.po) using Poedit. Find update button on the top of the software windows and save your file after you translated the new strings.

Using WPML

We’ve worked directly with the WPML team to make Applique compatible with the popular WPML plugin. Below you will find documentation their team created for using WPML plugin with our theme. If you’ve purchased WPML and have any questions or issues, please check the links below.

http://wpml.org/documentation/wpml-core-and-add-on-plugins/

http://wpml.org/forums/forum/english-support/

http://wpml.org/documentation/getting-started-guide/

Translating using WPML

To translate a page/posts you need to go to your WordPress Admin Panel –> Pages/Posts and in the list you will see columns for each active language, with a pencil icon (for ‘edit translation’) or a ‘+’ icon (for ‘add translation’) next to each page. Go ahead and edit or add the translated page for one of your page. if you want to use your existing page settings in the translated one you can duplicate the page by following this guide

More guides:

http://wpml.org/documentation/getting-started-guide/string-translation/

http://wpml.org/documentation/getting-started-guide/translating-page-slugs/

http://wpml.org/documentation/translating-your-contents/using-the-translation-editor/translation-management-features/

http://wpml.org/documentation/getting-started-guide/theme-localization/

http://wpml.org/documentation/translating-your-contents/using-the-translation-editor/

 

Translating Menus and Language Switcher in Header

WPML can synchronize menus for you. This means that if some entries, for example some pages, posts or categories, are in the English menu, WPML can generate and keep in synch menus for other languages pointing to the translated versions of these pages, posts or categories.

From WordPress Appearance->Menus you can see your existing menus and add menu translations and synchronize menus across translations.

10. 3 - ADMINISTRATION

To access the Administration you must go to the path where you installed the plugin.

For example: http://www.your-domain/directory path/admin-coolComment/

In the administration, you have sections diferents:

  1. Dashboard
    This is the homepage, when you enter in the aplicattion, after you write your login and password, you see is page.
    In the page have three elements, there are Settings, Comments and Containers. In the setting, you configure the count of administrator, you have custom settings and you can design the options of comments. In the Comments you can to see the comments of user and you can to configure options of comments. In the containers. you can to create and to see containers.
  2. Settings
    - You can set a username for entry in your administration
    - You can set a new password
    - Receive alerts for each new comment
    - Activate antispam measures
    - Comment monitoring
    - Change language
    - Change the style of comment management
    - Activate Facebook login
    - Configure email
  3. Comments
    You can to see all comments, the comments approved. The comments pending and the comments spam. 
    You can delete the comments.   You can active the comments.
  4. Containers
    You can see the containers that you have created. Also, you have the option to create a new container for other website.
    1 - Here, you select the link "New"
    2 - You will view a new window
    3 - In this window, you write the name of container and press the insert button
    4 - You copy of the section code
    5 - Press the "Copy code" button
    6 - Finally, you must paste the code on the web where you want to show the comments

11. Images

IMPORTANT! It is possible that after theme activation are images wrongly cropped and look ugly!

In this case use this plugin: http://wordpress.org/extend/plugins/regenerate-thumbnails/ to regenerate old thumbnails from previous theme.  After plugin installation start regeneration in Tools > Regen. Thumbnails This process can take a while and you cannot close tab/window until regeneration is done.

Images and thumbnails are generated automatically.

To display thumbnails correctly upload images via WP interface using "Set featured image" button. After image upload set featured image.

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

13. Video demo


14. Elletta Child Theme

WordPress child theme allows you to apply custom code changes to your site. Using a child theme ensures that all your customizations will not be overwritten even when you update the parent theme. Continue reading below to learn how to setup your own child theme.

What Is A Child Theme?

A child theme is a theme that has all the functionality and styling of another theme called the parent theme, which in our case, is Breena. Child themes are the recommended way of modifying the code of an existing theme because a child theme preserves all custom code changes and modifications even after a theme update. If you modify code directly from a parent theme, then update the parent theme, your changes will be lost. Always use a child theme if you are modifying core code. Child themes can also be used for a number of things, such as custom CSS applications, template file modifications, and custom PHP functions and/or hooks. There are a couple of methods to modify a child theme. Child themes don’t guarantee that an update of custom code on the parent theme will not require further maintenance. This is especially true if you copy files from the parent theme to your child theme.

Useful Documentation On Child Themes

If you’d like to learn and read even more about child themes, please follow the links below.

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


16. Add a newsletter sign-up form to Elletta and Ronda Theme

By default, Elletta doesn't have a newsletter sign-up form included in the theme, however it is possible to add this functionality with the help of the Mailchimp for WordPress plugin. 

In order to add a MailChimp newsletter sign-up form widget to your sidebar, you can follow the instructions below. We'll need to create a MailChimp Account, install the necessary plugin, and then set up your newsletter widget. 

Newsletter

1 -. SIGN-UP FOR MAILCHIMP

First, please ensure you have signed up and created an account with MailChimp. Once you have done so, your account will be given a unique "API Key" number. This API Key is used to link your MailChimp account to your WordPress. 

To find your MailChimp API Key:  Log into your MailChimp account > Your Account Page > Extras > API Keys > Create a key.

2 -. INSTALL THE PLUGIN

Next, you'll need to install the MailChimp for WordPress plugin onto your WordPress.

Installing the Mailchimp for WordPress plugin: Log into your WordPress Dashboard > Plugins > Add New > Search for term "MailChimp for WordPress" > Install Now > Activate Plugin.

Once installed, navigate to the plugin's Settings page.  Here, you'll want to copy and paste your MailChimp account's API Key into the form and click "Save changes".



3 -. SETTING UP THE NEWSLETTER WIDGET

To customize your newsletter form, you can navigate to WP Dashboard > MailChimp for WP > Forms.  On this screen, you can determine just how your newsletter form displays.

Copy and paste the following HTML code into the box on this page:

<p>
    <label>Subscribe to my Newsletter</label> /* this line is optional */
    <input type="email" id="mc4wp_email" name="EMAIL" placeholder="Your email address" required="">
</p>
<p>
    <input type="submit" value="Subscribe">
</p>

This will have your widget display a heading of "Subscribe to my Newsletter", an email input field, and a submit button. Save changes when finished. 

4 -. INSERT THE WIDGET

Lastly, navigate to WP Dashboard > Appearance > Widgets.

A new widget titled "MailChimp Sign-Up Form" will have appeared. Drag and drop this widget into your Sidebar or Footer area.


If you'd like help changing the colors or styling of the newsletter widget, feel free to open up a new support ticket and let us know! 

17. Changelog - Elletta

Version 1.1.3 – 2018-April-18: 

Version 1.1.2 – 2018-March-6: 

Version 1.1.1 – 2018-Frebruary-16: 

Version 1.1 – 2018-January-17: 

Version 1.0.11 – 2017-10-30: 


Version 1.0.10 – 2017-08-03: 

Version 1.0.9 – 2017-05-26: 

Version 1.0.8 – 2017-03-23: 

Version 1.0.7 – 2017-01-25: 

Version 1.0.6 – 2017-01-12: 

Version 1.0.5 – 2016-12-14: 

Version 1.0.4 – 2016-12-07: 

Version 1.0.3 – 2016-11-30: 

Version 1.0.0 – 2016-11-14

18. WordPress presentation

19. Beginning Basics: Getting Started with Elleta

Whether you're brand new to WordPress or would just like a quick lesson on basic Elletta theme features, you're in the right place! Below, we'll go through a number of how-tos regarding standard theme functions, from installing the theme to setting up your sidebar, recipe card, and more.

To skip directly to a specific section in the article, please use this index:



INSTALLING THE THEME

When you purchase a Elletta license from Creative Market 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 "elletta.zip".

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

"elletta.zip" is the main theme.

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 "elletta.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 Elletta 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 titled "elletta.zip".

Back to Top


CREATING A POST

Elletta has the possibility to create 7 different types of posts: standard, audio, sound could, video, gallery, quote, and link.

In order to activate these post options, you'll first want to ensure you've installed & activated the required Meta Box plugin. This plugin comes included with the theme.
When you first activate Elletta, you should notice a banner notification across the top of your dashboard advising you to install specific required & recommended plugins.


Install & activate the Meta Box plugin by clicking the "Begin installing plugins" link. Check the boxes next to the plugins > select "Install" from the drop-down menu > and click "Apply".

After, follow the same steps yet select "Activate" from the drop-down menu (plugins need to be both installed AND activated to function).

To create a new post, go to WordPress Dashboard > Posts > Add New.

Above your content box & toolbar, you'll see a series of tabs titled Standard, Gallery, Video, and Audio. Select whichever tab you'd like your post format to be in. Each tab will give you different input boxes depending on the content you'd like to add.

Standard Post

A standard post is the default post type.
You can add text and images to your post using the tools and content box.
Example of a standard post: http://elletta.tuweb4.com/bay-come-on-home/

Gallery Post

A gallery post allows you to create a slideshow-type gallery at the top of your post. After clicking the "Gallery" tab to choose this post format option, click the "Pick Images" button within the "Gallery Images" box that has appeared. Select whatever images you'd like from your WordPress Media Library.
Example of a gallery post: http://elletta.tuweb4.com/coffee-table-jazz/

Video Post

A video post displays a video at the top of your post. You can share videos from nearly all video hosting sites, such as Vimeo or Youtube. Simply copy & paste the video's URL, oembed code, or embed code into the special input box. When you preview or publish your post, the video will appear.
Example of a video post: http://elletta.tuweb4.com/heal-tomorrow/

Music Post, audio post, Could post

An audio post allows you to share a music or audio track and displays it at the top of the post. Like the video post, simply copy & paste the track's URL, oembed code, or embed code into the special audio input box. When you preview or publish the post, the track will appear.
Example of an audio post: http://elletta.tuweb4.com/panda-desiigner/ - http://elletta.tuweb4.com/fade-to-black/

Once you've determined your desired post format, entered your title, and added your content, remember to assign at least 1 category to your post. Additionally, also ensure you assign a featured image to the post.

Once you're finished preparing your post, you can click "Preview" to preview how your post will look once published onto your site, click "Publish" to have it appear on your site, or click "Save Draft" to save your post as it is, though not publish it yet.

Back to Top


CREATING A PAGE

A standard, static page is similar to creating a post in many ways, and is ideal for creating an About Me or Contact section to your website.

You can create any number of pages with content. Elletta includes several options to choose from, and you will need to choose the page template that suits your needs. All of this is done in the pages section of your WordPress Admin.

Follow These Steps Below To Create A New Page

  1. Navigate to Pages and clickAdd New
  2. Input a new name for your page, then find the Page Attributes box on right side
  3. Set your Parent page; it’s usually set to No Parent
  4. Set your template from the dropdown list. See list of page templates below
  5. Select page options in the Page Configuration box. See the Page Options section of this document
  6. Content for your page goes in the editing field, use the Visual or Text editor.

To change the settings pages go to Apperance – > Customize -> Pages Settings.

Once you've published your new page, it will not automatically appear in your main menu. For a tutorial on adding items to your main menu, please check out this FAQ article: How do I set up my navigation menu?

Back to Top


CREATING A CATEGORY PAGE

A category page is a dynamic page that pulls in all of your posts assigned with a particular category.
You do not create a category page like you would a standard page (described above). 
A category page is generated by WordPress after you add a category to your main menu.

First, ensure you've assigned the category to at least 1 published post.
Then, navigate to WP Dashboard > Appearance > Menus and click the drop-down box heading titled "Categories" on the left of the page. Below, your categories will be listed. Check the box next to your desired category and click "Add to Menu". Be sure to save.
When you click on the newly-created menu item, it will take you to that category's page.


For more information on creating a category page, please check out: How do I set up my navigation menu?

ADJUSTING THE LAYOUT OF YOUR CATEGORY PAGES:

Category Pages which display all posts related to a particular category, Tag Pages which display all posts related to a particular tag, Author Pages which display all posts related to a particular author, etc., are called "Archive Pages". 

To change the page layout of your archive pages, head to Appearance > Customize > Page Settings > and choose from the layout options within the "Layout Page" section.

Here, you can also enable or disable the sidebar from displaying on Archive pages.

Back to Top


HOMEPAGE SETTINGS


Your homepage is the first page visitors will see when they arrive at your website. By default, the homepage will be the page that also displays all of your posts, beginning with the most recent. We call this feature the "post feed".

To customize how your homepage looks, including its layout, colors, enabling/disabling the sidebar, etc., navigate to WordPress Dashboard > Appearance > Customize

Under the various drop-down tabs on the left of this screen, you'll find loads of ways to customize your homepage & website in general. 

For example, within the "Home Settings" tab, you can choose your homepage's post layout, enable/disable the sidebar and Home Layout


Be sure to explore the various options within this Customizer section. The live preview on the right will show you a preview of how each adjustment will visually affect your site.

If you'd like your homepage to instead be a static page and have your post feed display on another page entirely, please check out our tutorial here: How to create a static homepage & separate blog page.

Back to Top


Home Slider Settins

It is very easy to create the Sliders on the Home page, let’s look at three steps how to configure and create the Slider.

Step 1

Firstly, you ave to go to Apperance ­> Customize ­> Home sliders Setting where you can ckeck the appearance that it has in the next image:

Step 2

Following the image order, we chose whether we want to show or nor the slider at home page, if you want it in Box format and if finally you want to show ii for mobile devices

After it you have Slider Transition, which I list below

The rest of availabe options, as autoplay, shown autor, categories, date and size of the title source

As far we have indicated how visitors will see the slider in the web, now we need to indicate the information to show, which will be the third step

Step 3

Finally we indicate the infomation that the slider will show, we will see the Post Sliders

Back to Top


FEATURED AREA SETTINGS

You can see the different options Apparence > Customize > Featured Area Settings

You just have to try the different options. Everything is very visual

Back to Top


CREATING A MAIN MENU

Setting up Elletta's main menu is quite simple! For a walk-through on how to go about it as well as more specific how-to tutorials, please check out: How do I set up my navigation menu?

Back to Top


ADDING A FEATURED IMAGE

Assigning a featured image to your posts is very important, as the featured image is what the theme & other web functions use to visually represent the post in various situations.

For a walk-through on where and how to assign a featured image, please take a look at: How do I add a Featured Image?

Back to Top


ADDING SOCIAL ICONS

SOCIAL ICONS IN TOP BAR & FOOTER:

Navigate to Appearance > Customize > Social Media Settings

Here, you will see a list of social networks followed by a text input box. If you'd like to have a social icon for a particular social network, you can type in your username for that particular network. 


Please note that you do not need to insert your profile's full URL into this box unless prompted to do so. Only your related username is required. The username you enter will be added into a pre-set URL for the network.

Once you enter your username into a particular social network's text box, its icon will appear in your top-bar & footer social icon areas. If you leave a social network's box blank, the social icon will not appear in the top-bar or footer areas.

SOCIAL ICON WIDGET:

To add the social icon widget to your sidebar, navigate to WP Dashboard > Appearance > Widgets.

Drag the widget titled "elletta - Social Media Icons" into your Sidebar's widget area. Check the box for the social networks you'd like to display in the widget. 

Please be sure you've also entered your related social networks' usernames within Appearance > Customize > Social Media Settings, otherwise the social widget's icons won't know where to link. 

Back to Top


SETTING UP YOUR WIDGETS

Elletta includes many widget areas. You can use them for diffrent pages. The below image presents all widgets that are used for the sidebars

To set up your widget, navigate to WP Dashboard > Appearance > Widgets > and drag & drop the "elletta - widget" widget into the sidebar area.

Back to Top


SETTING UP YOUR NEWSLETTER WIDGET AT HOME

Elletta includes custom stylings for the "MailChimp for WordPress" plugin which allows you to display a beautiful newsletter sign-up form. You can insert this form within the Sidebar area, in a special widget area beneath the Featured Area element, or in a special widget area beneath a Post on its singular post page. 

For steps on setting your newsletter form up, please check out this article: How to setup Elletta's newsletter widget

Back to Top 


SETTING UP YOUR SIDEBAR

A sidebar is a vertical content area that displays to the right of your main content/post area. You customize your sidebar by stacking up different widgets that display a variety of things.


ENABLING/DISABLING THE SIDEBAR:

To enable/disable the sidebar on your homepage and/or your archive pages (category pages, tag pages, etc.) navigate to
WP Dashboard >
 Appearance > Customize > Home Settings.  Here, you can check or un-check the boxes next to "Configure Home Sidebar"
WP Dashboard > Appearance > Customize > Page Settings.  Here, you can check or un-check the boxes next to "Configure Page Sidebar"
WP Dashboard > Appearance > Customize > Post Settings.  Here, you can check or un-check the boxes next to "Configure Post Sidebar"


ADDING WIDGETS TO YOUR SIDEBAR:

To add, remove, or edit your sidebar widgets, navigate to WP Dashboard > Appearance > Widgets.
On the left, you will see a list of the available widgets to choose from.
On the right, you will see a few different widget areas in the theme.

To add a widget to your sidebar, simply drag & drop a widget on the left into the widget area titled "Sidebar".


EDIT WIDGETS IN YOUR SIDEBAR:

Once you've dropped a widget into the Sidebar widget area, click on its heading. A drop-down will appear and you can make any necessary adjustments to the widget's settings. From this widget setting drop-down, you can also delete the widget.

To position widgets within the sidebar, drag and drop them above or below each other.


SETTING UP THE HEADER AREA

The header is probably one of the first things you will want to setup. The header consists of pretty much everything above and including the menu. There are many different elements to the header and many ways to customize it including colors, content, design and more. All of this is done via Apparence -> Customize -> Header Section. The following sections will cover several different sections of the header that are listed below:


 

SETTING UP THE FOOTER AREA

The footer area is the lower portion of the theme that will appear on all pages of your site. It can include:


NEWSLETTER MAILCHIMP:
Elletta includes custom stylings for the "MailChimp for WordPress" plugin which allows you to display a beautiful newsletter sign-up form. You can insert this form within the Sidebar area, in a special widget area beneath the Featured Area element, or in a special widget area beneath a Post on its singular post page. 

For steps on setting your newsletter form up, please check out this article: How to setup Elletta's newsletter widget

INSTAGRAM FOOTER AREA:
Similar to the section above regarding "Setting up your Sidebar", the footer has a widget area titled "Instagram Footer" where you can add in a widget to display your Instagram images in a full-width section.
The widget is simply called "Instagram" and is made available after installing & activating the plugin called WP Instagram Widget.

To add the Instagram widget, navigate to WP Dashboard > Appearance > Widgets.
On the right, you'll see the theme's different widget areas. One of which is the widget area titled "Instagram Footer".

Drag the "Instagram" widget from the left of this screen into the "Instagram Footer" widget area. To edit the widget's settings, click on the widget's heading once it's been placed in a widget area. A drop-down area will appear.

To have your Instagram footer display like the Elletta demo site's, set the "Number of photos" option to be "6". Set the "Photo Size" to "Large" and give the widget a "Title" if you'd like the white text box overlay to appear on top of the images. 

COPYRIGHT TEXT AREA:
At the very bottom of the theme is a bar which features a text area to include copyright or disclaimer text. You are not required to include a copyright or disclaimer statement. In fact, you can type whatever you'd like in this area!

To edit the two footer text areas, look within
WP Dashboard > Appearance > Customize > Footer Settings.

Back to Top


For help troubleshooting issues in Elletta or to see some fun customization tutorials, check out all of Elletta's FAQ Articles here! Elletta Articles

And, as always, if you have any theme-related questions you can't find the solution to in our FAQ article database, you're always welcome to open up a new support ticket. 

Back to Top

20. 3.1 - Dashboard

This is the homepage, when you enter in the aplicattion, after you write your login and password, you see is page.

In the page have three elements, there are Settings, Comments and Containers.

In the setting, you configure the count of administrator, you have custom settings and you can design the options of comments.

In the Comments you can to see the comments of user and you can to configure options of comments.

In the containers. you can to create and to see containers.

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


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

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

24. Beginning Basics: Getting Started with Breena

Whether you're brand new to WordPress or would just like a quick lesson on basic Breena theme features, you're in the right place! Below, we'll go through a number of how-tos regarding standard theme functions, from installing the theme to setting up your sidebar, recipe card, and more.

To skip directly to a specific section in the article, please use this index:



25. How to change the background color of the comment section?

In the Dasboard -> Apparence -> Customize -> Custom CSS

Add the following code (replacing XXXXXX by the code of the color you want):

.post-comments {background-color:#XXXXXX;}


26. Beginning Basics: Getting Started with Ronda

Whether you're brand new to WordPress or would just like a quick lesson on basic Ronda theme features, you're in the right place! Below, we'll go through a number of how-tos regarding standard theme functions, from installing the theme to setting up your sidebar, recipe card, and more.

To skip directly to a specific section in the article, please use this index:

INSTALLING THE THEME

When you purchase a Elletta license from Creative Market 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 "elletta.zip".

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

"elletta.zip" is the main theme.  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 "elletta.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 Elletta 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 titled "elletta.zip".

Back to Top

CREATING A POST

Elletta has the possibility to create 7 different types of postsstandardaudiosound couldvideogallery,and quote.

In order to activate these post options, you'll first want to ensure you've installed & activated the required Meta Box plugin. This plugin comes included with the theme.  When you first activate Elletta, you should notice a banner notification across the top of your dashboard advising you to install specific required & recommended plugins.


Install & activate the Meta Box plugin by clicking the "Begin installing plugins" link. Check the boxes next to the plugins > select "" from the drop-down menu > and click ">span class="redactor-inline-converted">Apply".

After, follow the same steps yet select "Activate" from the drop-down menu (plugins need to be both installed AND activated to function).

To create a new post, go to WordPress Dashboard > Posts > Add New

Above your content box & toolbar, you'll see a series of tabs titled Standard, Gallery, Video, and Audio. Select whichever tab you'd like your post format to be in. Each tab will give you different input boxes depending on the content you'd like to add. 

Standard Post

A standard post is the default post type.  You can add text and images to your post using the tools and content box.  Example of a standard posthttp://www.tuweb4.com/wordpress/ronda/travel/46-2/

Gallery Post

A gallery post allows you to create a slideshow-type gallery at the top of your post. After clicking the "Gallery" tab to choose this post format option, click the "Pick Images" button within the "Gallery Images" box that has appeared. Select whatever images you'd like from your WordPress Media Library.  Example of a gallery posthttp://www.tuweb4.com/wordpress/ronda/travel/48-2/

Video Post

A video post displays a video at the top of your post. You can share videos from nearly all video hosting sites, such as Vimeo or Youtube. Simply copy & paste the video's URL, oembed code, or embed code into the special input box. When you preview or publish your post, the video will appear.  Example of a video posthttp://www.tuweb4.com/wordpress/ronda/travel/44-2/ 

Music Post, audio post, Could post

An audio post allows you to share a music or audio track and displays it at the top of the post. Like the video post, simply copy & paste the track's URL, oembed code, or embed code into the special audio input box. When you preview or publish the post, the track will appear.  Example of an audio posthttp://www.tuweb4.com/wordpress/ronda/travel/travel-dreams/

Once you've determined your desired post format, entered your title, and added your content, remember to assign at least 1 category to your post. Additionally, also ensure you assign a featured image to the post.

Once you're finished preparing your post, you can click "Preview" to preview how your post will look once published onto your site, click "Publish" to have it appear on your site, or click "Save Draft" to save your post as it is, though not publish it yet.

Back to Top

CREATING A PAGE

A standard, static page is similar to creating a post in many ways, and is ideal for creating an About Me or Contact section to your website.

You can create any number of pages with content. Elletta includes several options to choose from, and you will need to choose the page template that suits your needs. All of this is done in the pages section of your WordPress Admin.

Follow These Steps Below To Create A New Page

  1. Navigate to Pages and clickAdd New
  2. Input a new name for your page, then find the Page Attributes box on right side
  3. Set your Parent page; it’s usually set to No Parent
  4. Set your template from the dropdown list. See list of page templates below
  5. Select page options in the Page Configuration box. See the Page Options section of this document
  6. Content for your page goes in the editing field, use the Visual or Text editor.

To change the settings pages go to Apperance – > Customize -> Pages Settings.

Once you've published your new page, it will not automatically appear in your main menu. For a tutorial on adding items to your main menu, please check out this FAQ article: How do I set up my navigation menu?

Back to Top

CREATING A CATEGORY PAGE

A category page is a dynamic page that pulls in all of your posts assigned with a particular category.  You do not create a category page like you would a standard page (described above).  A category page is generated by WordPress after you add a category to your main menu.

First, ensure you've assigned the category to at least 1 published post.  Then, navigate to WP Dashboard > Appearance > Menus and click the drop-down box heading titled "Categories" on the left of the page. Below, your categories will be listed. Check the box next to your desired category and click "Add to Menu". Be sure to save.  When you click on the newly-created menu item, it will take you to that category's page.

For more information on creating a category page, please check out: How do I set up my navigation menu?

ADJUSTING THE LAYOUT OF YOUR CATEGORY PAGES: Category Pages which display all posts related to a particular category, Tag Pages which display all posts related to a particular tag, Author Pages which display all posts related to a particular author, etc., are called "Archive Pages". 

To change the page layout of your archive pages, head to Appearance > Customize > Page Settings > and choose from the layout options within the "Layout Page" section.

Here, you can also enable or disable the sidebar from displaying on Archive pages.

Back to Top

HOMEPAGE SETTINGS AND HOME SECTIONS

Your homepage is the first page visitors will see when they arrive at your website. By default, the homepage will be the page that also displays all of your posts, beginning with the most recent. We call this feature the "post feed".

To customize how your homepage looks, including its layout, colors, enabling/disabling the sidebar, etc., navigate to WordPress Dashboard > Appearance > Customize

Under the various drop-down tabs on the left of this screen, you'll find loads of ways to customize your homepage & website in general. 

For example, within the "Home Settings" tab, you can choose your homepage's post layout, enable/disable the sidebar and Home Layout

Be sure to explore the various options within this Customizer section. The live preview on the right will show you a preview of how each adjustment will visually affect your site.

If you'd like your homepage to instead be a static page and have your post feed display on another page entirely, please check out our tutorial here: How to create a static homepage & separate blog page.

Back to Top

Home Slider Settins

It is very easy to create the Sliders on the Home page, let’s look at three steps how to configure and create the Slider.

Step 1

Firstly, you ave to go to Apperance ­> Customize ­> Home sliders Setting where you can ckeck the appearance that it has in the next image:

Step 2

Following the image order, we chose whether we want to show or nor the slider at home page, if you want it in Box format and if finally you want to show ii for mobile devices

After it you have Slider Transition, which I list below

The rest of availabe options, as autoplay, shown autor, categories, date and size of the title source

As far we have indicated how visitors will see the slider in the web, now we need to indicate the information to show, which will be the third step

Step 3

Finally we indicate the infomation that the slider will show, we will see the Post Sliders

Back to Top

FEATURED AREA SETTINGS

You can see the different options Apparence > Customize > Featured Area Settings

You just have to try the different options. Everything is very visual

Back to Top

CREATING A MAIN MENU

Setting up Elletta's main menu is quite simple! For a walk-through on how to go about it as well as more specific how-to tutorials, please check out: How do I set up my navigation menu?

Back to Top

ADDING A FEATURED IMAGE

Assigning a featured image to your posts is very important, as the featured image is what the theme & other web functions use to visually represent the post in various situations.

For a walk-through on where and how to assign a featured image, please take a look at: How do I add a Featured Image?

Back to Top

ADDING SOCIAL ICONS

SOCIAL ICONS IN TOP BAR & FOOTER:

Navigate to Appearance > Customize > Social Media Settings

Here, you will see a list of social networks followed by a text input box. If you'd like to have a social icon for a particular social network, you can type in your username for that particular network. 

Please note that you do not need to insert your profile's full URL into this box unless prompted to do so. Only your related username is required. The username you enter will be added into a pre-set URL for the network.

Once you enter your username into a particular social network's text box, its icon will appear in your top-bar & footer social icon areas. If you leave a social network's box blank, the social icon will not appear in the top-bar or footer areas.

SOCIAL ICON WIDGET:

To add the social icon widget to your sidebar, navigate to WP Dashboard > Appearance > Widgets.

Drag the widget titled "elletta - Social Media Icons" into your Sidebar's widget area. Check the box for the social networks you'd like to display in the widget. 


Please be sure you've also entered your related social networks' usernames within Appearance > Customize > Social Media Settings, otherwise the social widget's icons won't know where to link. 

Back to Top

SETTING UP YOUR WIDGETS

Elletta includes many widget areas. You can use them for diffrent pages. The below image presents all widgets that are used for the sidebars

To set up your widget, navigate to WP Dashboard > Appearance > Widgets > and drag & drop the "elletta - widget" widget into the sidebar area.

Back to Top

SETTING UP YOUR NEWSLETTER WIDGET AT HOME

Elletta includes custom stylings for the "MailChimp for WordPress" plugin which allows you to display a beautiful newsletter sign-up form. You can insert this form within the Sidebar area, in a special widget area beneath the Featured Area element, or in a special widget area beneath a Post on its singular post page. 

For steps on setting your newsletter form up, please check out this article: How to setup Ronda's newsletter widget

Back to Top 

SETTING UP YOUR SIDEBAR

A sidebar is a vertical content area that displays to the right of your main content/post area. You customize your sidebar by stacking up different widgets that display a variety of things.


ENABLING/DISABLING THE SIDEBAR: To enable/disable the sidebar on your homepage and/or your archive pages (category pages, tag pages, etc.) navigate to  WP Dashboard > Appearance > Customize > Home Settings.  Here, you can check or un-check the boxes next to "Configure Home Sidebar" WP Dashboard > Appearance > Customize > Page Settings.  Here, you can check or un-check the boxes next to "Configure Page Sidebar" WP Dashboard > Appearance > Customize > Post Settings.  Here, you can check or un-check the boxes next to "Configure Post Sidebar"

ADDING WIDGETS TO YOUR SIDEBAR: To add, remove, or edit your sidebar widgets, navigate to WP Dashboard > Appearance > Widgets.  On the left, you will see a list of the available widgets to choose from.  On the right, you will see a few different widget areas in the theme.

To add a widget to your sidebar, simply drag & drop a widget on the left into the widget area titled "Sidebar".


EDIT WIDGETS IN YOUR SIDEBAR:

Once you've dropped a widget into the Sidebar widget area, click on its heading. A drop-down will appear and you can make any necessary adjustments to the widget's settings. From this widget setting drop-down, you can also delete the widget.

To position widgets within the sidebar, drag and drop them above or below each other.

Back to Top

SETTING UP THE HEADER AREA

The header is probably one of the first things you will want to setup. The header consists of pretty much everything above and including the menu. There are many different elements to the header and many ways to customize it including colors, content, design and more. All of this is done via Apparence -> Customize -> Header Section. The following sections will cover several different sections of the header that are listed below:

 

SETTING UP THE FOOTER AREA

The footer area is the lower portion of the theme that will appear on all pages of your site. It can include:

NEWSLETTER MAILCHIMP: Elletta includes custom stylings for the "MailChimp for WordPress" plugin which allows you to display a beautiful newsletter sign-up form. You can insert this form within the Sidebar area, in a special widget area beneath the Featured Area element, or in a special widget area beneath a Post on its singular post page. 

For steps on setting your newsletter form up, please check out this article: How to setup Ronda's newsletter widget

INSTAGRAM FOOTER AREA: Similar to the section above regarding "Setting up your Sidebar", the footer has a widget area titled "Instagram Footer" where you can add in a widget to display your Instagram images in a full-width section.  The widget is simply called "" and is made available after installing & activating the plugin called >span class="redactor-inline-converted">WP Instagram Widget.

To add the Instagram widget, navigate to WP Dashboard > Appearance > Widgets.  On the right, you'll see the theme's different widget areas. One of which is the widget area titled "".

Drag the ">span class="redactor-inline-converted"" widget from the left of this screen into the ">span class="redactor-inline-converted"" widget area. To edit the widget's settings, click on the widget's heading once it's been placed in a widget area. A drop-down area will appear.

To have your Instagram footer display like the Elletta demo site's, set the ">span class="redactor-inline-converted">Number of photos" option to be "6". Set the "Photo Size" to "Large" and give the widget a "Title" if you'd like the white text box overlay to appear on top of the images. 

COPYRIGHT TEXT AREA: At the very bottom of the theme is a bar which features a text area to include copyright or disclaimer text. You are not required to include a copyright or disclaimer statement. In fact, you can type whatever you'd like in this area!

To edit the two footer text areas, look within  WP Dashboard > Appearance > Customize > Footer Settings.

Back to Top

For help troubleshooting issues in Elletta or to see some fun customization tutorials, check out all of Elletta's FAQ Articles here! Ronda Articles

And, as always, if you have any theme-related questions you can't find the solution to in our FAQ article database, you're always welcome to open up a new support ticket. 

Back to Top

27. 1 - INSTALLATION

  1. Unzip folder
  2. Rename the admin-coolComment/assets/config/example_config.php file to config.php
  3. Open config.php and set your database configuration.
    Use the following code to connect the database in config.php
  4. $config = array(                    
        //type installation demo or production
        "installation" => "production",                       
        //data from the database
        //with this error Warning: mysqli_connect(): (HY000/2002): Can't connect to local MySQL server through socket '/var/lib/mysql/mysql.sock' (2)
        //test with host "127.0.0.1"   
        "db_host" => "localhost", 
        //here, you have to write your name of user of your database
        "db_username" => "coolComments",
        //here, you have to write the password of your database
        "db_password" => "********",
        //here, you have to write the name of your database
        "db_database" => "coolComments",    
        // server url and base path, usually you don't need to change this
        "base_url" => $urlBase,
        "base_path" => __DIR__,                
    );
    
  5. Upload the content to the directory you want
  6. Access the next url http://www.your-domain/directory path/admin-coolComment/you will view the page of installation.
    For example: http://www.myweb.com/coolComments/admin-coolComment/
  7. On this page you must insert an email and a password to perform the installation


  8. Finally, you have finished the installlation

28. WordPress Codex information

29. 7 - Language

Cool comment's plugin is written in English, though you are of course welcome to translate them to your language. To do the translation in your language you have to do it in two ways, with Poedit and with jquery-i18n

Using Poedit

Inside the Cool comment files you will find cool_comment.po and cool_comment.mo files in /assets/locale/en_GB/LC_MESSAGES. This .po file is basically a list of all the text strings used in the plugins files in English language, and .mo file is just the compiled export from .po file. Unfortunately, you need to translate the files manually, and then you need to save each file in the appropriate path, taking into account the language code

For example: 

/assets/locale/fr_FR/LC_MESSAGES/cool_comment.po 

/assets/locale/nl_NL/LC_MESSAGES/cool_comment.po 


You can find the right naming on this page.

So this is the full steps of translating the theme using Poedit:

  1. Get Poedit, you can get here http://poedit.net/
  2. We will create a new translation with poedit. Open poedit. File - > New front POT/PO file...
  3. When you are done translating all needed strings save each file in the appropriate path, taking into account the language code for example france: /assets/locale/fr_FR/LC_MESSAGES/cool_comment.po 
  4. Now in the administrator you must choose the language that you have created.

Using jquery-i18n

It is also possible to translate other texts that are not available from Poedit, to translate these text you just have to go to the folder of the file that you have created and copy the file "Messages.properties" of the language en_GB and open it with a text editor.

30. How to Include Google Analytics Tracking Code?

  1. Copy the code given to you by Google Analytics
  2. Go to WordPress > Appearance > Customize > Custom Javascript > look towards for Header Code box.
  3. Paste your Google Analytics (or other) tracking code here. This code will automatically be inserted into the head of your theme on every page.
  4. Click Save Changes. That’s it!

31. How to Include Custom CSS?

  1. Go to WordPress > Appearance > Customize > Custom CSS > look towards for Header Code box.
  2. Paste your Custom CSS.
  3. Click Save Changes. That’s it!

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



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

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


35. 3.2 - Settings

This section is divided into 5 tabs. In each of them you can modify the options of this plugin.

  1. General
    - Your email: The administrator's email, where all the plugin emails arrive
    - Password: The password to enter the administrator can be changed by pressing the "Change password" button
    Options
    - Alert email: Send email for new comment
    - Url user: Users can add their url
    - Response notification: Alert user for response
    - Active comments: Disable comments no approve
    - Show user image: Show the user's picture in the comments
    reCAPTCHA
    - Active reCAPTCHA
    - Key reCAPTCHA
    Create reCAPTCHA
  2. Language
    - Language: Choose the language of Cool Comment
    - Language datatables: Choose the language of DataTables
    - Timezone: Choose the time frame of the Cool Comment
    Bad words
    - Filter bad words: Disable filter bad words
    - Censored word: String to replace the word bad
    - Bad words: List of bad words
  3. Style: Change the styles of the administration and the comment page
    - Layout Cool Comment (admin): Choose between boxed or fluid
    - Theme Cool Comment (admin): Choose theme Cool Comment
    - Header Fixed
    - Footer Fixed
    Colors
    - Main button color
    - Color hover main button
    - Color line
    - Color background
    - Color background comment
    - Color background comment 1nd child
    - Color background comment 2nd child
    - Color text
    - Color text button
    - Color inside comment
    Colors mobile
    - Color background comment
    - Color background comment 1nd child
    - Color background comment 2nd child
    Image comment
    - Change icon
  4. Social login
    Gravatar
    - Active Gravatar
    What is gravatar
    Facebook 
    - Active facebook
    - Facebook App ID
    - Facebook Callback URL
    Create App Facebook
  5. Email
    - Send email with: Set the sender's email
    - Alias email: Set the name of the sender
    Email template
    - Image of the email header
    - Text footer email template
    Config PHPMailer: For more information about PHPMailer: https://github.com/PHPMailer/PHPMailer
    - Active PHPMailer: If it is disabled, will use the function mail() of PHP by default
    - Email template coding
    - Hostname of the mail server
    - Username to use for SMTP authentication
    - Password to use for SMTP authentication
    - Set the SMTP port number: Likely to be 25, 465 or 587
    - Set the encryption system to use: ssl (deprecated) or tls
    - Enable SMTP debugging
    - Whether to use SMTP authentication
    - Opportunistic TLS 


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



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

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

39. 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;
}

40. 4 - Login Facebook

Follow the steps to create a Facebook APP: https://developers.facebook.com/quickstarts/?platform=web

Create an application with the name you want

Write the captcha

Choose session start with Facebook

Choose Web

Fill in the form data

Fill in these data, they are important

Configure the options as they come in the image, in the field of "URI of valid OAuth redirection", paste the value that you have in the Admin in the section Setting-> Social login "Facebook Callback URL"



41. Setting up your Newletter Widget

Breena includes custom stylings for the "MailChimp for WordPress" plugin which allows you to display a beautiful newsletter sign-up form. You can insert this form within the Sidebar area, in a special widget area beneath the Featured Area element, or in a special widget area beneath a Post on its singular post page. 

For steps on setting your newsletter form up, please check out this article: How to setup Breena's newsletter widget

42. How do I set up my header?

The header is probably one of the first things you will want to setup. The header consists of pretty much everything above and including the menu. There are many different elements to the header and many ways to customize it including colors, content, design and more. All of this is done via Apparence -> Customize -> Header Section.

You have four different header

Header 1
Header 2
Header 3
Header 4


43. Theme is missing the style.css stylesheet error

A common issue that can occur when installing a WordPress themes is “The package could not be installed. The theme is missing the style.css stylesheet.” error message being displayed when uploading or activating the theme.

More information:

https://help.market.envato.com/hc/en-us/articles/202821510-Theme-is-missing-the-style-css-stylesheet-error

44. 0 - SUMMARY

Please, read you this section carefully.  

In this section, you learn how to install and to use the application in your web.

  1. Here, you select the link "New"
  2. You will view a new window
  3. In this window, you write the name of container and press the insert button
  4. You copy of the section code
  5. Press the "Copy code" button
  6. Finally, you must paste the code on the web and  create a div with the id "coolCommentDiv" (<div id="coolCommentDiv"></div>) and place it where you want the plugin to appear

Remember: when you do a new installation the options of "Active Comments", "Facebook" and "Notifications" are disabled.

45. 3.4 - Containers

You can see the containers that you have created. Also, you have the option to create a new container for other website.

1 - Here, you select the link "New"
2 - You will view a new window
3 - In this window, you write the name of container and press the insert button
4 - You copy of the section code
5 - Press the "Copy code" button
6 - Finally, you must paste the code on the web where you want to show the comments

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

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

48. Add a newsletter sign-up form to Breena

By default, Elletta doesn't have a newsletter sign-up form included in the theme, however it is possible to add this functionality with the help of the Mailchimp for WordPress plugin. 

In order to add a MailChimp newsletter sign-up form widget to your sidebar, you can follow the instructions below. We'll need to create a MailChimp Account, install the necessary plugin, and then set up your newsletter widget. 

1 -. SIGN-UP FOR MAILCHIMP

First, please ensure you have signed up and created an account with MailChimp. Once you have done so, your account will be given a unique "API Key" number. This API Key is used to link your MailChimp account to your WordPress. 

To find your MailChimp API Key:  Log into your MailChimp account > Your Account Page > Extras > API Keys > Create a key.

2 -. INSTALL THE PLUGIN

Next, you'll need to install the MailChimp for WordPress plugin onto your WordPress.

Installing the Mailchimp for WordPress plugin: Log into your WordPress Dashboard > Plugins > Add New > Search for term "MailChimp for WordPress" > Install Now > Activate Plugin.

Once installed, navigate to the plugin's Settings page.  Here, you'll want to copy and paste your MailChimp account's API Key into the form and click "Save changes".



3 -. SETTING UP THE NEWSLETTER WIDGET

To customize your newsletter form, you can navigate to WP Dashboard > MailChimp for WP > Forms.  On this screen, you can determine just how your newsletter form displays.

Copy and paste the following HTML code into the box on this page:

<p>
    <label>Subscribe to my Newsletter</label> /* this line is optional */
    <input type="email" id="mc4wp_email" name="EMAIL" placeholder="Your email address" required="">
</p>
<p>
    <input type="submit" value="Subscribe">
</p

This will have your widget display a heading of "Subscribe to my Newsletter", an email input field, and a submit button. Save changes when finished. 

4 -. INSERT THE WIDGET

Lastly, navigate to WP Dashboard > Appearance > Widgets.

A new widget titled "MailChimp Sign-Up Form" will have appeared. Drag and drop this widget into your Sidebar or Footer area.

 


If you'd like help changing the colors or styling of the newsletter widget, feel free to open up a new support ticket and let us know! 

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

50. How do I translate my Ronda's Theme to another language?

Applique’s theme is written in English, though you are of course welcome to translate them to your language. It’s possible to go through each theme file and manually the appropriate text elements using the program Poedit, or using WPML.

Using Poedit

Inside the Applique main theme files you will find default.po and default.mo files. This .po file is basically a list of all the text strings used in the theme files in English language, and .mo file is just the compiled export from .po file and is used by WordPress to translate the theme. Unfortunately, you need to translate the files manually, and then you need to save the translation file with your language code,

For example: fr_FR.po or nl_NL.po

You can find the right naming on this page, just search for your language and then lookup the WordPress Locale column.

So this is the full steps of translating the theme using Poedit:

  1. Get Poedit, you can get here http://poedit.net/
  2. We will create a new translation with poedit. Open poedit. File - > New front POT/PO file...

  1. Updating The Translations Catalogue

You will need to do this when new strings included after theme’s update. By doing this the Poedit will register new strings to your previously translated .po file, so you don’t need to do it again from scratch.

After you updated the theme on the new version, go to your theme files installation and navigate to Wp-Content > Themes > Breena > Languages. Open your file default.po (example fr_FR.po) using Poedit. Find update button on the top of the software windows and save your file after you translated the new strings.

Using WPML

We’ve worked directly with the WPML team to make Applique compatible with the popular WPML plugin. Below you will find documentation their team created for using WPML plugin with our theme. If you’ve purchased WPML and have any questions or issues, please check the links below.

http://wpml.org/documentation/wpml-core-and-add-on-plugins/

http://wpml.org/forums/forum/english-support/

http://wpml.org/documentation/getting-started-guide/

Translating using WPML

To translate a page/posts you need to go to your WordPress Admin Panel –> Pages/Posts and in the list you will see columns for each active language, with a pencil icon (for ‘edit translation’) or a ‘+’ icon (for ‘add translation’) next to each page. Go ahead and edit or add the translated page for one of your page. if you want to use your existing page settings in the translated one you can duplicate the page by following this guide

More guides:

http://wpml.org/documentation/getting-started-guide/string-translation/

http://wpml.org/documentation/getting-started-guide/translating-page-slugs/

http://wpml.org/documentation/translating-your-contents/using-the-translation-editor/translation-management-features/

http://wpml.org/documentation/getting-started-guide/theme-localization/

http://wpml.org/documentation/translating-your-contents/using-the-translation-editor/

 

Translating Menus and Language Switcher in Header

WPML can synchronize menus for you. This means that if some entries, for example some pages, posts or categories, are in the English menu, WPML can generate and keep in synch menus for other languages pointing to the translated versions of these pages, posts or categories.

From WordPress Appearance->Menus you can see your existing menus and add menu translations and synchronize menus across translations.

51. 3.3 - Comments

You can to see all comments, the comments approved. The comments pending and the comments spam. 

You can delete the comments.  

You can active the comments.

You can see the information of each comment, such as the date, if someone has answered this comment, the user.


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


53. How do I set up Breena's Instagram footer widget?

SETTING UP BREENA'S INSTAGRAM FOOTER

1 -. Ensure you have installed & activated the plugin called "WP Instagram Widget"

Once you activate the Breena theme, there will be a notification banner across the top recommending you install & activate particular plugins for the theme. One of which is the WP Instagram Widget plugin we've included stylings for in the theme. Be sure to install & activate this plugin.

2 -. Navigate to WP Dashboard > Appearance > Widgets

3 -. Drag the Instagram widget into the "Instagram Footer" widget area on the right.

4 -.  Customize your Instagram Footer widget.

We recommend setting the "Number of photos" to be "6". And choosing "Large" for the "Photo size".

 

IMPORTANT ITEMS TO NOTE:


54. Changelog

Version 1.2.1 – 18 April 2018:

Version 1.2 – 6 March 2018:

Version 1.1 – 16 January 2018:

Version 1.0.9 – 15 October 2017:

Version 1.0.8 – 3 August 2017:

Version 1.0.7 – 23 March 2017:

Version 1.0.6 – 16 February 2017:

Version 1.0.5.1 – 25 December 2016:

Version 1.0.5 – 7 December 2016:

Version 1.0.4 – 13 October 2016:

Version 1.0.3 – 22 September 2016:

Version 1.0.2 – 08 September 2016:

Version 1.0.1 – 31 August 2016:

Version 1.0 – 22 August 2016:

55. How do I translate my Breena's Theme to another language?

Applique’s theme is written in English, though you are of course welcome to translate them to your language. It’s possible to go through each theme file and manually the appropriate text elements using the program Poedit, or using WPML.

Using Poedit

Inside the Applique main theme files you will find default.po and default.mo files. This .po file is basically a list of all the text strings used in the theme files in English language, and .mo file is just the compiled export from .po file and is used by WordPress to translate the theme. Unfortunately, you need to translate the files manually, and then you need to save the translation file with your language code,

For example: fr_FR.po or nl_NL.po

You can find the right naming on this page, just search for your language and then lookup the WordPress Locale column.

So this is the full steps of translating the theme using Poedit:

  1. Get Poedit, you can get here http://poedit.net/
  2. We will create a new translation with poedit. Open poedit. File - > New front POT/PO file...

  1. Updating The Translations Catalogue

You will need to do this when new strings included after theme’s update. By doing this the Poedit will register new strings to your previously translated .po file, so you don’t need to do it again from scratch.

After you updated the theme on the new version, go to your theme files installation and navigate to Wp-Content > Themes > Breena > Languages. Open your file default.po (example fr_FR.po) using Poedit. Find update button on the top of the software windows and save your file after you translated the new strings.

Using WPML

We’ve worked directly with the WPML team to make Applique compatible with the popular WPML plugin. Below you will find documentation their team created for using WPML plugin with our theme. If you’ve purchased WPML and have any questions or issues, please check the links below.

http://wpml.org/documentation/wpml-core-and-add-on-plugins/

http://wpml.org/forums/forum/english-support/

http://wpml.org/documentation/getting-started-guide/

Translating using WPML

To translate a page/posts you need to go to your WordPress Admin Panel –> Pages/Posts and in the list you will see columns for each active language, with a pencil icon (for ‘edit translation’) or a ‘+’ icon (for ‘add translation’) next to each page. Go ahead and edit or add the translated page for one of your page. if you want to use your existing page settings in the translated one you can duplicate the page by following this guide

More guides:

http://wpml.org/documentation/getting-started-guide/string-translation/

http://wpml.org/documentation/getting-started-guide/translating-page-slugs/

http://wpml.org/documentation/translating-your-contents/using-the-translation-editor/translation-management-features/

http://wpml.org/documentation/getting-started-guide/theme-localization/

http://wpml.org/documentation/translating-your-contents/using-the-translation-editor/

 

Translating Menus and Language Switcher in Header

WPML can synchronize menus for you. This means that if some entries, for example some pages, posts or categories, are in the English menu, WPML can generate and keep in synch menus for other languages pointing to the translated versions of these pages, posts or categories.

From WordPress Appearance->Menus you can see your existing menus and add menu translations and synchronize menus across translations.

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

57. 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;
}

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