Introducing iCook WordPress Theme

This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with this program. If not, see http://www.gnu.org/licenses/.

Thank you for purchasing our product! We are very glad that you have decided on our iCook WordPress Theme.

This documentation will teach you how to set up and use the iCook WordPress Theme. The theme is very easy to use and we are here to guide and help you, so please read and follow the documentation, if there are some other issues you want to discuss then do not hesitate to contact us on support@teslathemes.com. This documentation is more of a reference work if you do not know what to do, or if you are not familiar to WordPress.

Please read the following very carefully as it will help you set the theme up, we have gone through the setup process multiple times and provided the best possible instructions.

We strongly recommend you to use a fresh install of WordPress and integrate your content into the pages according to the documentation. Of course, you can try to implement the theme into your current WordPress, but we will not provide in-depth support for it. The theme has specific settings that may conflict with your current setup of categories, plugins, javascript use, and more.

We wish you good luck in your work with iCook WordPress Theme, and of course we would love to see your website and what you come up with by using this theme.

The theme is very easy to use and we are here to guide and help you, so please read and follow the instructions and if you have further questions write us a email support@teslathemes.com. This documentation is more of a reference work if you do not know what to do and need a better understanding on how the template is built write us a email.

Installing WordPress

To the Top

Step 1: Download and Extract

Download and unzip the WordPress package from Download Wordpress.

  • If you will be uploading WordPress to a remote web server, download the WordPress package to your computer with a web browser and unzip the package.
  • If you will be using FTP, upload the wordpress folder to your site.
  • After a successful upload, then you access your site URL and get this message:
Creating a new configuration file

Step 2: Edit the Configuration File

Auto Mode: After accessing the site you will get the configuration page:

Establishing a connection

If the information is correct and everything works fine you will receive:

Successful

If it's successful then skip the "Manual Mode" if not, follow the instructions bellow.

