Leave a suggestion

If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

Cherry Framework Quick Start Guide

VN:F [1.9.14_1148]
Rating: 5.0/5 (1 vote cast)
 

Table of Contents

  1. Getting started
    • Theme installation
    • Plugins installation
    • Sample Data Install
  2. Page Templates and Sidebars
  3. Posts, Categories and Post Formats
    • Add Blog post
    • Add Slider post (Slide)
    • Add Portfolio post
      • Choosing Portfolio post format
    • Add Testimonial post
    • Add FAQs post
    • Add Our team post
    • Add Service post
  4. Creating Portfolio Page
  5. Shortcodes
  6. Plugins and Custom Widgets
  7. Cherry Options
  8. FAQs
  9. Useful resources

Getting started

Theme installation

There are two ways to install the theme: via the admin panel of WordPress or via FTP.

Upload via WordPress admin:

Installation process includes two steps: framework installation and child theme installation. Both steps are basically identical and very easy.

  1. Login to your WordPress admin panel (add /wp-admin after your domain name in the browser address bar).
  2. Now go to Appearance > Themes > Install Themes.
  3. Click the Upload link
  4. And upload your CherryFramework.zip file
  5. When the upload is complete you need to Activate the theme. Click the Activate theme link.

Feel free to check the detailed video tutorial on How to install a WordPress theme via admin panel.

Congratulations, you have installed the framework. After this you need to perform the same steps for the child theme: themeXXXX.zip

  1. Go to Appearance > Themes > Install Themes
  2. Click the Upload link
  3. And upload your themeXXXX.zip file
  4. When the upload is complete you need to Activate the theme. Click the Activate theme link.

Congratulations, framework and theme have been installed, and now are ready for usage.

For more detailed information, please visit WordPress official documentation, “Installing WordPress” section: http://codex.wordpress.org/Installing_WordPress

Upload via ftp:

Let’s consider alternative framework/theme upload and installation option: using website FTP-access and FTP-client.

  1. Unzip the CherryFramework.zip and themeXXXX.zip file to any folder on your hard drive.
  2. Upload the CherryFramework and themeXXXX folder to the server (to the /wp-content/themes/ directory).
  3. Login to your WordPress admin panel (add /wp-admin after your domain name in the browser address bar).
  4. Now go to Appearance > Themes.
  5. In Available Themes section find themeXXXX and activate it by clicking Activate button.

Plugins Installation

For full functionality this theme needs some plugins. Click Begin install plugin.

Sample Data Install

To make your WordPress website look like our live demo, please follow the instructions below.

  1. Go to Cherry Options > Import to initiate Sample Data installation process

  2. On the first step you will be prompted to upload widgets.json – file that contains widgets settings. Once you selected the file click Show widget settings button.

    After this you will be able to select the widgets you would like to install. It’s recommended to install all suggested widgets by clicking Import Settings.

  3. On the second step you will be prompted to upload the file with .xml extension, which contains all template sample data (posts, pages, categories etc.). Once you selected the file click Upload File and Import button (If you hate to install sample data from live demo you need to skip this step.)

    After this you will need to select the author for the posts and pages you are importing. Click Import Data button to run the process.

    Sample data import process usually takes approximately 2 minutes so be patient and wait a bit. Please, don’t terminate this process.

    After completion of import process you will get success notification. Click Finish button.

  4. And the last step is to click Save Changes button, to activate SEO-optimized permalinks structure.

Page Templates and Sidebars

Page Templates

  • Default Template (the default page template with a sidebar position)
  • Full Width Page (a page template with one column without sidebar)
  • Home Page (the page template for Home page)
  • Filter Folio 2 cols (the page template for 2 columns portfolio display)
  • Filter Folio 3 cols (the page template for 3 columns portfolio display)
  • Filter Folio 4 cols (the page template for 4 columns portfolio display)
  • Testimonials (the page template for testimonials posts display)
  • FAQs (the page template for displaying FAQs)
  • Archives (the page template for displaying archives)

Sidebar Position

  • Sidebar – Located on the right or left side of the pages
  • Footer Area 1 – Located at the bottom of pages.
  • Footer Area 2 – …
  • Footer Area 3 – …
  • Footer Area 4 – Located at the bottom of pages.

