Unyson theme framework Backup & Demo Content extension will help you backup and or restore your WordpRess installation and provides demo installation utility for Creatus WordPress theme. If you wish to disable it please locate Unyson in left side vertical menu. Than click on Backup & Restore extension Deactivate button to deactivate. To find out more about this extension please visit Unyson Backup & Demo Content Extension manual.

The post Backup and Demo appeared first on Themezly™.

Unyson theme framework Breadcrumbs extension creates navigation menu for the pages that can be placed anywhere in the theme. If you wish to disable it please locate Unyson in left side vertical menu. Than click on Breadcrumbs extension Deactivate button to deactivate.

Please note that theme hero and page title sections are using this extension. If this extension is disabled a fallback to simple breadcrumbs function is activated.

To find out more about Unyson Breadcrumbs extension please visit Unyson Breadcrumbs Extension manual.

The post Breadcrumbs appeared first on Themezly™.

Unyson theme framework Events extension allows you to create Events section on your WordpRess installation. If you wish to disable it please locate Unyson in left side vertical menu. Than click on Events extension Deactivate button to deactivate.

Please note that we have extended default Unyson Events extension options to fit the Creatus WordPress theme. To find out more about Unyson Events extension please visit Unyson Events Extension manual.

The post Events appeared first on Themezly™.

Unyson theme framework Mega Menu extension allows you to create mega menu rows within the theme top menu. If you wish to disable it please locate Unyson in left side vertical menu. Than click on Mega menu extension Deactivate button to deactivate.

Please note that we have extended default Unyson Mega menu extension options to fit the Creatus WordPress theme. To find out more about Unyson Mega menu extension please visit Unyson Mega menu Extension manual.

The post Mega Menu appeared first on Themezly™.

Unyson theme framework Page builder extension allows you to create custom pages and insert shortcodes on your WordpRess installation. If you wish to disable it please locate Unyson in left side vertical menu. Than click on Page builder extension Deactivate button to deactivate. To find out more about Unyson Builder extension please visit Unyson Builder Extension manual.

The post Page Builder appeared first on Themezly™.

Unyson theme framework Portfolio extension allows you to create Portfolio section on your WordpRess installation. Our theme demos come with the Portfolio extension automatically enabled. If you wish to disable it please locate Unyson in left side vertical menu. Than click on Portfolio extension Deactivate button to deactivate.

Please note that we have extended default Unyson Portfolio extension options to fit the Creatus WordPress theme. To find out more about Unyson Portfolio extension please visit Unyson Portfolio Extension manual.

The post Portfolio appeared first on Themezly™.

Page block is a custom post type that will help you create custom content for specific theme positions. You can also use a page block instead of site hero section or footer. Please note that this post type must utilize the theme page builder in order to create a page block. Page block contains following options;

1. Block Position  -  Select page block position. See positions map image below.
2. Block Assignment  -  Select page block assignment. Not effective if "Assign to" option is empty.
3. Assign to  -  Assign the page block to specific page. Select from the list or start typing to load specific pages. If empty page block is visible on all pages.
4. Unassign from  -  Unassign this page block from specific page. Select from the list or start typing to load specific pages. This options works in conjunction with Assign to. Example; if Block assignment is Show and you assign this block to all single posts and unassign from specific single post, the block is not visible on that specific post. If however the Block assignment is Hide than the block is visible only on specific single post and hidden from all other single posts.
5. Block visibility  -  Select user roles that can see the page block.
6. Visible to  -  If unchecked everyone can still see the page block. If you select Logged in than all users that are logged in will see this block. For more restrictive visibility do not use Logged in but rather select the user role. Logged out option makes this block visible to site visitors only.

Page blocks positions map

Use the position map above to assign the page block to desired position. Note that multiple page blocks can be assigned to same position. If you need to sort their order we recommend you use Post Types Order plugin for blocks reorder.

Offcanvas pageblock position

Offcanvas pageblock position will display any pageblock in a offcanvas overlay position if a selected header layout is, Offcanvas push out, Offcanvas slide out, Mini and Mini Right. You can see it in action on Vibrant theme demo.

Using the page block instead of hero section or footer

Page block can also be used instead of theme hero section or footer. Watch the video above to understand how to acheive this.

Adding custom page block position

There are currently 10 page blocks positions that you can use. If you wish to add more please use this filter;

function my_filter_pageblocks_positions_list ( $custom_kits ){

    $custom_positions = array(
        'my_position'       => esc_html__('My position name', 'creatus'),
    );

    return $custom_positions;
}

add_filter('thz_filter_pageblocks_positions_list', 'my_filter_pageblocks_positions_list' );

Than anywhere in the child theme where you wish your position to appear add following function;

<?php thz_page_block($position, $echo);?>

Function attributes:

1. $position  -  Page block position name.
2. $echo  -  true by default, return if false.

Usage example:

<?php thz_page_block('my_position'); ?>

The post Page Blocks appeared first on Themezly™.

Beside the ability to use any of the 800+ Google Fonts, Creatus comes with an advanced import fonts utility that will import fonts from FontSquirel, Typekit and your own @font-face kits. Once imported, all the fonts that you have chosen will be visible in typography option an their styles are automatically enqued.

FontSquirel

To add the fonts from FontSquirel go to Creatus Import Fonts area FontSquirel tab , find the font you need and click on it's download icon. After the download the font will be available in the typography options throughout the site.

Typekit

To add the fonts from Typekit go to Creatus Import Fonts area Typekit tab;

1. Add your Typekit API Token
2. Click on the Click to add kit ID button .
3. In the addable input text add your kit ID .
4. After the font is available in the list click on Save Changes button.

Your Typekit fonts are now available in the typography options throughout the site.

Custom @font-face kits

