KNYRA
Documentation

Welcome to Knyra Documentation

Knyra - Responsive & Retina WordPress Blog


Thank you for purchasing Knyra WordPress Theme. In this document you will find information on how to install, manage and update your theme, as well as create content, install plugins, import Demo data etc.

If you have any questions that are beyond the scope of this help file, feel free to post them in the dedicated ThemeLOGI support page.



Homepage Layout

To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex.

Note: Before installing the theme make sure you unzip the theme package, inside the package folder you can see knyra.zip as the folder structure below.

The Knyra theme package contains:

The theme can be installed in two different ways: through WordPress, or via FTP. The knyra.zip file is the Installable WordPress Theme.

WordPress Installation

Follow the steps below to install via WordPress.

FTP Installation

Follow the steps below to install via FTP.

Once the theme is activated, you will be presented with the standard WordPress basic site content. You can then import the sample content included with Knyra theme to resemble the demo site.

To import from a WordPress export file into a WordPress blog follow these steps.

In case you have any problems with the import, then you may want to increase the memory limit and try again. Please read more details at the link here: http://codex.wordpress.org/Editing_wp-config.php#Increasing_memory_allocated_to_PHP.
Errors on import

When you import the demo content and click the import button more than once, you will get duplicated content. You need to reset your WordPress before you run it again, use this plugin to reset the WordPress database. You can also remove your imported files before run import again, go to your \wp-content\uploads folder and delete all folder & files created in there. Be careful as this plugin will reset the complete database with all your pages, posts, menus, widgets, theme options & settings.

Troubleshooting

In case you have any problems with the importing, please try the solutions below:

Solution 1: Import Demo Content & Demo Image separated

One of the main reason of error in importing demo data is the server take too long time to getting all demo images. WordPress Importer is good for importing posts and comments, but is lacking when it comes to importing large attachments. So you can use the Attachment Importer to do this job.

  1. Run the WordPress Importer again just like in the description above, but this time DO NOT select the option to Download and Import Attachments.

    IMPORTANT: before run the import again, you should reset the WordPress database as the description in the section above
  2. Go to Tools > Import in your Dashboard.
  3. Click on Attachment Importer then Choose file and locate within the Knyra package you unzipped: DemoData/knyra.xml.
  4. Sit back and let the importer run. The process can take as little as 10 seconds for 10 images, or about two hours for 2000 images. These times depend on the server that hosts your WordPress site.
  5. If you receive any errors during the process, try running the file again after it finishes. The plugin is programmed to ignore files that match the following criteria:
    • Same name
    • Same file name
    • Same upload date
    • Same file size

Solution 2: Increasing the WordPress Memory Limit

If you are using a Shared Hosting there is a good chance that your memory resources have been limited by your hosting provider. You can find the ways to increasing the Memory Limit as below:

  1. Edit your wp-config.php file and enter something like:

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

    WordPress memory can be different to the server – you need to set this regardless of server memory settings

  2. If you have access to your PHP.ini file, change the line in PHP.ini
    If your line shows 32M try 64M:

    memory_limit = 64M ; Maximum amount of memory a script may consume (64MB)
  3. If you don’t have access to PHP.ini try adding this to an .htaccess file:

    php_value memory_limit 64M
  4. If none of the above works then talk to your hosting provider and ask them to increase those values for long running scripts.

Once the import process is complete you will have a number of sample posts, pages and other content for the theme, but to get the site to resemble the demo site you will need to set the home page to the sample "Home" page provided.

Creating a custom menu allows you to do the following things:

Defining a Menu

You must define a menu before you can add items to it.

Adding Items to a Menu

The Screen Options allow you to choose which items you can use to add to a menu. Certain items, like Posts are hidden by default.

Menu Setting

Knyra theme supports the Main Navigation location.

After a menu is created, choose items like pages, and categories from the left column to add to the menu. Then select the menu that will be presented in the Main Navigation location.

Look at the front-end, you will find the menu shown as below:

Posts are the entries that display in reverse chronological order on your home page. In contrast to pages, posts usually have comments fields beneath them and are included in your site's RSS feed.

To write a post:

There are six types of post formats you can make on your site: Standard, Gallery, Video. Go to Dashboard > Posts > Add New and look for the Format module on the right.

1. Standard

This is default styling for the WordPress theme. Simply add new post or edit post and select post format as Standard.

2. Image

This format will show a thumbnail image (featured image) from your posts.

3. Gallery

This format will show a thumbnail image from your posts, as well as an excerpt of the gallery. To have this post format, you need to add gallery for the post by clicking on Add Media > Create A Gallery and press Insert Gallery button in order to insert the gallery into the post.

4. Video

This format will show a featured video as cover of the post.

5. Quote

