Styles

Description

WordPress has lots of beautiful themes, but personalizing a design can be difficult and time-intensive. Styles changes that. Styles gives you creative control in one consistent interface – the WordPress theme customizer. Styles lets you make your site your own. 🙂

Try a demo in TwentyTwelve.

Features of the plugin

  • Instant previews
  • Text size
  • Google Fonts with previews and search
  • Text colors
  • Border colors
  • Background colors
  • Hundreds of options
  • Consistent interface and names in every theme
  • Built on WordPress customizer, so Styles grows as WordPress grows

Styles and options for all built-in WordPress themes are free. More themes are available at StylesPlugin.com.

Free Themes

  • TwentyTen
  • TwentyEleven
  • TwentyTwelve
  • TwentyThirteen
  • TwentyFourteen
  • TwentyFifteen

Styles for Genesis

A third-party developer, The Stiz Media, maintains Styles add-ons for Genesis themes.

Developer Resources

Contact

Screenshots

  • TwentyEleven header settings.
  • Google Fonts with preview and search.
  • All TwentyEleven sections.
  • TwentyEleven menu settings.

FAQ

Why is this plugin free?

We believe life is better when we work together. 🙂 Support for WordPress default themes, like TwentyTwelve and TwentyThirteen, will always be free. Continued development in Styles will be supported by:

  • Plugins for additional themes
  • Plugins for add-on features
  • Premium support and updates
  • Documentation for using Styles in your own themes
Does Styles support my theme?

Maybe! We have additional themes available available at StylesPlugin.com. If you don’t find your theme there, watch this walkthrough for a developer’s guide on how to add support. Adding one option takes only one line of code.

I’d like to distribute a theme add-on I created for Styles

If you watched the walkthrough and created an add-on for Styles, please share it with others. It’s our goal to make the lives of theme developers and end-users much, much easier.

If you would like to sell your add-on at stylesplugin.com, get in touch! Email us at styles (at) stylesplugin.com or find us on Twitter as @stylesplugin.

Will this plugin slow down my site?

No! Styles is very careful about only loading what is needed to get its job done. Once you’re done editing, stylesheets are cached and loaded for your sites users as quickly as possible.

Reviews

Excellent plugin

TheSupercargo

I am really pleased to recommend the Styles plugin. It is a wonderful resource that enables even an uncertain website builder make a site that looks good. Unfortunately I can only recommend it for use on single sites. On my multi-site it came into conflict with a theme/plugin that offers a similar control over typography that I have running on a different site within the same multi-site. This is why I give it 4 starts rather than 5.

I can also say I am very satisfied with the help provided in the Styles forum by the plugin developer.

Read all 30 reviews

Changelog

1.1.10

  • New: Linked auto-install for styles-twentyfifteen by @dim.
  • Fix: Avoid “Styles is almost ready” notice caused by plugins such as usernoise.

1.1.9

