Tag: customizer

  • Switcher – Frontend theme customizer for WordPress (Miscellaneous)

    Switcher – Frontend theme customizer for WordPress (Miscellaneous)

    Switcher is set out to solve one problem; persistent theme changes that lasts until the user closes the browser while having as few HTTP transfers as possible. Why is it needed? Only a few days ago from writing this, I wanted to see how a theme would look with certain settings, the problem was that every time I changed page to see how a new one would look with certain settings, all the settings were removed and I had to do it all over again. It was frustrating so I set out to create a very advanced theme customizer.

    Persistent Stylechanges
    Your potential buyer doesn’t need to redo the stylechanges on page change to see how your page would look like using the settings that he/she wants

    Multiple stylesheetchanges independently
    Show the user how your site would look like with a different skin or with different fonts.

    Minimize HTTP footprint
    Sessionstorage is used locally if the user has a modern browser to avoid sending cookies with every HTTP request. If the user is running an old browser cookies will be used.

    Set view permission [new]
    If you only want to show the switcher for your client you can now do so. See the new settings page under “Settings” in the WordPress admin.

    Features

    • Enable, disable, load and unload stylesheets on demand, without ever removing the stylesheets themselves (to minimize the requests). You can have multiple groups of stylesheets that are changed independently, one set for colored skins, one set for fonts etc.
    • Change backgrounds and remove backgrounds easily, supports different styles of backgrounds, repeated backgrounds, like patterns (in different ways) or pagewide cover background.
    • Change classes based on elements and ids so the user can see how your site would look with a different header, on a phone, without breadcrumbs, footer etc.
    • Switcher uses sessionstorage (if there is support for it), which improves performance because cookies doesn’t need to be sent to the server every time. If the user doesn’t support sessionstorage (introduced 2009), then switcher falls back and uses cookies to save settings. Sessionstorage doesn’t ask for permission unlike localstorage so there are no disturbing interruptions in the UI.
    • Switcher supports by default three positions, left, right, and on top. If you want to place it in any other way it just requires some css editing (which should be easy to edit, since I’ve commented the CSS file).
    • Styles can be reset (IE7 resets everything but the background), but if you know your default background you can use that to make it work in IE7 as well.
    • The script is loaded in wp_footer() template tag so it doesn’t impact the loading of the site.
    • Switcher can be open or closed on pageload.
    • Beautiful flat UI which goes well with todays trends.
    • Supports retina screens (all icons are available @2x).
    • Switcher runs as a plugin so it doesn’t impact your workflow and/or new editions of your theme.
    • Extensive documentation included.

    ChangeLog

    Version 1.03
    2013-08-07

    General
    * New feature, roles, you can now choose to only display styleswitcher
    to a user with a particular role (Everyone, Subscriber, Contributor,
    Author, Editor, and Administrator).
    * You can change who you want to display switcher for by going to
    Settings > Switcher, in the wordpress admin
    * Three new skins; blue, coral, and white
    * Homogenized dropdowns and improved aesthetics across all browsers
    * Corrected margin for title on smaller devices (969px-768px)

    Version 1.02
    2013-08-05
    Changed the way how coloured boxes, backgrounds, and patters are showed.
    They now have a visual default style that has a 100% opacity. So you can
    see which one is selected. This requires a change in how they are called
    by adding the attribute:

    “selector” : selector

    in the constructor of the jQuery object for the corresponding types. For
    older jQuery versions < 1.9 so could I’ve used .selector but its now removed,
    deprecated since 1.7, and I want this plugin to be future safe for
    many years ahead.

    Version 1.01
    2013-07-27

    New feature Callbacks
    * See documentation

    Version 1.0
    2013-07-24

    Initial (private) release

  • Switcher – Frontend theme customizer for WordPress (Miscellaneous)

    Switcher – Frontend theme customizer for WordPress (Miscellaneous)

    Switcher is set out to solve one problem; persistent theme changes that lasts until the user closes the browser while having as few HTTP transfers as possible. Why is it needed? Only a few days ago from writing this, I wanted to see how a theme would look with certain settings, the problem was that every time I changed page to see how a new one would look with certain settings, all the settings were removed and I had to do it all over again. It was frustrating so I set out to create a very advanced theme customizer.

    Persistent Stylechanges
    Your potential buyer doesn’t need to redo the stylechanges on page change to see how your page would look like using the settings that he/she wants

    Multiple stylesheetchanges independently
    Show the user how your site would look like with a different skin or with different fonts.

    Minimize HTTP footprint
    Sessionstorage is used locally if the user has a modern browser to avoid sending cookies with every HTTP request. If the user is running an old browser cookies will be used.

    Set view permission [new]
    If you only want to show the switcher for your client you can now do so. See the new settings page under “Settings” in the WordPress admin.

    Features

    • Enable, disable, load and unload stylesheets on demand, without ever removing the stylesheets themselves (to minimize the requests). You can have multiple groups of stylesheets that are changed independently, one set for colored skins, one set for fonts etc.
    • Change backgrounds and remove backgrounds easily, supports different styles of backgrounds, repeated backgrounds, like patterns (in different ways) or pagewide cover background.
    • Change classes based on elements and ids so the user can see how your site would look with a different header, on a phone, without breadcrumbs, footer etc.
    • Switcher uses sessionstorage (if there is support for it), which improves performance because cookies doesn’t need to be sent to the server every time. If the user doesn’t support sessionstorage (introduced 2009), then switcher falls back and uses cookies to save settings. Sessionstorage doesn’t ask for permission unlike localstorage so there are no disturbing interruptions in the UI.
    • Switcher supports by default three positions, left, right, and on top. If you want to place it in any other way it just requires some css editing (which should be easy to edit, since I’ve commented the CSS file).
    • Styles can be reset (IE7 resets everything but the background), but if you know your default background you can use that to make it work in IE7 as well.
    • The script is loaded in wp_footer() template tag so it doesn’t impact the loading of the site.
    • Switcher can be open or closed on pageload.
    • Beautiful flat UI which goes well with todays trends.
    • Supports retina screens (all icons are available @2x).
    • Switcher runs as a plugin so it doesn’t impact your workflow and/or new editions of your theme.
    • Extensive documentation included.

    ChangeLog

    Version 1.03
    2013-08-07

    General
    * New feature, roles, you can now choose to only display styleswitcher
    to a user with a particular role (Everyone, Subscriber, Contributor,
    Author, Editor, and Administrator).
    * You can change who you want to display switcher for by going to
    Settings > Switcher, in the wordpress admin
    * Three new skins; blue, coral, and white
    * Homogenized dropdowns and improved aesthetics across all browsers
    * Corrected margin for title on smaller devices (969px-768px)

    Version 1.02
    2013-08-05
    Changed the way how coloured boxes, backgrounds, and patters are showed.
    They now have a visual default style that has a 100% opacity. So you can
    see which one is selected. This requires a change in how they are called
    by adding the attribute:

    “selector” : selector

    in the constructor of the jQuery object for the corresponding types. For
    older jQuery versions < 1.9 so could I’ve used .selector but its now removed,
    deprecated since 1.7, and I want this plugin to be future safe for
    many years ahead.

    Version 1.01
    2013-07-27

    New feature Callbacks
    * See documentation

    Version 1.0
    2013-07-24

    Initial (private) release

  • Switcher – Frontend theme customizer for WordPress (Miscellaneous)

    Switcher – Frontend theme customizer for WordPress (Miscellaneous)

    Switcher is set out to solve one problem; persistent theme changes that lasts until the user closes the browser while having as few HTTP transfers as possible. Why is it needed? Only a few days ago from writing this, I wanted to see how a theme would look with certain settings, the problem was that every time I changed page to see how a new one would look with certain settings, all the settings were removed and I had to do it all over again. It was frustrating so I set out to create a very advanced theme customizer.

    Persistent Stylechanges
    Your potential buyer doesn’t need to redo the stylechanges on page change to see how your page would look like using the settings that he/she wants

    Multiple stylesheetchanges independently
    Show the user how your site would look like with a different skin or with different fonts.

    Minimize HTTP footprint
    Sessionstorage is used locally if the user has a modern browser to avoid sending cookies with every HTTP request. If the user is running an old browser cookies will be used.

    Set view permission [new]
    If you only want to show the switcher for your client you can now do so. See the new settings page under “Settings” in the WordPress admin.

    Features

    • Enable, disable, load and unload stylesheets on demand, without ever removing the stylesheets themselves (to minimize the requests). You can have multiple groups of stylesheets that are changed independently, one set for colored skins, one set for fonts etc.
    • Change backgrounds and remove backgrounds easily, supports different styles of backgrounds, repeated backgrounds, like patterns (in different ways) or pagewide cover background.
    • Change classes based on elements and ids so the user can see how your site would look with a different header, on a phone, without breadcrumbs, footer etc.
    • Switcher uses sessionstorage (if there is support for it), which improves performance because cookies doesn’t need to be sent to the server every time. If the user doesn’t support sessionstorage (introduced 2009), then switcher falls back and uses cookies to save settings. Sessionstorage doesn’t ask for permission unlike localstorage so there are no disturbing interruptions in the UI.
    • Switcher supports by default three positions, left, right, and on top. If you want to place it in any other way it just requires some css editing (which should be easy to edit, since I’ve commented the CSS file).
    • Styles can be reset (IE7 resets everything but the background), but if you know your default background you can use that to make it work in IE7 as well.
    • The script is loaded in wp_footer() template tag so it doesn’t impact the loading of the site.
    • Switcher can be open or closed on pageload.
    • Beautiful flat UI which goes well with todays trends.
    • Supports retina screens (all icons are available @2x).
    • Switcher runs as a plugin so it doesn’t impact your workflow and/or new editions of your theme.
    • Extensive documentation included.

    ChangeLog

    Version 1.03
    2013-08-07

    General
    * New feature, roles, you can now choose to only display styleswitcher
    to a user with a particular role (Everyone, Subscriber, Contributor,
    Author, Editor, and Administrator).
    * You can change who you want to display switcher for by going to
    Settings > Switcher, in the wordpress admin
    * Three new skins; blue, coral, and white
    * Homogenized dropdowns and improved aesthetics across all browsers
    * Corrected margin for title on smaller devices (969px-768px)

    Version 1.02
    2013-08-05
    Changed the way how coloured boxes, backgrounds, and patters are showed.
    They now have a visual default style that has a 100% opacity. So you can
    see which one is selected. This requires a change in how they are called
    by adding the attribute:

    “selector” : selector

    in the constructor of the jQuery object for the corresponding types. For
    older jQuery versions < 1.9 so could I’ve used .selector but its now removed,
    deprecated since 1.7, and I want this plugin to be future safe for
    many years ahead.

    Version 1.01
    2013-07-27

    New feature Callbacks
    * See documentation

    Version 1.0
    2013-07-24

    Initial (private) release

  • Switcher – Frontend theme customizer for WordPress (Miscellaneous)

    Switcher – Frontend theme customizer for WordPress (Miscellaneous)

    Switcher is set out to solve one problem; persistent theme changes that lasts until the user closes the browser while having as few HTTP transfers as possible. Why is it needed? Only a few days ago from writing this, I wanted to see how a theme would look with certain settings, the problem was that every time I changed page to see how a new one would look with certain settings, all the settings were removed and I had to do it all over again. It was frustrating so I set out to create a very advanced theme customizer.

    Persistent Stylechanges
    Your potential buyer doesn’t need to redo the stylechanges on page change to see how your page would look like using the settings that he/she wants

    Multiple stylesheetchanges independently
    Show the user how your site would look like with a different skin or with different fonts.

    Minimize HTTP footprint
    Sessionstorage is used locally if the user has a modern browser to avoid sending cookies with every HTTP request. If the user is running an old browser cookies will be used.

    Set view permission [new]
    If you only want to show the switcher for your client you can now do so. See the new settings page under “Settings” in the WordPress admin.

    Features

    • Enable, disable, load and unload stylesheets on demand, without ever removing the stylesheets themselves (to minimize the requests). You can have multiple groups of stylesheets that are changed independently, one set for colored skins, one set for fonts etc.
    • Change backgrounds and remove backgrounds easily, supports different styles of backgrounds, repeated backgrounds, like patterns (in different ways) or pagewide cover background.
    • Change classes based on elements and ids so the user can see how your site would look with a different header, on a phone, without breadcrumbs, footer etc.
    • Switcher uses sessionstorage (if there is support for it), which improves performance because cookies doesn’t need to be sent to the server every time. If the user doesn’t support sessionstorage (introduced 2009), then switcher falls back and uses cookies to save settings. Sessionstorage doesn’t ask for permission unlike localstorage so there are no disturbing interruptions in the UI.
    • Switcher supports by default three positions, left, right, and on top. If you want to place it in any other way it just requires some css editing (which should be easy to edit, since I’ve commented the CSS file).
    • Styles can be reset (IE7 resets everything but the background), but if you know your default background you can use that to make it work in IE7 as well.
    • The script is loaded in wp_footer() template tag so it doesn’t impact the loading of the site.
    • Switcher can be open or closed on pageload.
    • Beautiful flat UI which goes well with todays trends.
    • Supports retina screens (all icons are available @2x).
    • Switcher runs as a plugin so it doesn’t impact your workflow and/or new editions of your theme.
    • Extensive documentation included.

    ChangeLog

    Version 1.03
    2013-08-07

    General
    * New feature, roles, you can now choose to only display styleswitcher
    to a user with a particular role (Everyone, Subscriber, Contributor,
    Author, Editor, and Administrator).
    * You can change who you want to display switcher for by going to
    Settings > Switcher, in the wordpress admin
    * Three new skins; blue, coral, and white
    * Homogenized dropdowns and improved aesthetics across all browsers
    * Corrected margin for title on smaller devices (969px-768px)

    Version 1.02
    2013-08-05
    Changed the way how coloured boxes, backgrounds, and patters are showed.
    They now have a visual default style that has a 100% opacity. So you can
    see which one is selected. This requires a change in how they are called
    by adding the attribute:

    “selector” : selector

    in the constructor of the jQuery object for the corresponding types. For
    older jQuery versions < 1.9 so could I’ve used .selector but its now removed,
    deprecated since 1.7, and I want this plugin to be future safe for
    many years ahead.

    Version 1.01
    2013-07-27

    New feature Callbacks
    * See documentation

    Version 1.0
    2013-07-24

    Initial (private) release

  • Switcher – Frontend theme customizer for WordPress (Miscellaneous)

    Switcher – Frontend theme customizer for WordPress (Miscellaneous)

    Switcher is set out to solve one problem; persistent theme changes that lasts until the user closes the browser while having as few HTTP transfers as possible. Why is it needed? Only a few days ago from writing this, I wanted to see how a theme would look with certain settings, the problem was that every time I changed page to see how a new one would look with certain settings, all the settings were removed and I had to do it all over again. It was frustrating so I set out to create a very advanced theme customizer.

    Persistent Stylechanges
    Your potential buyer doesn’t need to redo the stylechanges on page change to see how your page would look like using the settings that he/she wants

    Multiple stylesheetchanges independently
    Show the user how your site would look like with a different skin or with different fonts.

    Minimize HTTP footprint
    Sessionstorage is used locally if the user has a modern browser to avoid sending cookies with every HTTP request. If the user is running an old browser cookies will be used.

    Set view permission [new]
    If you only want to show the switcher for your client you can now do so. See the new settings page under “Settings” in the WordPress admin.

    Features

    • Enable, disable, load and unload stylesheets on demand, without ever removing the stylesheets themselves (to minimize the requests). You can have multiple groups of stylesheets that are changed independently, one set for colored skins, one set for fonts etc.
    • Change backgrounds and remove backgrounds easily, supports different styles of backgrounds, repeated backgrounds, like patterns (in different ways) or pagewide cover background.
    • Change classes based on elements and ids so the user can see how your site would look with a different header, on a phone, without breadcrumbs, footer etc.
    • Switcher uses sessionstorage (if there is support for it), which improves performance because cookies doesn’t need to be sent to the server every time. If the user doesn’t support sessionstorage (introduced 2009), then switcher falls back and uses cookies to save settings. Sessionstorage doesn’t ask for permission unlike localstorage so there are no disturbing interruptions in the UI.
    • Switcher supports by default three positions, left, right, and on top. If you want to place it in any other way it just requires some css editing (which should be easy to edit, since I’ve commented the CSS file).
    • Styles can be reset (IE7 resets everything but the background), but if you know your default background you can use that to make it work in IE7 as well.
    • The script is loaded in wp_footer() template tag so it doesn’t impact the loading of the site.
    • Switcher can be open or closed on pageload.
    • Beautiful flat UI which goes well with todays trends.
    • Supports retina screens (all icons are available @2x).
    • Switcher runs as a plugin so it doesn’t impact your workflow and/or new editions of your theme.
    • Extensive documentation included.

    ChangeLog

    Version 1.03
    2013-08-07

    General
    * New feature, roles, you can now choose to only display styleswitcher
    to a user with a particular role (Everyone, Subscriber, Contributor,
    Author, Editor, and Administrator).
    * You can change who you want to display switcher for by going to
    Settings > Switcher, in the wordpress admin
    * Three new skins; blue, coral, and white
    * Homogenized dropdowns and improved aesthetics across all browsers
    * Corrected margin for title on smaller devices (969px-768px)

    Version 1.02
    2013-08-05
    Changed the way how coloured boxes, backgrounds, and patters are showed.
    They now have a visual default style that has a 100% opacity. So you can
    see which one is selected. This requires a change in how they are called
    by adding the attribute:

    “selector” : selector

    in the constructor of the jQuery object for the corresponding types. For
    older jQuery versions < 1.9 so could I’ve used .selector but its now removed,
    deprecated since 1.7, and I want this plugin to be future safe for
    many years ahead.

    Version 1.01
    2013-07-27

    New feature Callbacks
    * See documentation

    Version 1.0
    2013-07-24

    Initial (private) release

  • BFI wordpress Theme Customizer+ (Add-ons)

    BFI wordpress Theme Customizer+ (Add-ons)

    Easily utilize the full potential of WordPress’ Theme Customizer API in your WordPress themes! Truly a must for all ThemeForest WordPress theme authors!

    BFI Theme Customizer+ extends the functionality of WordPress’ Theme Customizer API and also makes it easier to use. This add-on automatically generates cacheable dynamic CSS files from a CSS template, and it also allows visitors to your theme demo sites to override customized settings using GET variables.

    Awesome Features

    • Easy to integrate in your WordPres theme
    • Makes using WP’s Theme Customizer API super easy to use
    • Take full control of the Theme Customizer API with only 2 function calls
    • Easily extendable if you want to create more controls with custom filter hooks
    • Automatically creates dynamic CSS files for your site using WP’s FileSystem API
    • The dynamic CSS file generated is fully cachable
    • Automatically allow your visitors to change styles using GET variables in your theme demo sites
    • When your customers update your theme, all their settings will still be kept, and new settings that you define will be applied
    • Follows all ThemeForest submission requirements
    • Includes a modified Twenty Thirteen that already has this add-on integrated
    • Theme customizer in WordPress live preview updates correctly

    Default & Included Customizer Controls

    • Text
    • Checkbox
    • Radio buttons
    • Select drop down
    • Select drop down pages
    • Color picker
    • File upload
    • Image upload
    • Note NEW
    • Textarea NEW

    Happy Coding With The Theme Customizer+

    Creating a section

    BFIThemeCustomizer::addSection(array(
        'id' => 'custom_colors',
        'title' => __( 'Custom Colors', 'default' ),
    ));
    

    Creating a setting/control

    BFIThemeCustomizer::addSetting(array(
        'id' => 'bg_color',
        'section' => 'custom_colors',
        'type' => 'WP_Customize_Color_Control',
        'label' => __( 'Background Color', 'default' ),
    ));
    

    Overridable settings for your demo sites

    http://demo.mytheme.com/?bg_color=#3498db
    

    Refer to the documentation for more details.

    Happy coding!

  • BFI WordPress Theme Customizer+ (Add-ons)

    BFI WordPress Theme Customizer+ (Add-ons)

    Easily utilize the full potential of WordPress’ Theme Customizer API in your WordPress themes! Truly a must for all ThemeForest WordPress theme authors!

    BFI Theme Customizer+ extends the functionality of WordPress’ Theme Customizer API and also makes it easier to use. This add-on automatically generates cacheable dynamic CSS files from a CSS template, and it also allows visitors to your theme demo sites to override customized settings using GET variables.

    Awesome Features

    • Easy to integrate in your WordPres theme
    • Makes using WP’s Theme Customizer API super easy to use
    • Take full control of the Theme Customizer API with only 2 function calls
    • Easily extendable if you want to create more controls with custom filter hooks
    • Automatically creates dynamic CSS files for your site using WP’s FileSystem API
    • The dynamic CSS file generated is fully cachable
    • Automatically allow your visitors to change styles using GET variables in your theme demo sites
    • When your customers update your theme, all their settings will still be kept, and new settings that you define will be applied
    • Follows all ThemeForest submission requirements
    • Includes a modified Twenty Thirteen that already has this add-on integrated
    • Theme customizer in WordPress live preview updates correctly

    Default & Included Customizer Controls

    • Text
    • Checkbox
    • Radio buttons
    • Select drop down
    • Select drop down pages
    • Color picker
    • File upload
    • Image upload
    • Note NEW
    • Textarea NEW

    Happy Coding With The Theme Customizer+

    Creating a section

    BFIThemeCustomizer::addSection(array(
        'id' => 'custom_colors',
        'title' => __( 'Custom Colors', 'default' ),
    ));
    

    Creating a setting/control

    BFIThemeCustomizer::addSetting(array(
        'id' => 'bg_color',
        'section' => 'custom_colors',
        'type' => 'WP_Customize_Color_Control',
        'label' => __( 'Background Color', 'default' ),
    ));
    

    Overridable settings for your demo sites

    http://demo.mytheme.com/?bg_color=#3498db
    

    Refer to the documentation for more details.

    Happy coding!