This format will show a quote with a beautiful style from your posts.

6. Link

This format will show a link from your posts.

Knyra theme supports 3 custom page-templates are: 404 (page not found), Under contruction and Sitemap.

You can assign a custom template for any individual Page by using the Template dropdown in the Edit Page screen (Page Attributes module):

Select a Template from the list (e.g., Sitemap). Click the Update button (or Save Draft if not yet published).

The 404 page template: edit content in theme-folder/template-404.php

The Under Contruction page template: edit content in theme-folder/template-under-contrucion.php

The Sitemap page template: edit content in theme-folder/template-sitemap.php

The theme supports some styled typography that you can see in the following list (you can add the code in Text mode of the Edit post page):

1. Heading

<h1>h1. Heading 1</h1>
<h2>h2. Heading 2</h2>
<h3>h3. Heading 3</h3>
<h4>h4. Heading 4</h4>
<h5>h5. Heading 5</h5>
<h6>h6. Heading 6</h6>

2. Alert

<div class="alert alert-success"><button class="close" type="button" data-dismiss="alert">x</button>You successfully read this important alert message.</div>
<div class="alert alert-info"><button class="close" type="button" data-dismiss="alert">x</button>This alert needs your attention, but it’s not super important.</div>
<div class="alert alert-warning"><button class="close" type="button" data-dismiss="alert">x</button>Best check yo self, you’re not looking too good.</div>
<div class="alert alert-danger"><button class="close" type="button" data-dismiss="alert">x</button>Change a few things up and try submitting again.</div>

3. Tab

<ul class="nav nav-tabs">
<li class="active"><a href="#tab-content-1" data-toggle="tab" aria-expanded="true">Tab Content 1</a></li>
<li class=""><a href="#tab-content-2" data-toggle="tab" aria-expanded="false">Tab Content 2</a></li>
<li class=""><a href="#tab-content-3" data-toggle="tab" aria-expanded="false">Tab Content 3</a></li>
</ul>
<div class="tab-content">
<div id="tab-content-1" class="tab-pane active">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</div>
<div id="tab-content-2" class="tab-pane">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?”</div>
<div id="tab-content-3" class="tab-pane">Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, os qui ratione voluptatem</div>
</div>

4. Collapse

<div id="accordion1" class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a class="" href="#accordion-content-1" data-toggle="collapse" data-parent="#accordion1" aria-expanded="true">Accordion Content 1</a></h4>
</div>
<div id="accordion-content-1" class="panel-collapse collapse in" aria-expanded="true">
<div class="panel-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a class="collapsed" href="#accordion-content-2" data-toggle="collapse" data-parent="#accordion1" aria-expanded="false">Accordion Content 2</a></h4>
</div>
<div id="accordion-content-2" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
<div class="panel-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a class="collapsed" href="#accordion-content-3" data-toggle="collapse" data-parent="#accordion1" aria-expanded="false">Accordion Content 3</a></h4>
</div>
<div id="accordion-content-3" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
<div class="panel-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.</div>
</div>
</div>
</div>

5. Quote

<blockquote><p>I will love the light for it shows me the way, yet I will endure the darkness because it shows me the stars.<cite>Og Mandino</cite></p></blockquote>

6. Button

<a class="btn btn-default" title="" href="#">Default</a>
<a class="btn btn-primary" title="" href="#">Primary</a>
<a class="btn btn-success" title="" href="#">Success</a>
<a class="btn btn-info" title="" href="#">Info</a>
<a class="btn btn-warning" title="" href="#">Warning</a>
<a class="btn btn-danger" title="" href="#">Danger</a>
<a class="btn btn-success btn-xs" title="" href="#">Extra Small</a>
<a class="btn btn-info btn-sm" title="" href="#">Small</a>
<a class="btn btn-warning" title="" href="#">Medium</a>
<a class="btn btn-danger btn-lg" title="" href="#">Large</a>

7. Form

<form>
<div class="form-control-row">
<div class="row">
<div class="col-sm-3">
                <label>Username</label>
              </div>
<div class="col-sm-6">
                <input type="text" class="form-control" placeholder="Type something ...">
              </div>
<div class="form-control-row">
<div class="row">
<div class="col-sm-3">
                <label>Password</label>
              </div>
<div class="col-sm-6">
                <input type="password" class="form-control" placeholder="Type something ...">
              </div>
<div class="form-control-row">
<div class="row">
<div class="col-sm-3">
                <label>Disabled input</label>
              </div>
<div class="col-sm-6">
                <input class="span6" type="text" placeholder="Disabled input here..." disabled=""><br>
                <span class="help-block">A longer block of text that breaks onto a new line and may extend beyond one line.</span>
              </div>