If you prefer self hosted @font-face kits over Google fonts or Typekit you can add your own @font-face kit within the Creatus child theme folder. To do so follow these simple steps.

1. Place your @font-face kit in creatus-child/ANY_SUB_FOLDER.
2. In functions.php add a filter with your font kit details;

/*
 * Use this function as an example
 * on how to add your own @font-face kit.
 * Make sure that font files reside 
 * in same folder as the @font-face kit.
 *
 * There are two acceptable kit fonts
 * formats examples that you can use.
 */
function my_filter_add_fontface_kits ( $custom_kits ){

    $custom_kits = array(

        /*
         * You can add more than
         * one font-family per kit
         * and also have multiple kits.
         * Just make sure that all
         * @font-face are properly declared
         * in the kit stylesheet like;
         * @font-face {
         *      font-family: 'Open Sans';
         *      src: url('path_to_400_weight.woff') format('woff');
         *      font-weight: 400;
         *      font-style: normal;
         *  }
         * @font-face {
         *      font-family: 'Open Sans';
         *      src: url('path_to_600_weight.woff') format('woff');
         *      font-weight: 600;
         *      font-style: normal;
         *  }
         *
         * OR
         *
         * @font-face {
         *      font-family: 'open_sans_regular';
         *      src: url('path_to_open_sans_regular.woff') format('woff');
         *      font-weight: normal;
         *      font-style: normal;
         *  }
         * @font-face {
         *      font-family: 'open_sans_semi_bold';
         *      src: url('path_to_open_sans_semi_bold.woff') format('woff');
         *      font-weight: normal;
         *      font-style: normal;
         *  }        
         */
        'kit1' => array( // kit name /ID
             /* 
              * Set kit CSS file uri and path. 
              * This folder must be accessible
              * otherwise the kit will not be available.
              */            
            'css_file_path'     => thz_theme_file_path('/KIT1_FOLDER/KIT_STYLE_NAME.css'),
            'css_file_uri'      => thz_theme_file_uri('/KIT1_FOLDER/KIT_STYLE_NAME.css'),

            'fonts' => array( // kit fonts collection

               /*
                * Use this format if all weights are 
                * using same font-family name
                */
                'roboto' => array( // font key
                    'name' => 'Roboto', // Label for typography option
                    'family' => 'Roboto', // Font family used in frontend, should be same as in CSS
                    'variants' => array(
                        '400',
                        '400italic',
                        '500',
                        '500italic',
                    )
                ),

                'open_sans' => array( // font key
                    'name' => 'Open Sans', // Label for typography option
                    'family' => 'Open Sans', // Font family used in frontend, should be same as in CSS
                    'variants' => array(
                        '400',
                        '400italic',
                        '600',
                        '600italic',
                    )
                ),

               /*
                * Use this format if each weight has 
                * own font-family name.
                * Make sure variant is set to false
                * for each weight.
                */
                'roboto_regular' => array(
                    'name' => 'Roboto',
                    'family' => 'roboto_regular',
                    'variants' => false
                ),
                'roboto_italic' => array(
                    'name' => 'Roboto Italic',
                    'family' => 'roboto_italic',
                    'variants' => false
                ),
                'roboto_medium' => array(
                    'name' => 'Roboto Medium',
                    'family' => 'roboto_medium',
                    'variants' => false
                ),
                'roboto_medium_italic' => array(
                    'name' => 'Roboto Medium Italic',
                    'family' => 'roboto_medium_italic',
                    'variants' => false
                ),

                'open_sans_regular' => array(
                    'name' => 'Open Sans',
                    'family' => 'open_sans_regular',
                    'variants' => false
                ),
                'open_sans_italic' => array(
                    'name' => 'Open Sans Italic',
                    'family' => 'open_sans_italic',
                    'variants' => false
                ),
                'open_sans_semi_bold' => array(
                    'name' => 'Open Sans Semi-Bold',
                    'family' => 'open_sans_semi_bold',
                    'variants' => false
                ),
                'open_sans_semi_bold_italic' => array(
                    'name' => 'Open Sans Semi-Bold Italic',
                    'family' => 'open_sans_semi_bold_italic',
                    'variants' => false
                ),
            )
        ),

        'kit2' => array( // kit name /ID

            'css_file_path'     => thz_theme_file_path('/KIT2_FOLDER/KIT_STYLE_NAME.css'),
            'css_file_uri'      => thz_theme_file_uri('/KIT2_FOLDER/KIT_STYLE_NAME.css'),

            'fonts' => array(

                'open_sans' => array(
                    'name' => 'Open Sans',
                    'family' => 'open_sans',
                    'variants' => false
                ),
                'open_sans_italic' => array(
                    'name' => 'Open Sans Italic',
                    'family' => 'open_sans_italic',
                    'variants' => false
                ),
                'open_sans_semi_bold' => array(
                    'name' => 'Open Sans Semi-Bold',
                    'family' => 'open_sans_semi_bold',
                    'variants' => false
                ),
                'open_sans_semi_bold_italic' => array(
                    'name' => 'Open Sans Semi-Bold Italic',
                    'family' => 'open_sans_semi_bold_italic',
                    'variants' => false
                ),
            )
        ),

    );

    return $custom_kits;
}

add_filter('thz_filter_add_fontface_kits', 'my_filter_add_fontface_kits' );

The post Import Fonts appeared first on Themezly™.

Unyson theme framework WordPress Shortocdes extension brings all shortcodes ( except sections and columns ) to your WordPress editor. We recomend leaving this extension active at all times since it can be used troughtout all your post types.
To find out more about Unyson WordPress Shortocdes extension please visit Unyson WordPress Shortocdes Extension manual.

The post WordPress Shortcodes appeared first on Themezly™.