Академический Документы
Профессиональный Документы
Культура Документы
1 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
Table of contents
1. Introduction
2. Installation
2.1. Theme installation
2.2. Example content
3. Working with the theme
3.1. Updating theme
3.2. LayerSlider
3.3. Classic slider
3.4. Super Tabs
3.5. Portfolios
3.6. Shortcodes
3.6.1. hr
3.6.2. mark
3.6.3. dc
3.6.4. tooltip
3.6.5. font
3.6.6. icon
3.6.7. button
3.6.8. quote
3.6.9. list
3.6.10. message
3.6.11. rating
3.6.12. social_buttons
3.6.13. search
3.6.14. contact
3.6.15. columns & column
3.6.16. tabs & tab
3.6.17. toggles & toggle
3.6.18. posts
3.6.19. page
3.6.20. portfolio
3.6.21. media
3.6.22. bricks
3.6.23. slider
3.6.24. scroller
3.6.25. super_tabs
3.7. Custom page template shortcodes
3.7.1. content
3.7.2. section
3.7.3. section_posts
3.8. Custom pages
3.9. WooCommerce
3.10. WPML
3.11. Predefined colors for use in shortcodes
3.12. Image sizes for use in shortcodes
4. How to create a page like ...?
4.1. Frontpage 1
4.2. Frontpage 2
5. FAQ
5.1. Why I see blank page or/and error message after activating the theme?
5.2. Is ... plugin supported?
5.3. How to add icon to a menu?
5.4. How to add my icons, so I could use them with the [icon] shortcode?
5.5. How to change settings (border, hover effect, FancyBox) of a specific image?
5.6. How to make images in a gallery link to pages I want?
5.7. How to add video to a slider?
5.8. How to change names of sidebars (Alpha, Beta, etc.)?
5.9. Comments are not displaying under my post/page/portfolio/gallery, why?
5.10. How to add breadcrumbs?
5.11. How to configure Twitter widget?
6. Advanced customization
6.1. Translating theme
6.2. Custom fonts
6.3. Child themes
6.3.1. Main stylesheet
6.3.2. Theme Options
6.3.3. Filters
26-01-2016 20:21
2 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
1. Introduction
Time is a responsive WordPress theme, which means it adapts to the device on which it's presented. It's fluid - it stretches to fit user's display unless it reaches max width (which you
can specify yourself). There is also one threshold width, where mobile version is activated. Play with your browser's window width to see how it works.
The theme cares for your content so it looks great on all versions, but you can also decide to show part of a content on some versions only, and hide on others (read more in the
chapter about media shortcode).
Time has a lot of features, and most of them are intuitive to use, but if you need a deeper insight, this is the documentation prepared for you. Thanks for buying and enjoy :)
2. Installation
2.1. Theme installation
Standard WordPress method:
Downloaded theme form your ThemeForest account ("Installable WordPress file only"), and upload it using Appearance / Themes / Install Themes uploader. Accept suggestion
about installing LayerSlider Time Theme edition plugin if you want to use layered sliders feature on your site.
Done. Open the Theme Options page and start working with it.
FTP method:
Upload just the contents of the time folder to the wp-content/themes folder on your server.
Activate the theme through the Appearance / Themes menu in WordPress. Accept suggestion about installing LayerSlider Time Theme edition plugin if you want to use layered
sliders feature on your site.
Done. Open the Theme Options page and start working with it.
Important note: Theme registers a few image sizes and supports Retina (high quality images for high-density displays). So if you already have images in Media Library, they
probably won't be suitable for the theme's needs. You can easily fix this by rebuilding images using Regenerate Thumbnails plugin.
Enjoy your new theme!
3.2. LayerSlider
You can create sliders in the LayerSlider section. It's quite intuitive, but time-consuming. You can import my demo slides, to learn from examples (import the layerslider.json
file from the sample_sliders folder).
If you want to have Retina-quality slides, you need to remember about one trick: use double size images, but divide their sizes by 2 in their width and height fileds.
26-01-2016 20:21
3 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
Create a regular gallery of images, which you want to be slides. Optionally, specify Caption in each image properties. After creating the gallery, click on it in the visual editor and
select Custom galleries / Slider shortcode, so it wraps the gallery.
If you want images in the slider to link to custom URLs, place the links in Description fields of each image of the gallery.
[slider]
--- WordPress gallery comes here --[/slider]
3.5. Portfolios
Main thing to remember while creating portfolios is to specify parent of each portfolio item, so there is a hierarchy (parent portfolio and child portfolio items). Follow the video tutorial
below to learn how to create a portfolio:
If you want to create more portfolios, and you want to have different layout of each, you need to use the Portfolio / Advanced shortcode instead of Portfolio / Simple, and modify it's
parameters according to your needs. Full list of parameters is in the chapter about portfolio shortcode.
3.6. Shortcodes
If you are not familiar with shortcodes, they are extra magic spells to use in text which can for example add a special highlight, button or message box. You just start with the opening
shortcode, put some text or other stuff inside and write the closing shortcode at the end (some shortcodes dont need the closing tag - for example horizontal lines). For example:
Most common shortcodes can be selected from the dropdown menu of the content editor like this:
26-01-2016 20:21
4 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
Usually a default shortcode values are OK, but you can change its parameters if you need. For example:
So if you want to use their full potential, read the descriptions and all parameters below:
3.6.1. hr
Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis.
[hr]
Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula.
3.6.2. mark
Text highlight. By default, leading color is used for that, but there is also a yellowish to choose.
Parameters:
Parameter
Description
Allowed values
Default value
color
none, yellow
none
Example:
3.6.3. dc
26-01-2016 20:21
5 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
3.6.4. tooltip
Tooltip. You can specify direction of it, fade effect or not, and HTML tag for the content if you need.
Parameters:
Parameter
Description
Allowed values
Default value
tag
[HTML tag]
span
title
[text]
none
gravity
nw , n , ne , w , e , sw , s , se
fade
true , false
false
Example:
3.6.5. font
Custom font. You can specify any number of custom fonts in Theme Options / Fonts, and then use them with a shortcode.
Parameters:
Parameter
Description
Allowed values
Default value
id
[name]
none
tag
[HTML tag]
span
class
[text]
none
style
[text]
none
Example:
3.6.6. icon
You can use vector icons (list of available vector icons), which can have any size and color, or graphic icons, which are updated to the data/img/icons folder of the theme (by
default, there are 4 icon packs, each in a separate folder).
Parameters:
Parameter
Description
Allowed values
Default
value
name
[icon_name]
help
Color of the icon. It can be leading color, predefined color, or any CSS stylesheet color. If none specified,
none, color ,
none
text color around the icon will be used. Matters only for vector icons.
[predefined color] ,
Name of the icon. For vector icons, use name form this list. For graphic icons, browse
data/img/icons theme folder and use folder and file name as the icon name. For example:
essen/bestseller .
color
[CSS color]
size
Size of the icon in the CSS stylesheet format. Matters only for vector icons.
[CSS size]
1.2em
class
[text]
none
style
[text]
none
Example:
3.6.7. button
There are 3 sizes to choose from, and each can have an icon on a left or right (or both) and a caption below.
Parameters:
Parameter
Description
Allowed values
Default
26-01-2016 20:21
6 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
value
size
normal
left_icon
[icon_name]
none
right_icon
[icon_name]
none
color
none
[CSS color]
href
[url]
none
target
_self
caption
Caption below the button. If it's specified, button will be aligned to center
[text]
none
horizontally.
Example:
3.6.8. quote
By default, there is a vertical bar on the left of the quote. You can specify any width and aligning if you want, too.
Parameters:
Parameter
Description
Allowed values
Default value
author
[text]
none
bar
true , false
true
align
Aligning
none
width
[CSS width]
none
Example:
3.6.9. list
Parameter
Description
Allowed values
Default value
icon
[text]
right-open
color
Color of icons.
color
Example:
3.6.10. message
Box with a message. There are several colors to choose from (by default it's gray). Closable (with an X on the top right corner) or not. Looks nice with an icon.
26-01-2016 20:21
7 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
Parameters:
Parameter
Description
Allowed values
Default value
color
Background color
none
closable
true , false
false
Example:
3.6.11. rating
Parameter
Description
Allowed values
Default value
rate
Number of stars. The second format (e.g.: 3/5 ) displays 3 colored and 2 grayed out stars.
[number] , [number]/[number]
author
[text]
none
Example:
3.6.12. social_buttons
Parameter
Description
Allowed values
Default value
style
small , big
big
media
commas.
Example:
3.6.13. search
Search input field. It's as wide as the place you put it in.
Example:
[search]
3.6.14. contact
[contact]
26-01-2016 20:21
8 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
With this shortcode you can divide content into columns. Start with a [columns] and end with a [/columns] . In between, place any columns configuration you need with the
[column] shortcode, with width parameter. Remember to check if all width fractions sum up to a full number (Not necessarily 1 - for example you can have six columns, each 1/3
width, which sums up to 2. In such cases, I recommend using the separated="true" parameter, which will make columns look nicer.).
Parameters for [columns] :
Parameter
Description
Allowed values
Default value
separated
true , false
false
Parameter
Description
Allowed values
Default value
width
[number]/[number]
1/2
Example:
[columns]
[column width="1/3"]
Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis.
[/column]
[column width="2/3"]
Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula.
[/column]
[/columns]
You can have any number of tabs with any content in each.
Parameters for [tab] :
Parameter
Description
Allowed values
Default value
title
[text]
none
active
true , false
false
Example:
[tabs]
[tab title="Tab one"]
Aenean commodo ligule eget dolor. Aenean massa. Cum sociis ...
[/tab]
[tab title="Tab two"]
Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula...
[/tab]
[/tabs]
26-01-2016 20:21
9 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
Great way for presenting FAQ or stuff like that. You can have auto-closing type (so only one toggle can be open at a time) or not. You can also decide which toggle should be opened
by default.
Parameters for [toggles] :
Parameter
Description
Allowed values
Default value
singular
true , false
false
Parameter
Description
Allowed values
Default value
title
[text]
none
active
true , false
false
Example:
[toggles singular="true"]
[toggle title="Toggle section one"]
Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis.
[/toggle]
[toggle title="Toggle this" active="true"]
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam...
[/toggle]
[/toggles]
3.6.18. posts
Parameter
Description
Allowed values
Default
value
id
none, [number]
none
type
Post type.
[text]
post
category
[number]
size
auto , [text]
auto
orderby
Sorting method.
date
rand , menu_order
order
Sorting order.
asc , desc
desc
26-01-2016 20:21
10 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
count
[number]
style
gallery , slider
gallery
columns
Number of columns for posts. If set to auto , number of columns will be equal to
auto , [number]
auto
true , false
true
excerpt
true , false
false
excerpt_length
[number]
55
taxonomy
Taxonomy type.
tag
Example:
3.6.19. page
Displays content of a specified page. You can specify the page by its ID or slug.
Parameters:
Parameter
Description
Allowed values
Default value
id
ID of the page.
none, [number]
none
slug
none, [text]
none
3.6.20. portfolio
Displays child portfolios of the portfolio page you place the shortcode in (unless you specify other). The simplest way to use it, is to configure portfolio settings in Theme Options /
Portfolios, and just place a [portfolio] shortcode in a portfolio page, so all children items will list there.
Optional parameters:
Parameter
Description
Allowed values
Default
value
id
auto , [number]
auto
size
Name of size of the image. Default value is recommended ( auto ), which will use
auto , [text]
auto
inherit , [number]
inherit
filter
inherit
orderby
inherit
inherit
limit
inherit , -1 , [number]
inherit
pagination
Pagination buttons.
inherit
titles
Portfolio titles.
inherit
excerpts
Portfolio excerpts.
inherit
taxonomies
Taxonomy type.
inherit
Example:
3.6.21. media
You can decide to show some content just on mobile, or just on desktop version of a site with this shortcode.
Parameters:
Parameter
Description
Allowed values
Default value
device
Type of device.
desktop , mobile
desktop
tag
[HTML tag]
span
Example:
Lorem ipsum dolor sit amet enim. [media]Suspendisse a pellentesque dui, non felis.[/media]
3.6.22. bricks
Converts gallery to a masonry style. Place [bricks] before, and [/bricks] after the WordPress gallery.
Parameters:
26-01-2016 20:21
11 de 26
Parameter
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
Description
Allowed values
Default
value
size
Name of size of the image. Default value is recommended ( auto ), which will use accurate size depending
auto , [text]
auto
on columns number.
captions
Captions of images.
true , false
true
border
Border style. Default value ( inherit ) means setting from Theme Options / Site / Images will be used.
inherit
hover
Hover effect.
inherit
grayscale
fancybox
FancyBox on click.
inherit
Example:
[bricks]
--- Regular WordPress gallery comes here --[/bricks]
3.6.23. slider
Converts gallery to a slider. Place [slider] before, and [/slider] after the WordPress gallery.
Parameters:
Parameter
Description
Allowed values
Default value
size
auto , [text]
full-width
captions
Captions of images.
true , false
true
border
Border style. Default value ( inherit ) means setting from Theme Options / Site / Images will be
false
none
used.
hover
Hover effect.
grayscale
fancybox
FancyBox on click.
inherit
3.6.24. scroller
Converts gallery to a scroller. Place [scroller] before, and [/scroller] after the WordPress gallery.
Parameters:
Parameter
Description
Allowed values
Default
value
size
auto , [text]
thumbnail
buttons
Buttons to scroll content instead of mouse position sensitive movement. Doesn't affect touch devices, where
true , false
false
Border style. Default value ( inherit ) means setting from Theme Options / Site / Images will be used.
inherit
hover
Hover effect.
inherit
grayscale
fancybox
FancyBox on click.
inherit
3.6.25. super_tabs
Converts gallery to Super Tabs. Place [super_tabs] before, and [/super_tabs] after the WordPress gallery.
Title of an image will be used as a tab title, caption of the image as a tab caption, and if you want an image to link somewhere, place the link in the description field of the image.
Parameters:
Parameter
Description
Allowed values
Default value
size
auto , [text]
full-width
ordered
Numbering of tabs.
true , false
true
descriptions
Captions of tabs.
true , false
true
3.7.1. content
Use it if you need to change sidebars layout to other than in the Layout option box of the page. You can place sections inside of it.
Parameters:
Parameter
Description
Allowed values
Default
26-01-2016 20:21
12 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
value
sidebars
author_bio
Order of sidebars (names) and main section (the # sign - mandatory), For example: gamma, #, beta means
inherit ,
content with two sidebars - one on the left and one on the right. As a separator, you can use , , - or | .
[text]
inherit , true ,
inherit
inherit
false
meta
inherit , true ,
inherit
false
social_buttons
inherit , true ,
inherit
false
comments
inherit , true ,
inherit
false
Example:
3.7.2. section
Separated section with any content.
Parameters:
Parameter
Description
Allowed values
Default value
background
none
Example:
[section]
...
[/section]
[section background="#f0f0f0"]
...
[/section]
3.7.3. section_posts
Section with posts listed. By default it presents blog posts as set in WordPress Settings / Reading setting.
If you need other list, play with parameters of the shortcode. It has the same parameters as WP_Query. So you can freely modify it's content. For example:
26-01-2016 20:21
13 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
[section]
...Super Tabs comes here...
[/section]
[section]
...section with columns comes here...
[/section]
[section]
...headline and scroller comes here...
Below is example with sidebar, which is not for the whole page, so I've used [content] shortcodes around sections and specified sidebars in parameters on the second
[content] sidebar.
26-01-2016 20:21
14 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
[content sidebars="#"]
[section]
...Super Tabs comes here...
[/section]
[section]
...section with columns comes here...
[/section]
[/content]
If you need more examples, have a look at the How to create page like ...? chapter.
3.9. WooCommerce
Time theme supports WooCommerce plugin. For best possible experience, I recommend the following configuration of it:
Uncheck Enable Lightbox for product images in WooCommerce / Settings / Products / Display (don't worry, images will display in FancyBox - according to theme settings).
Set the following images widths in WooCommerce / Settings / Products / Display:
Catalog Images: 364px,
Single Product Image: 748px,
Product Thumbnails: 364px.
Set heights according to your needs.
3.10. WPML
26-01-2016 20:21
15 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
For example:
Name
Crop
Default
post-thumbnail
Yes
135px x 135px
post-thumbnail-mini
48px x 48px
Yes
logo
9999px x 60px
No
banner
No
980px x 9999px
full-hd
1920px x 1080px
No
ls-thumbnail
100px x 63px
Yes
full-width
No
940px x 9999px
medium-width
No
748px x 9999px
small-width
No
364px x 9999px
All these image sizes have also Retina display version (twice as big), but it works automatically, and you don't have to worry about that. If you care about Retina quality, just
remember to upload big enough images.
4.1. Frontpage 1
Online demo
Create a page and select Custom page as a template.
In Layout section of the page:
for Banner select LayerSlider and specify one (more about LayerSliders). If you want to have identical slider as on the demo site, you can import it in LayerSlider section from
the file, you can find in the demo_content folder.
for Secondary menu select one of custom menus (you can create one in Appearance / Menus).
for Sidebars select Custom and set None for each sidebar slot.
Use Custom page template shortcodes to built the layout. For this page, you just need 4 x [section] . Now fill each section with desired content (using regular shortcodes):
First section with 4 columns - each with different content:
Headline and text
[posts] shortcode with parameters to display a post from blog.
[posts] shortcode with parameters to display a gallery teaser.
[posts] shortcode with parameters to display a portfolio teaser.
26-01-2016 20:21
16 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
Remember to set Featured images of the post, gallery and portfolio pages you plan to use this way, so the image appear (Edit page / Set Featured image).
The columns code should look like this:
[columns]
[column width="1/4"]
This is WordPress theme
If you like this demo site...
[/column]
[column width="1/4"]
[post type="post" id="512" taxonomy="category"]
[/column]
Second section - with 2 columns (4/5 + 1/5 wide):
[quote] with author
[button] with caption
These columns code should look like this:
[columns]
[column width="4/5"]
[quote author="aatvos"]I'm happy to see...[/quote]
[/column]
[column width="1/5"]
[button href="http://kubasto.com/" size="big" icon="heart" color="#ee0000" caption="(+ its caption)"]Big button[/button]
[/column]
[/columns]
Third section is filled with Super Tabs. Create a gallery of images, which you want to be tabs. In each image properties specify Title, Caption and paste a link to the Description.
After creating the gallery, click on it in the visual editor and select Custom galleries / Super tabs shortcode, so it wraps the gallery.:
Fourth section is filled with another special gallery - [scroller] . So again - create a gallery, specify links of the images (if you need them to direct somewhere) by pasting the
URL to the Description field of each image. After creating the gallery, click on it in the visual editor and select Custom galleries / Scroller shortcode, so it wraps the gallery. Add
parameters to the shortcode to specify size of images, grayscale effect and force < > buttons to display. The code inside this section should look like this:
26-01-2016 20:21
17 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
Footer column 4:
Drag and drop Time | Contact Form widget to the Footer column 4. Configure Contact Form in Theme Options / Contact Form.
Done. The full page content should look like that (if you copy&paste it, do it in the Text editing mode):
[section]
[columns]
[column width="1/4"]
<h2>This is WordPress theme</h2>
If you like this demo site...
[/column]
[column width="1/4"]
[post type="post" id="512" taxonomy="category"]
4.2. Frontpage 2
Online demo
Create a page and select Custom page as a template.
In Layout section of the page:
for Headline select Hide
for Sidebars select Custom and set None for each sidebar slot.
Use Custom page template shortcodes to built the layout. For this page, you just need 4 x [section] . Now fill each section with desired content (using regular shortcodes):
First section with Super Tabs:
Create a gallery of images, which you want to be tabs. In each image properties specify Title, Caption and paste a link to the Description. After creating the gallery, click on it in the
visual editor and select Custom galleries / Super tabs shortcode, so it wraps the gallery.
Second section with 4 columns (each 1/2 wide). Fill each column with a quote starting with an icon. For example:
[icon name="megaphone" size="1em" color="gold"] This man is completely AWESOME! Quickest and most reliable technical support Ive ever expe
[/quote]
[icon name="left-dir" size="1em"] Example templates (click to see an online example) [icon name="right-dir" size="1em"]
In new paragraph, create a gallery of images, which you want to be scrolled. In each image properties paste a link to the Description filed (if you want to link somewhare instead of
open big version in FancyBox). After creating the gallery, click on it in the visual editor and select Custom galleries / Scroller shortcode, so it wraps the gallery.
Fourth section - with 2 columns (4/5 + 1/5 wide):
[quote] with author
[button] with caption
These columns code should look like this:
[columns]
[column width="4/5"]
[quote author="aatvos"]I'm happy to see...[/quote]
[/column]
26-01-2016 20:21
18 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
[column width="1/5"]
[button href="http://kubasto.com/" size="big" icon="heart" color="#ee0000" caption="(+ its caption)"]Big button[/button]
[/column]
[/columns]
[section]
[super_tabs]
--- WordPress gallery comes here --[/super_tabs]
[/section]
[section]
[columns]
[column width="1/2"][quote author="briannaewilliams" bar="false"][icon name="megaphone" size="1em" color="gold"] This man is completely
5. FAQ
5.1. Why I see blank page or/and error message after activating the theme?
Time theme requires at least version 5.3 of PHP on server. Make sure your hosting server has at least PHP v5.3. If not, check if you can change it in your hosting dashboard panel.
In most cases there is such option, but if not, ask your hosting provider to switch/update PHP on your server to at least 5.3 version. If your hosting provider uses older version and
refuses to update it, I would change hosting provider at that point, because it means you are stuck with 8-years-old, not updated and not supported software.
Rescue solution: to get access to WordPress dashboard back (with no PHP 5.3), you have to access server files by FTP, and remove (or change name) of the theme folder wp-content/themes/time .
If you can't switch PHP on your server, you can use older version of the theme, which is included to the package in the old_version folder - this version doesn't require PHP 5.3.
But I would use this only as a temporary solution.
Name
Plugin site
Free
bbPress
http://bbpress.org/
Yes
Breadcrumb NavXT
http://wordpress.org/extend/plugins/breadcrumb-navxt/
Yes
Breadcrumb Trail
http://wordpress.org/extend/plugins/breadcrumb-trail/
Yes
Captcha
http://wordpress.org/plugins/captcha/
Yes
Contact Form 7
http://wordpress.org/plugins/contact-form-7/
Yes
http://wordpress.org/plugins/disqus-comment-system/
Yes
http://wordpress.org/plugins/floating-social-bar/
Yes
MailChimp Widget
http://wordpress.org/plugins/mailchimp-widget/
Yes
Polylang
http://wordpress.org/plugins/polylang/
Yes
WooCommerce
http://www.woothemes.com/woocommerce/
Yes
WooCommerce Brands
http://docs.woothemes.com/document/wc-brands/
No
WPML
http://wpml.org
No
Comment
26-01-2016 20:21
19 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
5.4. How to add my icons, so I could use them with the [icon] shortcode?
Create new folder in the data/img/icons folder of the theme, and upload your icons images there. Now you can use them as other icons using shortcode. For example:
[icon name="your-folder/your-icon"]
5.5. How to change settings (border, hover effect, FancyBox) of a specific image?
Edit image in WordPress editor and add the following class or classes to the CSS Class field at the Advanced / Settings tab:
for changing border: border-false or border-true
for changing hover effect: hover-none , hover-zoom or hover-grayscale
for changing FancyBox setting: fancybox-false or fancybox-true
By default (if no class is defined in that field), settings from Theme Options / Site / Images are used.
6. Advanced customization
6.1. Translating theme
If you install or set your WordPress in your language, also the theme will use this language if it's supported. If you want to add another translation of the theme, below is a short
instruction:
For translations I recommend Poedit tool.
Create a copy of the xx_XX.po file (from languages ) and rename it respectively to your language (check proper name here. For example Swiss German would be de_CH.po ).
Open that file in Poedit,
select Catalog / Update from sources,
translate,
select language and country in Catalog / Settings,
save.
26-01-2016 20:21
20 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
It seems a little harsh, but this is the proper way. If you need more details, check here.
$value = Time::to('group/name');
$options = get_option('time');
although, I recommend using the first method, instead of getting all options every time you need one.
If you want to change Theme Options (not permanently, just for the call), us the following code:
Time::to_('group/name')->value = 'new_value';
6.3.3. Filters
Time has many filters in the code, so you can easily affect theme's advanced issues. The table below lists all theme filters. For better understanding, I recommend searching a filter
usage in the code. Especially for the complicated ones.
Name
Parameters
time_register_post_type_gallery_args
(array)$args
time_register_post_type_portfolio_args
(array)$args
time_register_taxonomy_portfolio_category_args
(array)$args
time_register_taxonomy_portfolio_tag_args
(array)$args
26-01-2016 20:21
21 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
time_sliders
(array)$sliders
time_sidebars
(array)$sidebars
time_post_formats_icons
(array)$icons
time_social_media_icons
(array)$icons
time_layout
(array)$layout
time_menu
(null)$menu ,
(string)$theme_location
time_sidebar
(string)$sidebar ,
(string)$location
time_content_width
(int)$content_width
(int) Width of the page content. This filtr doesn't affect width of
tha page, but allows to get / modify value of the $content_width
global WordPress variable.
time_nav_secondary_upper_display
(bool)$show
time_nav_secondary_lower_display
(bool)$show
time_headline_display
(bool)$show
time_headline_content
(string)$content
time_post_thumbnail_display
(bool)$show
time_author_bio_display
(bool)$show
time_meta_display
(bool)$show
time_social_buttons_display
(bool)$show
time_pagination_display
(bool)$show , (string)$type
time_enable_update
(bool)true
time_reseller_mode
(bool)false
add_action('after_setup_theme', function() {
add_filter('time_reseller_mode', '__return_true');
});
7. External resources
JSColor
jQuery Easing Plugin
MediaElement.js
Fancybox
FlexSlider
LayerSlider
masonry
tipsy
imagesLoaded
Selectivizr
minify
oauth
Entypo pictograms by Daniel Bruce
Brandico icons
Font Awesome by Dave Gandy
Modern Pictograms font
Koloria Icons Pack by Andy Gongea
pc.de Essen Icon Pack
PC 100 Icon Pack
pc.de Berlin icon pack
Flag Icons by GoSquared
8. Changelog
Time 3.8 (29 Nov 2015)
26-01-2016 20:21
22 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
26-01-2016 20:21
23 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
optimized speed
WooCommerce 2.3.6 ready
fixed Posts List widget bug with WPML used
fixed wrong page title in OGP
other minor fixes
Time 3.2.2 (2 Mar 2015)
added Polylang plugin support
other minor fixes
Time 3.2.1 (13 Feb 2015)
WooCommerce 2.3.3 support
added option to specify number of related products and number of columns for them
added option to specify number of cross sells and number of columns for them
fixed some WooCommerce widgets
Time 3.2 (11 Feb 2015)
WooCommerce 2.3 support
improved style of payment methods list on WooCommerce Checkout page
improved documentation
fixed dropcap shortcode bug for non-latin characters
other minor fixes
Time 3.1.2 (13 Jan 2015)
Twitter API keys are now remembered across widgets
the Purchase Code field in Theme Options is no longer available in MultiSites
a few optimizations of the PHP 5.3+ code
small improvements of some Theme Options styles
Time 3.1.1 (24 Dec 2014)
fixed missing title declaration in headline for hatam microformat
fixed styles of buttons in some footer widgets
fixed unnecessary requests to twitter servers if no API keys were specified in the widget
Time 3.1 (12 Dec 2014)
added support for WordPress 4.1 title-tag
added support for hatom microformat
a few optimizations affecting speed
fixed title in blog page headline
fixed WPML plugin compatibility issues
fixes missing widget_title filter for widgets titles
fixed problems with Flickr widget on some configurations
fixed PHP notice in comment forms
other minor fixes and improvements
Time 3.0.1 (14 Nov 2014)
added option to customize font of the footer
fixed background stripes bug on Retina displays
fixed recognizing "LayerSlider WP - Time Theme edition" plugin
other minor fixes
Time 3.0
updated core of the theme's code
added option to define maximum length of post's titles in the Posts list widget
cart content in the header is now updated immediately after adding product to the cart
now OGP uses first image of the content if no featured image of a page is specified
easier options to change time intervals in Twitter and Flickr widgets
improved method of filling Custom CSS/JavaScript fields by adding TAB key support
increased performance of the dashboard
data from the System section is no longer exported to file
increased minimal required PHP version to 5.3
increased minimal required WordPress version to 3.9
WooCommerce 2.2.7 ready
dropped support for WooCommerce 2.0.x
fixed bug causing products color variation images not showing
fixed not working main menu font setting on mobiles
fixed bug causing no background changes in slider in Internet Explorer 8
fixed missing translations of some widgets' titles
fixed wrong version numbers comparing in the import process of Theme Options
other minor fixes and improvements
Time 2.6.3
fixed mandatory PHP 5.3 version bug
Time 2.6.2
26-01-2016 20:21
24 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
26-01-2016 20:21
25 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
26-01-2016 20:21
26 de 26
file:///G:/ADDONS-Camtasia/ThemeForest_Handy_v3_3_Handmade_S...
9. Thank you
for purchasing this theme. Should you have any further questions, don't hesitate to ask. The best way to contact me is the contact form on my profile page.
Kuba Sto
26-01-2016 20:21