Posts, Categories and Post Formats

Adding category

Review the following article for more information on adding categories: http://codex.wordpress.org/Manage_Categories_SubPanel

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the Post tab
  3. That done, click Categories for blog posts
  4. Type in the name of your new category
  5. With that done, click the Add New Category button

Creating a Blog post

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab
  3. And click the Add New tab
  4. Type in your post content. For more info on adding posts, please check the following link http://codex.wordpress.org/Posts_Add_New_SubPanel
  5. And finally click the Publish button

Post Formats

Choosing a Post Format

Review the following link for more info about post formats: http://codex.wordpress.org/Post_Formats

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the Post tab
  3. You can choose post format, click radio button in Format box.

Note: Some of these formats have their own options. Options settings will appear below the post editor.

Below you can see the list of available post formats, their description and respective settings.

Standard Post Format

Regular, standard post which has the following fields:

  • Post title – post title
  • Post content – post content
  • Categories – post category(-ies)
  • Tags – post tags
  • Featured Image – post image
  • and other fields which can be enabled in the Screen Options section, that is located in the top right corner.

Aside Post Format

This is simplified regular post version, in other words, it has post content field only and you don’t need to fill in post title and other fields. This is so called post-note.

Gallery Post Format

The main feature of this post format is the ability to maintain unlimited number of attached images.

To upload/attach the images, please click Upload/Insert button, upload needed images, click Attach then Save Changes button.

Gallery post format has all standard fields (title, content, categories etc.) like regular post format.

Feel free to check out the following tutorial on how to create a gallery post.

Link Post Format

After selecting Link Post Format you will get additional field – URL, where you need to specify the link (URL) for the target page/resource. Post title will be used as link text.

In case you will fill in post content field it will be used as target page/source description.

Image Post Format

Image Post Format – post format that is based on single image, uploaded via Featured Image option.
Upon selecting Image Post Format you will be able to disable lightbox image feature, by selecting corresponding setting in Enable Lightbox image option.

Quote Post Format

Quote Post Format this is so called post-citation. Used to publish a quotation of some person.

Upon selecting this post format you will get additional The Quote field – basically the body of quotation and Author field – quotation author name.

Audio Post Format

Audio Post Format is used to publish audio-content.

Upon selecting this post format you will get the following additional options:

  • Title – track title
  • Artist – audio track performer
  • Audio Format – audio track format
  • Audio URL – direct link to an audio track

Video Post Format

Video Post Format is used to publish video-content.

Upon selecting this post format you will get the following additional options:

  • Title – video-clip title
  • Artist – video-clip performer
  • URL #1 – direct link to a video-clip in m4v format
  • URL #2 – direct link to a video-clip in ogv format
  • Embedded Code – off-site video embedding, e.g. via youtube, vimeo etc.

Creating a slider post (slide)

Slides are essentially custom post types http://codex.wordpress.org/Post_Types#Custom_Types which means that they are different from common posts, such as blog posts, portfolio posts etc. That allows us to manage the content of the site really easy.

The following slider runs on Camera Slideshow

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the Slider tab
  3. And now click the Add New tab
  4. Insert your slider title.
  5. Upload your image with the help of the Featured Image option (click the Set featured image link)
  6. You can use the following fields for your slider :
    • Caption – field for slide caption.
    • URL – field for slide URL (you can put external link here).
  7. And click the Publish button

Adding a Portfolio post

Portfolio items are essentially custom post types http://codex.wordpress.org/Post_Types#Custom_Types which means that they are different from common posts, such as blog posts, portfolio posts etc. That allows us to manage the content of the site really easy.

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the Portfolio tab
  3. And now the Add New one
  4. Fill in all the required fields (title, content)
  5. Upload your image with the help of the Featured Image option (click the Set featured image link)
  6. And push the Publish button

Choosing Portfolio post format

Creating portfolio post in this theme allows you to select one of the available post types.

  • Image – default gallery post format. Displays only featured image.
  • Slideshow – project gallery is displayed as a slideshow. It can contain unlimited number of images uploaded and attached to the post.
  • Grid Gallery – post images are displayed as a gallery. Can contain unlimited number of images uploaded and attached to the post.
  • Video – selecting this post type you can embed video from any video hosting (YouTube, Vimeo etc.).
  • Audio – selecting this post type you can embed your audio link.

