Getting Started

To successfully run our theme on your WordPress installation we recommend a certain PHP version and configuration setting:

PHP 5.6.X OR HIGHER

We reccomend using PHP version 5.6.X OR HIGHER, but please note that Themes, Plugins and WordPress itself, are constantly improving, so it is always recommended to use hosting plan which is following WordPress recommendations.

Theme will certainly run on lower versions of PHP, but some plugins may not. For example, if you are planning to have shop functionality and to install WooCommerce, then please check plugin requirements, and for WooCommerce, current requirements are 5.6.X OR HIGHER and memory limit of at least 64MB but 128MB or higher is prefered.

How to check PHP version?

You can install and activate WordPress phpinfo() plugin in order to check your server settings. Plugin can be installed from WP backend > Dashboard > plugins repository.

If your PHP version is lower than recommended please contact your hosting service provider to have them increase the PHP version on your server.

Helpful links:

Importance of running newer PHP version: Keeping Current

Hosting providers recommended by the WordPress community: Hosting

Installing WordPress

If you've recently purchased a hosting plan and a domain name, the next step is to install WordPress on your server. Here are a few links to help you start your website's back-end and get your site ready for installing a theme:

A step by step guide: Complete WordPress Installation Tutorial

If you plan on using our theme on a local installation and to migrate your site live later on, this is a useful link that shows how to setup a local WordPress environment.

Installing The Theme

There are several ways for theme installation:

Automatic WordPress installation

To install Theme automatically, from WordPress backend, navigate to Appearance > Themes > Add New, and search for the theme within WordPress repository:

Manual installation

You can also install theme manually by downloading .zip file from WordPress.org and then from WordPress backend, navigate to Appearance > Themes > Add New > Upload Theme, select donwnloaded .zip file and click on Install Now:

FTP installation

To install Theme using FTP software, first extract the .zip archive file (previously downlaoded from WordPress.org). After it is extracted you will see a folder named "green-ink". Now connect to your server using your file manager - FTP client, and navigate to the /wp-content/themes/ directory (under your WordPress website's root location). Upload the "green-ink" folder to the themes folder on your remote server.

After theme installation from WordPress backend, navigate to Appearance > Themes, and activate Green Ink theme.

Installing recommended plugins

Upon theme activation, you will be presented with notice (dialog box at the top of the screen) which is suggesting installation of recommended plugins.

Note: If you dismiss the notice it will no longer appear, so if you did that, simply activate one of default WordPress themes and then activate Green Ink theme again and notice will appear again.

It is strongly recommended to install all recommended plugins.

From the notice at the top you can easily install all reccomended plugins. Although plugins are not required, in order to be able to achieve same look and feel, like on our demo site, it is strongly recommended to install all recommended plugins.

This is the list of recommended plugins with links:

• KingComposer
• One Click Demo Import
• Rolo Slider
• WP-PageNavi
• Winning Portfolio

Installing additional plugins

Beside recommended plugins, again, in order to have everything like on demo website, you sould also install two additional plugins:

• WooCommerce
• Contact Form 7

Contact form on our demo site is created with Contact Form 7 plugin and if you want to run shop, you will need to install and to configure WooCommerce plugin.

For instrutions on how to use and to configure contact form, please check Contact Form 7 documentation.

If you are not familiar with WooCommerce, then please check plugin documentation.

Importing demo content

Note: In order to be able to import all demo content and to have same look like on our demo, it is important to have all recommended and additional plugins installed and activated.

To import theme demo content, first download greenink.demo.xml file to your PC by right clicking on the link and choosing Save link as...

After that, from WordPress back end, navigate to Appereance > Import Demo Data and choose previously downloaded XML file for content import, and finally click on Import Demo Data.

After successfully importing demo content, That's it, all done! message should appear at the bottom of the screen.

Note: Import process will need some time to complete (maybe up to 5 minutes), so please be patient. In case that import fails, and this could happen with cheaper hosting plans, with lower resources, simply repeat demo import few times until success message appears.

Adding Header and Shop Widgets

Importing demo content will not set any widgets except default ones for Posts Widget Area, so we will show you which widgets needs to be assigned to which widget area.

To Shop Widget Area add WooCommerce Price Filter, WooCommerce Product Categories and WooCommerce Recently Viewed. This is just for purpose of creating same look like in demo content and you can of course add WooCommerce widgets according to your needs.

To Header Widget Area add Text widget. and inside of it paste following HTML code:

<strong><i class="fa fa-phone" style="color: #b2dd4c;"></i>&nbsp;</strong><strong  style="color: #b2dd4c;">: +88 (0) 101 101</strong>
	      

Following image illustrates this:

Adding Footer Widgets

In similar way, we will cover placing of footer widgets.

Third and Fourth footer widget areas only hold Recent Posts and Arhives widgets, so place them in same way.

First and Second footer widget areas are holding text widgets with some HTML code for showing map image and contact info.

Inside First widget area, add text widget, and inside of it paste following HTML code:

      <br>
      <img src="http://greenink.dev/wp-content/uploads/2016/11/greenink-logo.png" alt="Green Ink logo">
      <p>
      <br>
      <strong><i class="fa fa-map-marker" style="color: #b2dd4c;"></i>&nbsp; Headquarters:</strong> 11755 Wilshire Blvd #1200 <br>&nbsp;&nbsp;&nbsp;&nbsp;Los Angeles, CA 90025
      <br><br>
      <strong><i class="fa fa-phone" style="color: #b2dd4c;"></i>&nbsp; Phone:</strong> +88 (0) 101 0000 000
      <br>
      <strong><i class="fa fa-fax" style="color: #b2dd4c;"></i>&nbsp; Fax:</strong> +88 (0) 202 0000 001
      </p>
      

Of course, you will have to replace path to image src to your image, and in case that you want to add some other icons, you can do so by searching Font Awesome icons.

Social icons below contact info is created wtih KinComposer. Since theme is coded according to wordpress.org coding standards, rendering of shortcodes inside text widgets is disabled. In order to be able to disaply footer icons, you will need to enable shortcodes inside text widgets, and you can do that by following instructions from this article How to Use Shortcodes in Sidebar Widgets or use Enable Shortcode plugin. Then, in order to create your own icons, create some testing page and create icons by using Multi icons KingComposer elemnt.

Then, from text editing mode, copy raw shortcode from the page but without opening and closing row and column shortcodes.

Finally, paste that code inside first footer widget area text widget imidieatly after exisitng code.

If everything has been done properly, icons will be displayed inside footer area.

For second footer widget just add HTML code below inside text widget area, and add title for the widget if you want. Of course in order to add your own map image, change src path to your image:

      <img src="http://demo.pressfore.com/themes/green-ink/wp-content/uploads/2016/11/footer-map.png" alt="map">
      

Finalizing demo import

You will need to add few lines of css which is used for styling footer widgets, and testimonails like in them demo. From WordPress backend, navigate to Appearance > Customize > Additioonal CSS, and paste following css code:

      /*Testimonials image center*/
      .tstm-wrapper .kc-testimo .content-image {
          margin: 0 auto;
          display: block;
          float: none;
      }

      .tstm-wrapper .content-title {
          font-style: initial;
      }

      /*Footer social icons*/
      #footer .textwidget .kc-multi-icons-wrapper a {
          margin: 0;
          background-color: #222222;
          padding: 5px;
      }

      #footer .textwidget .kc-multi-icons-wrapper i {
          font-size: 16px;
          color: #f9fafa;
      }
    

From Appereance > Menus save menu Primaty Navigation location:

From Appereance > Customize > Site Identity set logo image for your website.

Navigate to Rolo Slider > All sliders and copy home slider shortcode. It should look like this:

[rolo_slider name="home-page-slider"]

Then, from Apperance > Customize > Slider, paste shortcode inside Slider shortcode field.

Finally, from Setting > Reading set home page to static page Home, and posts page to Blog like this:

You are all set!

Theme Options

According to latest coding standards, for all themes on wordpress.org, theme options needs to be served through WordPress customizer, and this is the case here. You can access all options from WordPress back-end > Appearance > Customize.

There are different accordions with different set of options in each one. Some of options are specific for this theme, and other are default ones which you can find in most themes. We will cover all theme options and for default ones please read more about Customizer Screen. All available options in GreenInk theme are listed below:

• Header
• Preloader
• Site Identity
• Slider
• Footer
• Layout Preferences
• Colors
• Typogrraphy
• Woocommerce
• Extras
• Background Image
• Menus
• Widgets
• Static Front Page
• Additional CSS

Copyright

Copyright © 2017 Pressfore