1.1.8

  • Fix: Resolve issues with option to reset settings. Thanks [@violacase](https://wordpress.org/support/topic/reset-with-stylestwentyfourteen] @JiveDig for the reports.

1.1.7

  • New: Option to reset all settings.
  • New: Option to enable debug mode to help when responding to support tickets.

1.1.6

  • Fix: Error in CSS output caused by some WordPress translations, such as Hebrew.
  • New: Include the optimization that was supposed to be in 1.1.5. (Load standard fonts via javascript to reduce memory usage.)

1.1.5

  • New: Load standard fonts via javascript to reduce memory usage. This may fix issues with hosts that restrict memory usage, causing the Customizer to not fully load.

1.1.4

  • Fix: Support for custom suffixes.
  • New: Detect :active selectors in custom options.

1.1.3

  • Fix: Error when attempting to upgrade when no fonts were used.
  • Fix: Issue that would cause saved CSS and previews to not completely apply when a Standard Font with a space in the name was selected.
  • Fix: Some translations would cause CSS to not output completely.
  • Fix: Issue with IIS servers that would cause Google Fonts to not appear. Thanks @Rivanni for the error report.

1.1.2

  • Fix: Attempted fix for IIS servers.

1.1.1

  • Fix: Missing Google Fonts after save.

1.1

  • New: Previews in font menu. View screenshot.
  • New: Search to filter font list.
  • New: Updated Google Fonts.
  • New: Google Fonts update in preview without page reload.
  • New: Simplified plugin loader with nice notices for old WordPress versions.
  • New: Update scripts to convert old font format to new format.
  • Note: The update is well-tested, but in case of any issues, the upgrade script backs up old settings in wp_options for 30 days as _transient_storm-styles-THEME-NAME-pre-1.1.0.

1.0.18

1.0.17

  • New: Increase memory limit for logged in users. May fix a white screen some users experienced when attempting to preview their site.

1.0.16

  • New: Filter styles_get_group_id for merging with existing groups.

1.0.15

  • Fix: Customize Theme button loads customizer for current site in network. Resolves #38. Thanks @jivedig.
  • Fix: Child and parent theme options no longer effect each other. Resolves #29. Thanks @jivedig.

1.0.14

  • Fix: Don’t display install notice for child themes. Thanks @ektreyes for the report.

1.0.13

  • New: Allow notices to be disabled with a filter: add_filter( 'styles_disable_notices', '__return_true' );
  • New: Don’t display install notices for default themes if a plugin is installed and then renamed.
  • Fix: Don’t display install notices for non-default themes. Resolves a regression introduced in 1.0.12.

1.0.12

  • Fix: Improve detection of plugins adding support for themes
    • Add support if `Plugin Name: Styles: NAME` matches `Theme Name: NAME`
    • Add support if directory names `styles-NAME` and `theme/NAME` match
    • Make theme check case-insensitive. Resolves issues for themes with capitalized folder names, like iThemes child themes.
    • Thanks [@JiveDig](http://twitter.com/jivedig) for pointing some of these issues out.
  • Fix: Improve activation notices for child themes
    • Add theme options for a parent theme if they’re activated, but don’t show a notice requiring them.
    • Detect and display which theme a plugin is trying to add support for.
    • Correctly display the plugin name requesting activation in cases where the plugin doesn’t follow the recommended naming convention.

1.0.11

1.0.10

  • Fix: Ensure preview javascript works when WordPress installed in a child directory. Props @westonruter.
  • Fix: Prevent warnings when no Styles child plugins exist. Thanks @pictureitsolved
  • New: Add styles_json_files filter to allow plugin authors to enqueue arbitrary customize.json files. customize.json in child plugins and themes are still enqueued automatically.

1.0.9

  • Fix: Resolve regression in 1.0.8 that caused saved styles to not display.

1.0.8

1.0.7

  • Fix: Clearing a setting now updates the preview without a page refresh.
  • Fix: Settings requiring “!important” are fixed and support live preview.
  • Fix: Plugin header settings no longer conflicts with other plugins.
  • Fix: Remove all options when uninstalling on a site network.
  • Change: ‘color’ label now says ‘text color’.
  • New: Contact links and developer resources added to readme

1.0.6

  • New: Add installation notice to Customizer.

1.0.5

  • Fix: Resolve blank screen that could appear when installing on a new theme.

1.0.4

  • Fix: Correctly set outer background color

1.0.3

  • Fix: Google fonts loading correctly once saved.

1.0.2

  • Fix: Remove front-end PHP notice. (Minor; Only matters if WP_DEBUG is enabled.)

1.0.1

  • Fix: Remove Customizer PHP notice. (Minor; Only matters if WP_DEBUG is enabled.)

1.0

  • New: Completely rewrite Styles to use the WordPress Customizer API. Whew! That was a lot of work, but will allow us to grow closely with WordPress going forward.
  • New: Styles 1.0 does not import 0.5.2 settings. However, you can always reinstall Styles 0.5.3 to get your old settings back.
  • New: TwentyTwelve support.
  • New: TwentyThirteen support.
  • New: Remove gradients and background images. Sorry! We had to simpify and prioritize in the rewrite. If many users find Styles useful, we hope to bring these features back!
  • New: Instant preview for many options using Customizer postMessage

0.5.2

  • Fix: Display of icons in cases where WordPress is installed in a subdirectory or wp-content is moved. Fixes http://bit.ly/Jc7oyd

0.5.1.1

  • Fix: Transparent background option
  • Fix: Display of unavailable theme options

0.5.1

  • Fix: Issue that would prevent Font styles from outputting if another option wasn’t set on the same element.

0.5.0

  • New: Load themes from API: Allows for theme support to be added without plugin updates.
  • New: Data structure: Allow settings to migrate from theme to theme
  • New: Automatically rebuild CSS when theme is switched
  • New: Wrap font settings into other options. This sets the stage to simplify the user interface in a future version.
  • New: Add option to hide text and replace with image on any element
  • New: Expand TwentyTen options
  • New: Gradient Picker: Fix add marker, drag to remove marker
  • Fix: Massive code clean-up: Removed 1,198 lines of code; modified 2,488
  • Fix: Minor UI tweaks

0.4.1

  • Fix: Saved CSS being one update behind
  • Fix: Initial values of fields & background color picker
  • Fix: Preview update stall
  • Fix: Background value when no image selected
  • Fix: Background replacement matching

0.4.0

  • Initial public release.

Contributors & Developers

This is open source software. The following people have contributed to this plugin.

Contributors

Browse the code