Adding a Testimonials post

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the Testimonials tab
  3. And click the Add New tab
  4. Fill in all the required fields (title, content)
  5. Upload your image with the help of the Featured Image option (click the Set featured image link)
  6. You can use the following fields for this sort of posts:
    • Name – author’s name
    • URL – author’s link
    • Info – author’s additional info
  7. Hit the Publish button

Adding a FAQs post

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the FAQs tab
  3. And now the Add New button
  4. Since it is a question/answer type of post, the title of the post is the question and the content is the answer.
  5. Click Publish

Adding an Our Team post

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the Our Team tab
  3. And now the Add New button
  4. Fill in all the required fields (title, content)
  5. Upload your image with the help of the Featured Image option (click the Set featured image link)
  6. You can use the following fields for this sort of posts:
    • Position – position of the person.
    • Info – additional info
  7. Click Publish

Creating a Portfolio page

Portfolio pages can be created with the help of page templates

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the Pages tab
  3. Click the Add New tab
  4. Type in your page name, for example Portfolio page
  5. Select your page template ( Filter Folio 2 cols, Filter Folio 3 cols or Filter Folio 4 cols in the Page Attributes drop-down menu)
  6. With that done, click the Publish button

Note: Please do not post any content to the editor field if you use one of the pages pattern.

Feel free to check out the following tutorial on how to add portfolio page and how to work with portfolio page.

Shortcodes

Shortcode is a powerful content building tool http://codex.wordpress.org/Shortcode.
Shortcodes are easy to use. First please make sure that the editing mode is set to Visual

Then please click the button for the shortcodes. And then please select the shortcode you want to insert.

All available shortcodes conditionally divided into three groups:

  • Dynamic – used for content output (posts, custom post types, tags etc.)
  • Grid Columns – various columns for grid forming.
  • Elements – additional elements for content forming.
  • Other – additional elements for advanced/complex content forming.

Dynamic

Post Grid

[posts_grid type="post" columns="3" rows="3" order_by="date" order="DESC" link="yes"]

Description: displays standard and custom posts in table view with configurable amount of columns and rows.

Post List

[posts_list type="post" numb="4" thumbs="large" post_content="excerpt" order_by="date" order="DESC" link="yes" tags="yes"]

Description: displays standard and custom posts as on the blog page.

Mini Post Grid

[mini_posts_grid numb="4" thumbs="small" order_by="date" order="DESC" align="left"]

Description: more compact version of [post_grid] shortcode. Displays the images of standard and custom posts with configurable images size.

Mini Post List

[mini_posts_list type="post" numb="4" thumbs="small" meta="yes" order_by="date" order="DESC"]

Description: more compact version of [posts_list] shortcode. Displays standard and custom posts in list view.

Recent Posts

[recent_posts post_format="standard" meta="false" thumb="true"]

Description: displays the recent posts which can be configured with the following options (post type, posts amount, post format, excerpt length, button title and others).

Popular Posts

[popular_posts num="5"]

Description: used to display the popular posts (popularity determines basing on the post comments count).

Recent Testimonials

[recenttesti num="5" thumb="true"]

Description: displays specified amount of Testimonials custom post type posts, includes the ability to show/hide posts images and manage words count.

Banner

[banner img="#" banner_link="#" title="Title" text="Text" btn_text="Button" target="_self"]

Description: used to display a block with static text and/or image, title, link etc.

Comments

[recent_comments num="5"]

Description: displays the latest comments.

Post Cycle

[post_cycle num="5" type="blog" meta="false" thumb="true" thumb_width="50" thumb_height="50" effect="slide"]

Description: compact display of different posts in mini-slider view.

Carousel

[carousel num="5" type="blog" thumb="true" thumb_width="120" thumb_height="50" date="yes" author="yes" min_items="3"]

Description: displays the posts in carousel view, has various additional options.

Service Box

[service_box title="Title" icon="icon1" text="Your text" btn_text="Button" btn_link="#" btn_size="normal" target="_self"]