<div class="form-control-row">
<div class="row">
<div class="col-sm-3">
                <label>Country</label>
              </div>
<div class="col-sm-6">
                <select class="form-control"><option>United States</option><option>Japan</option><option>Singapore</option><option>Italia</option></select>
              </div>
<div class="form-control-row">
<div class="row">
<div class="col-sm-3">
                <label>Textarea</label>
              </div>
<div class="col-sm-9">
                <textarea rows="5" class="form-control"></textarea>
              </div>
<div class="form-control-row">
<div class="row">
<div class="col-sm-3"></div>
<div class="col-sm-9">
                <input type="submit" value="Submit" class="btn btn-primary"><br>
                <input type="reset" value="Reset" class="btn btn-default">
              </div>
<p></p></form>

8. Icon

<a href="#"><i class="fa fa-phone"></i> phone</a>
<a href="#"><i class="fa fa-envelope"></i> envelope</a>
<a href="#"><i class="fa fa-twitter"></i> twitter</a>
<a href="#"><i class="fa fa-facebook"></i> facebook</a>
<a href="#"><i class="fa fa-google-plus"></i> google-plus</a>
<a href="#"><i class="fa fa-linkedin"></i> linkedin</a>
<a href="#"><i class="fa fa-rss"></i> rss</a>
<a href="#"><i class="fa fa-flickr"></i> flickr</a>
<a href="#"><i class="fa fa-archive"></i> archive</a>
<a href="#"><i class="fa fa-area-chart"></i> area-chart</a>
<a href="#"><i class="fa fa-asterisk"></i> asterisk</a>
<a href="#"><i class="fa fa-bank"></i> bank</a>
<a href="#"><i class="fa fa-bell"></i> bell</a>
<a href="#"><i class="fa fa-bolt"></i> bolt</a>
<a href="#"><i class="fa fa-book"></i> book</a>
<a href="#"><i class="fa fa-bookmark"></i> bookmark</a>
<a href="#"><i class="fa fa-bicycle"></i> bicycle</a>
<a href="#"><i class="fa fa-bus"></i> bus</a>
<a href="#"><i class="fa fa-car"></i> car</a>
<a href="#"><i class="fa fa-plane"></i> plane</a>
<a href="#"><i class="fa fa-rocket"></i> rocket</a>
<a href="#"><i class="fa fa-subway"></i> subway</a>
<a href="#"><i class="fa fa-taxi"></i> taxi</a>
<a href="#"><i class="fa fa-wheelchair"></i> wheelchair</a>
<a href="#"><i class="fa fa-align-left"></i> align-left</a>
<a href="#"><i class="fa fa-bold"></i> bold</a>
<a href="#"><i class="fa fa-copy"></i> copy</a>
<a href="#"><i class="fa fa-cut"></i> cut</a>
<a href="#"><i class="fa fa-header"></i> header</a>
<a href="#"><i class="fa fa-font"></i> font</a>
<a href="#"><i class="fa fa-italic"></i> italic</a>
<a href="#"><i class="fa fa-link"></i> link</a>
<a href="#"><i class="fa fa-save"></i> save</a>

You can see the full-set of icons font here: http://fortawesome.github.io/Font-Awesome/icons/

9. Image post

You can style the post image by align left and center as the screenshots below:

Align left

Align center

10. Align content

Please use the mockup below to make the content like the screenshot:

<div class="section-wrap">

<section class="section">
<h2>Sep 1989<b>Life</b></h2>
<div class="section-content">
<strong>First day of Kindergarden</strong>
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
</div>
<div class="split left"></div>
</section>

<section class="section">
<h2>Jun 1998<b>Life</b></h2>
<div class="section-content">
<strong>Moved to Venice, Italy</strong>
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
</div>
<div class="split left"></div>
</section>

</div>

Plugins

Plugins help you to extend and expand the functionality of WordPress.

1. WP Subscrible

With the WP Subscribe plugin, you can do it in a simple yet effective way. Install the plugin, configure the widget and convert visitors into loyal email subscribers.

Installation:

2. MailChimp for WordPress

MailChimp for WordPress lets you create a highly customizable sign-up form. You can show the form anywhere you want using a simple shortcode, widget or template function. You can also add MailChimp sign-up checkboxes to various other forms on your site, like your comment or contact forms.

Installation:

The form mark-up used in the theme: (in Dashboard > MailChimp for WP > Forms)

<div class="wp-subscribe" id="wp-subscribe">
<h4 class="title">Get more stuff like this<br> <span>in your inbox</span></h4>
<p class="text">Subscribe to our mailing list and get interesting stuff and updates to your email inbox.</p>
<input class="email-field" type="email" id="mc4wp_email" name="EMAIL" placeholder="Enter your email here" required />
<input class="submit" name="submit" type="submit" value="Sign Up Now">
<div class="clear"></div>
<p class="footer-text">we respect your privacy and take protecting it seriously</p>
</div>

This is the widget displayed in front-end:

3. Contact Form 7

Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on.

Installation:

You will find 'Contact' menu in your WordPress admin panel.

For basic usage, you can also have a look at the plugin homepage.

Usage:

This is the widget displayed in front-end:

Widgets

WordPress Widgets add content and features to your Sidebars. Examples are the default widgets that come with WordPress; for post categories, tag clouds, navigation, search, etc.

You can add a Widget by simply navigating to the Appearance menu and looking for a sub menu titled "Widgets". If it does, you can add widgets by following these steps:

If you change WordPress Themes, the Widgets will return to the left side of the page in the Widget Archives or Available Widgets list. You may need to add them again and rearrangement depending upon the Theme's ability to preserve other Theme's Widgets.

There are 3 widgets supported in this theme as below:

1. Flickr

Getting the Flick ID via idgettr.com:

The widget will display a Flickr gallery:

2. Twitter

Getting the Twitter Consumer Key (API Key) and Consumer Secret key:

The widget will display Twitter feeds from query search:

3. Posts

Display a list of posts order by date, ID and most commented.

The widget will display the posts from query search:

4. Instagram

You can get the Access Token at: Instagram authorize.
Instagram will redirect your browser to our site and your newly generated access token will be appended to the url after /#access_token=

To change the theme options, you can go to Dashboard > Appearance > Customize. There are already 11 customization sections listed in the panel on the left side of the screen. You can customize and tweak as you want.

1. Homepage title

2. Archive Blog Page

3. Site Title & Tagline

4. Colors (Background color)

5. Background image

6. Navigation

7. Social links

8. Style Selector

9. Font Selector

10. Static Front Page

11. Custom Code

Theme License

The purchase you made allows you to use our theme on one domain. A single purchase is needed for each site you use the theme. We would appreciate it if you follow the rules as it support us to provide quick updates so customers and we are happy.

Theme is missing the style.css stylesheet error

This is a common issue that can occur when installing a WordPress themes. For the details of solution, please have a look at this article.

The message: "Are you sure you want to do this? Please try again."

If you are installing your theme from the WordPress theme installer, but get the message above, most likely your web server is configured that only allow a certain size ZIP file to be uploaded via WP admin. In this case, you can simply unzip the theme file and upload it via FTP.

Theme Updates

Updating Knyra is rather similar to installing the theme. Follow these steps to update your theme:

  1. Go to Appearance > Themes. Deactivate Knyra Theme by activating a different theme.
  2. Delete Knyra Theme (your content will not be lost).
  3. Upload the latest version of Knyra Theme and activate it.

Or you can update the theme via FTP as detail below:

  1. Login to your FTP account and navigate to your WordPress theme directory.
  2. Simply drop the Knyra Theme folder and replace the new one.

Note: Always use a Child Theme when modifying any theme files so that your changes will not be lost on the Theme updates.

Icons

We've included FontAwesome within this Theme. For details of using there icon fonts, please have a look on the FontAwesome Icon Font detail page.

Multilingual

Knyra is fully translation ready! The translation files .po/.mo are located in languages folder in the theme package. We've included English as a default.

To translate the theme, please follow these steps:

  1. Duplicate the en_US.po file and rename it to your language (for example: fr_FR.po). Check the WordPress Codex language to give your file the right name.
  2. Edit the new .po file using POEdit
  3. PoEdit will automatically compile a .mo file for you when you save your work on the existing .po file.
  4. Change the language in the admin settings screen. Settings > General > Site Language.

If you want to provide your website in multi-languages, we recommend the following plugins:

  1. qTranslate X - This free plugin offers a way to maintain dynamic multilingual content on a WordPress site.
  2. WPML - This commercial plugin makes it easy to build multilingual sites and run them. It's powerful enough for corporate sites, yet simple for blogs.

Customizations

Please remember that WordPress Themes on Themeforest are purchased as-is. If you want to make custom changes to the theme that requires theme modification, behaviour changes or 3rd party plugin integration, we suggest that you hire a developer. We don't offer customisations of your WordPress Installation.

Here are some good places to find a WordPress Freelancer:

  1. Envato Studio
  2. Codeable
  3. WPMU

Otherwise, if you need help about using theme features, bug reports & reasonable feature requests for future updates, please submit ticket to ThemeLOGI support page and our support team will happy to help you out.

Version 1.0.4 (15 December, 2016)


Version 1.0.3 (11 April, 2016)


Version 1.0.2 (27 August, 2015)


Version 1.0.1 (18 May, 2015)


Version 1.0 (6 May, 2015)