Manual Mode: You can either rename the file wp-config-sample.php to wp-config.php on your local machine or on you server (you'll still need to tell WordPress your database information).

Open wp-config.php with a txt editor and enter your database information under the section labeled:

/** The name of the database for WordPress */
define('DB_NAME', 'database_name_here');

/** MySQL database username */
define('DB_USER', 'username_here');

/** MySQL database password */
define('DB_PASSWORD', 'password_here');

/** MySQL hostname */
define('DB_HOST', 'localhost');

/** Database Charset to use in creating database tables. */
define('DB_CHARSET', 'utf8');

/** The Database Collate type. Don't change this if in doubt. */
define('DB_COLLATE', '');
                    

After the information is edited upload the file to the server.

Step 3: Site name and login data

If it's all sparky then you click Run the Install and fill all the lines bellow:

Login Information

This being the last step you will see a success message.

Success

Click Log in and now you can proceed to you site. Now you can go to installing your iCook WordPress Theme.

Installing Theme

To the Top

To install the iCook WordPress Theme you will need WordPress v3.4 or newer.

Option A

Follow the steps and upload the Theme's installation zip file through the WordPress admin backend:

upload

Then, when prompted activate the theme:

active

Note: If you can't get passed the file upload limit and/or if you get an error message mentioning exhausted memory size or something in those lines, you could try to increase that limit by adding to the "wp-config.php" the following line of code:

define('WP_MEMORY_LIMIT', '64M');

Option B

You have to upload via FTP to the Server, in Wordpress Folder → wp-content → themes folder the iCook WordPress Theme Folder.

If everything went well in Option A or B, the theme should appear under Appearance → Themes like shown below:

cover

Now you are ready to customize your theme

General Options

To the Top

Create a page that will serve as homepage - In wordpress admin panel under Pages → Add New, name it for example "Front Page Default". Also, select "Default Front Page" as the template used by the page.

Create a page that will serve as the archive page of blog posts - In wordpress admin panel under Pages → Add New, name it for example "Blog". Make sure that the permalink slug is "blog" only. Also, select "Default Template" as the template used by the page.

Set the front page to iCook as a static page: - Go to Settings → Reading → A static page (select below) → Front page: → Choose your page from the drop-down menu.

Choose your posts page from the drop-down menu. It should be the "Blog" page we have just created.

Your page should look something like:

home page

We recommend you set the number of items to show to be a number divisible by 3, for example: 6, 9, 12, etc

Tesla Framework options

To the Top

Tesla Framework options are divided into the following pages:


General Options

image

On this page you can set the following options:

Site Logo - you can set an image or you can set a text string as the logo, in case of a text string you can also specify the color, the font and the font size (in pixels)

Favicon - favicon is an image that is shown in the browser tab, also in the browser bookmarks

Custom CSS - In the "Custom CSS" box you can enter the desired CSS code that will be appended to the end of all the CSS styles loaded by the theme. You can use this box to customize the CSS of the theme.


Colors Background

image

On this page you can set the background of the site.

You can set the background color and background image.

The options "Position", "Repeat" and "Attachment" are related to the background image.

Site Color - set the general site color used for links, menus etc. (the default color for iCook is #7FD703)


SEO and Socials

image

On this page set the URLs to the respective social platforms.

If a social link is present then the corresponding icon and link will be iCooked in the "iCook - Social Icons" widget.


Additional Options

image

On this page you can set the following options:

404 Page Settings - You can set Title and Message for 404 page, page which wasn't found on server or doesn't exists

Page Setting - additional setting for pages

Gallery - You can set number of columns for gallery page type

Copyright - Copyright text which will be displayed on the bottom of the page


Contact Info

image

On this page you can configure the following section:

Contact Map - this map is shown on the "Contact" page template, use the input box above the map to search the location on the map (this input is not saved, to enter the address in a textual form use the "Address" input described below), you can also specify the icon shown on the map and the height of the map

Contact Form - set the e-mail that will receive the message from the contact form, also you can set a prefix for the e-mail subject so you can filter the messages from other sources in your inbox

Contact Phone Numbers - you can set multiple phone numbers, click the green "+" button to add a phone input and click the red "x" button to remove a phone input

Contact E-mail - set the contact e-mail (this e-mail is only shown on the site and not used to receive the contact messages)

Contact Address - set the contact address (this address is shown as it is and does not affect the location on the contact map)

All the information on this page is used by the "Contact" page template.

All the information except the contact map is used by the "Home" page template and [iCookwp_contact] shortcode.

Custom Posts

To the Top

iCook theme contains the following custom posts:


Gallery

To manage the Gallery projects go to Dashboard > Gallery.

Each post created in this section will represent a Gallery project.

Below are shown the options available when creating a Gallery project and their meaning.

image

The title of the post will be the title of the Gallery project.

The contents entered in the editor of the posts will be displyed on the single page of the Gallery project in the right column.

The small image will be iCooked in the Gallery section as the image representing the Gallery project as well as in the related projects section of another Gallery project.

The big image will be iCooked when clicking on the zoom icon of a project in the Gallery section.

The featured image of the post will be iCooked on the single page of the Gallery project in the left column.

The categories of the post will be used as filter criterias in the Gallery section as well as on the single page of the Gallery item below the date.

Below is shown a sample output based on the content from this section.

image

Below is shown a sample single project page.

image

Insert galleries in posts

To the Top

iCook theme contains the following page templates:

To create and add gallery in post content press button 'Add Media'

image

Choose "Create Gallery" -> Upload and Select from "Media Library" photos you want to add to the gallery

Press 'Create a new gallery' button

image

Set gallery settings. Selected option for 'Link to' should be 'Media File' obligatory

Add captions to photos

Press "Insert Gallery" button

image


Page Templates

To the Top

iCook theme contains the following page templates:

  • Contact - creates a page that iCooks the contact information
  • Home - Blog - creates a page that has the homepage layout
  • Gallery - creates a page that shows the Gallery

You can set options for each page template on the Edit Page page in the "Template Options" box.


Contact

The content and options of this template can be configured on Dashboard > iCook > Contact Info.


Home - Blog

This template iCooks the content from the following:

  • Blog Posts - managed in Dashboard > Posts

Contact section of this template is configured on Dashboard > iCook > Contact Info.


Gallery

This template iCooks the content from the following posts:

  • Gallery - managed in Dashboard > Gallery
  • Gallery options - managed in Dashboard > iCook > Additional Options > Page Settings

Below are shown the available options to configure the output of each section.

image


Shortcodes

To the Top

iCook theme contains the following shortcodes:

[recipe]

The content for this shortcode is taken from the gallery posts (Dashboard > Gallery).

Available shortcode attributes:

addclass - default is class "recipe" <div class="recipe">content</div>" - add the class name to the container


Widgets

To the Top

iCook theme contains the following custom widgets:

  • iCook - Popular Posts - iCooks the most commented blog posts
  • iCook - Social Icons - iCooks the social icons set in the theme options

Thank you so much for choosing iCook WordPress Theme. We hope you will enjoy using it!