Description: used to display information blocks that include title, icon, text, button. The main feature of this shortcode is existence of pre-installed icons.

Hero unit

[hero_unit title="Title" text="Text" btn_text="Button" btn_link="#" btn_style="default" btn_size="normal" target="_self"]

Description: used to display major website information, promotions etc. Usually located on the main website page, right after the header.

Tags

[tags]

Description: used to display the tags.

Columns

Grid Columns (span1-12)

[span#] [/span#]

Description: used for forming of structural grid elements, where # – a number from 1 to 12, which defines element width.

[row]
[span6] Your Content... [/span6]
[span6] Your Content... [/span6]
[/row]

Note, while forming a grid you should “wrap” grid elements into [row] shortcode:

Fluid Columns (one_half, one_third…)

[one_half] [/one_half]

Description: used for forming of structural grid elements, grid elements width is delineated with %.

[row_fluid]
[five_sixth] Your content... [/five_sixth]
[one_sixth] Your content... [/one_sixth]
[/row_fluid]

Note, while forming a fluid grid you should “wrap” grid elements into [row_fluid] shortcode:

Multiple Columns (75% / 25% и etc.)

[row]
[span8] Your content... [/span8]
[span4] Your content... [/span4]
[/row]

Multiple Columns shortcodes used to simplify content forming by inserting the most used grid variants.

Elements

Label

[label style="default"]label[/label]

Description: used to display a label with pre-defined styling.

Highlight

[highlight]Text[/highlight]

Description: used to highlight chosen text fragment.

Button

[button text="Text" link="#" style="default" size="normal" target="_self" display="inline" icon="no"]

Description: used to insert a button with various display settings (style, size, icon etc.).

Dropcap

[dropcap]L[/dropcap]

Description: used to display a dropped capital letter.

Blockquote

[blockquote] Text... [/blockquote]

Description: used to display a quotation.

Icon

[icon image="#" align="left"]

Description: used to display a simple icon.

Frame

[frame] I'm frame [/frame]

Description: used to display a container, which can maintain various content.

Horizontal rule

[hr]

Description: used to display horizontal line.

Small Horizontal rule

[sm_hr]

Description: used to display an alternative horizontal line with smaller margin.

Vertical Rule

[vr]

Description: used to display vertical line.

Spacer

[spacer]

Description: used to set vertical spacing between elements.

Progress bar

[progressbar value="20" type="info" grad_type="vertical" animated="no"]

Description: used to display an indicator of some process completion.

Address

[address] Your address here [/address]

Description: used as some container for the address.

Clear

[clear]

Description: used for the re-zeroing of element flow around.

Lists shortcodes (unstyled, check, check2, arrow, arrow2, star, plus, minus)

[check_list] List here ... [/check_list]

Description: shortcodes set used to display various lists stylizations. Each shortcode implements it’s own marker for the list items.

Audio

[audio type="mp3" file="#" title="Title"]

Description: used to insert audio content.

Video

[video m4v="#" ogv="#" width="400" height="300"]

Description: used to insert video content, which can be loaded from the off-site services (youtube, vimeo) or from your website (self hosted).

Other

Alert Boxes (message, info, success, danger)

[alert_box style="message" close="yes"]Hello, World![/alert_box]

Description: shortcodes set used to display service messages.

Close icon

[close dismiss="alert"]

Description: used to display close icon which closes parent element.

Well

[well size="well-normal"] Your text here... [/well]

Description: used to insert stylized container.

Small

[small] Your text here... [/small]

Description: used to insert a text block with smaller font size.

Title Box

[title_box title="Title" subtitle="subtitle text" icon="#"]

Description: used to display double title: main title text and additional one.

Tabs

[tabs tab1="Title #1" tab2="Title #2" tab3="Title #3"] [tab1] Tab 1 content... [/tab1] [tab2] Tab 2 content... [/tab2] [tab3] Tab 3 content... [/tab3] [/tabs]

Description: used to display content arranged into tabs. Tabs may contain static and dynamic content.

Accordion

[accordions] [accordion title="title1" visible="yes"] tab content [/accordion] [accordion title="title2"] another content tab [/accordion] [/accordions]

Description: used to display an accordion – fold up panels with titles.

Table

[table td1="#" td2="Title" td3="Value"] [td1] 1 [/td1] [td2] some title 1 [/td2] [td3] some value 1 [/td3] [/table]

Description: used to display a table.

Google Map

[map src="#" width="300" height="200"]

Description: used to display Google map. To make the shortcode work you need to insert desired location link from Google maps.
Feel free to check out the following tutorial on how to insert Google map using shortcode.

Plugins and Custom Widgets

Plugins

The widgests used in the theme are listed below.

Contact Form 7

Download: http://wordpress.org/extend/plugins/contact-form-7/
Description: Contact form for contact page.

Widgets

The following widgets are also used in the theme:

Cherry – Recent Comments

Displays recent comments in a more convenient format. The given widget includes the following options:

  • Title: – Widget Title
  • Number of comments to show: – Number of comments to show.

Cherry – Recent Posts

Displays recent posts. You can also show custom posts of certain categories and add a read more link. The given Widget contains the following options:

  • Title: – Widget Title
  • Category Slug: – Post Category Slug.
  • Post Format: – Choose Post Format for displaying posts.
  • Post Order: – You can choose order for displaying posts.
  • Posts per page: – The number of posts to display.
  • Excerpt length (words): – excerpt length (the number of words)
  • Link Text: – the Link Text that is displayed after the Recent Posts.
  • Link Url: – Link URL that is displayed after the Recent posts.

Cherry – Advanced Cycle

The multifunctional widget used to display different post types including the blog posts, as well as the functionality of changing display settings. The given widget contains the following options:

  • Title: – Widget Title
  • Posts type: – select Posts type
  • Number of posts to show: – the number of posts
  • Sort by: – Post selection option
  • Reverse sort order (ascending): – reverse sort order
  • Show number of comments – show the number of comments
  • Show meta – show meta
  • Container class: – wrapper class. Set to featured_custom_posts by default
  • Show post title – show post title.
  • Date as title – for date usage instead of the title
  • Before title: – custom HTML-markup before Title
  • After title: – custom HTML-markup after Title
  • Show post excerpt – show excerpt
  • Excerpt length (words): – excerpt length (the number of words)
  • Excerpt as link – convert excerpt into a link
  • Show “More link” – show link More link after the post
  • Link text: – Link Text
  • Link class: – CSS-class for the link More link
  • Show post thumbnail – show thumbnail for a post
  • Width: – Image Width
  • Height: – Image Height
  • Thumbnail as link – convert the image into a link
  • Show global link to all posts – Show global link to all posts
  • Link text: – the text of the given link
  • Link URL: – Link URL

Cherry – Social Networks

This is the Widget that allows linkage to your social network accounts. The widget contains the following options:

  • Title: – Widget Title
  • Facebook URL, Twitter URL, Flickr URL etc. – the links to your Social Network accounts
  • Display: the way of icons display.
    • Icons – icons only.
    • Labels – text only.
    • Both – icons and text.

Cherry – 125×125 Ads

This is the Widget that allows you to show set of banners. The widget contains the following options:

  • Title: – Widget Title
  • Image Ad link: – path to your banner image.
  • Ad link: – your banner link.

Cherry – Twitter

This is the Widget that displays latest twitts from your twitter account. The widget contains the following options:

  • Title: – Widget Title
  • Twitter Name: – your twitter name
  • Twitts number: – amount of twitts to show.

Cherry – Flickr

This is the Widget that displays photos from your flickr gallery. The widget contains the following options:

  • Title: – Widget Title
  • Flickr ID: – your flickr ID
  • Images count: – amount of photos to show.
  • Link Text: – text of link under flickr photos.

Cherry – vCard

This is the Widget that displays information about your company or about you. The widget contains the following options:

  • Title (optional): – Widget Title
  • Street Address: – put your street address here
  • City/Locality: – enter your city or locality here
  • State/Region: – enter your state or region here
  • Zipcode/Postal Code: – enter your zipcode or postal code here
  • Telephone: – telephone number
  • Email: – your email

Cherry Options

The given theme contains the Settings option. These settings allow for easy and quick change of the theme color palette, the items order, items on /off etc. In order to use these settings please go to Appearance → Cherry Options.

General

  • Body styling – you can select the body color and background pattern.
  • Header background color – Header background color
  • Buttons and links color – Buttons and links color
  • Body Text – You can choose your preferred font for body text. There are following options available for editing the fonts:
    1. Font size
    2. Line height
    3. Font Family
    4. Font style (normal, bold, italic)
    5. Character Sets (Latin, Greek, Cyrillic etc.)
    6. Color

    • * near the font means that font will be loaded from the Google Web Fonts library.

  • H1-H6 Headings – You can choose your preferred font for headings and titles. There are following options available for editing the fonts:
    1. Font size
    2. Line height
    3. Font Family
    4. Font style (normal, bold, italic)
    5. Character Sets (latin, greek, cyrillic etc.)
    6. Color

    • *near the font means that font will be loaded from the Google Web Fonts library.

  • Display search box? – show/hide the search bar in the header
  • Display breadcrumbs? – show/hide the breadcrumbs in the pages
  • Custom CSS – if you need to add some CSS rules but you don’t want to mess with the main css file, you can use this field. Just insert your new css rules

Logo & Favicon

  • What kind of logo? – indicates what kind of logo to use, whether the text one or the image logo.
  • Logo URL – with Image logo selected you can upload the new image with the help of the ‘upload’ feature or use any pic from the Media Library.
  • Logo Typography – You can choose your preferred font for text logo. There are following options available for editing the fonts:
    1. Font size
    2. Line height
    3. Font Family
    4. Font style (normal, bold, italic)
    5. Character Sets (Latin, Greek, Cyrillic etc.)
    6. Color

    • * near the font means that font will be loaded from the Google Web Fonts library.

  • Favicon – you can upload the new favicon with the help of the ‘upload’ feature or use any pic from the Media Library.

Navigation

  • Menu Typography – You can choose your preferred font for main menu. There are following options available for editing the fonts:
    1. Font size
    2. Line height
    3. Font Family
    4. Font style (normal, bold, italic)
    5. Character Sets (latin, greek, cyrillic etc.)
    6. Color

    * near the font means that font will be loaded from the Google Web Fonts library.

  • Delay – delay in milliseconds that defines when the menu hides
  • Fade-in animation – enable/disable the fade-in animation
  • Slide-down animation – enable/disable the slide animation
  • Speed – the speed of the submenu expanding
  • Arrows markup – enable/disable arrows for the menu items that have submenus

Slider

  • Sliding effect – slider transition effect
  • Number of columns – number of columns
  • Number of rows – Number of rows
  • Banner effect – Select your banner animation type
  • Pause time – Pause time (ms)
  • Animation speed – Animation speed (ms)
  • Slideshow – Animate slider automatically?
  • Thumbnails – Display thumbnails?
  • Pagination – Display pagination?
  • Next & Prev navigation – Display next & prev navigation?
  • Display next & prev navigation only on hover? – If ‘yes’ the navigation button (prev, next and play/stop buttons) will be visible on hover state only, if ‘no’ they will be visible always
  • Play/Pause button – Display Play/Pause button?
  • Loader – Slider loader

Blog

  • Blog Title – your Blog Title used on Blog page
  • Related Posts Title – your Title used on Single Post page for related posts.
  • Sidebar position – you can select the position for the sidebar(right or left)
  • Blog image size – the Image size (Normal size or Large size) for the Blog page
  • Single post image size – the image size (Normal size or Large size) for the single post page
  • Enable Meta for blog posts? – display meta for posts
  • Enable excerpt for blog posts? – display excerpt for posts

Portfolio

  • Filter – Portfolio filter.
  • Show title? – Enable or Disable title for portfolio posts.
  • Show excerpt? – Enable or Disable excerpt for portfolio posts.
  • Excerpt words – Excerpt length (words).
  • Show button? – Enable or Disable button for portfolio posts.
  • Layout – Portfolio has different layout modes. You can set and change the layout mode via this option.
  • Portfolio 2 columns items amount – Portfolio items amount for Portfolio 2 columns template.
  • Portfolio 3 columns items amount – Portfolio items amount for Portfolio 3 columns template.
  • Portfolio 4 columns items amount – Portfolio items amount for Portfolio 4 columns template.

Footer

  • Footer copyright text – footer text content. If the text field is empty, the default content will be displayed. It is located in the footer.php file
  • Google Analytics Code -you can put a code for gathering your site’s SEO stats. . For instance, Google Analytics Code
  • Feedburner URL – Feedburner is a Google service that takes care of your RSS feed. Paste your Feedburner URL here to let readers see it in your website
  • Display Footer menu – enable or disable the footer menu
  • Foter Menu Typography – You can choose your preferred font for footer menu. There are following options available for editing the fonts:
    1. Font size
    2. Line height
    3. Font Family
    4. Font style (normal, bold, italic)
    5. Character Sets (latin, greek, cyrillic etc.)
    6. Color

    * near the font means that font will be loaded from the Google Web Fonts library.

FAQs

How to create Contact Form in WordPress

This video tutorial will show you how to add contact form in WordPress using the Contact Form 7 plugin

Installing Contact Form 7 plugin

  1. Open WordPress admin panel

  2. Go to Plugins and click Add New

    If you want to search for the plugin and download from the Internet type Contact Form 7 in the search field.
    In case the plugin is included into the template package you ordered click Upload link and Browse for the plugin file in the template sources/plugins folder.

  3. When the plugin is installed click Activate.

Creating Contact Form

If the plugin has been installed correctly you should see the Contact tab in the left column. Click it.

  1. To add New Contact Form click Add new button link under the Contact tab.
  2. You can also click Add New at the top of the screen.
  3. In this field input the HTML for tags like <form>, <input> etc
  4. You can also use the tags drop down to add the fields you want.

By default the form will be displayed in English, feel free to check out the following tutorial to get to know how to insert the form in your language.

How to replace text logo

Most of the templates that use a text logo instead of an image display the website title as a logo content. The website title could be accessed and modified through the WordPress admin panel.

  1. Open WordPress admin panel
  2. Go to Settings>General

  3. There you can see the Site Title field. Modify it’s value to change the logo.

Feel free to check the detailed video tutorial below:

How to create page templates

Individual Pages can be set to use a specific custom Page Template (a PHP template file, e.g., custom.php) you create within your Theme. This new Page Template will override the default page.php page template.

WordPress can be configured to use different Page Templates for different Pages. At the page editing screen you can specify the page template in the Page Attributes block.

In order to access the Page Template selector, there must be at least one custom Page Template available in the active theme. If a custom page exists, but you still are not able to see Page Template selector, try to re-activate your current theme.

Creating Your Own Page Templates

The files defining each Page Template could be found in wp-content/themes directory. To create a new Custom Page Template for a Page you must create new .php file. For example let’s name it custom.php

To make it work as a page template the file should start from

<?php
/*
Template Name: Custom
*/
?>

The file may be named almost anything with a .php extension(see reserved Theme filenames for filenames you should not use; these are special file names WordPress reserves for specific purposes).
The rest of the page template files can contain anything you need, starting from the static content to some markup that will determine your page content

Feel free to check the detailed video tutorial below:

How to install WordPress plugin (through admin panel)

  1. Open WordPress admin panel and go to Plugins tab
  2. Click Add New button at the top.
  3. From the top menu select Upload.
  4. Click Browse and select the plugin package. Usually the plugins provided with the WordPress theme could be found in the sources/plugins folder. When you found the plugin package click Open, then Upload.
  5. When the upload procedure is done you need to activate the plugin. Use the Activate Plugin link.

How to use WordPress Media Library

This tutorial will show you how to use the WordPress media library.

The media library is used to enrich your website content with images, videos audio etc.

The Library could be accessed through the WordPress admin panel. Open the Media tab and click Library link. Here you may see all your media items.

Clicking the Edit button under each item you can modify the item settings (input the image alternative title, check the dimensions etc.)

To Add New item to the library click the Add New button. Then select the files on your computer and click Upload.

Useful resources

We did our best to make this documentation as clear as possible. However if you have any difficulties with our template or any suggestions on improving templates or documentation – feel free to contact our support team through the:

Additonal links

Cherry Framework Quick Start Guide, 5.0 out of 5 based on 1 rating
This entry was posted in WordPress and tagged , , , , , . Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket