Style Kits — Advanced Theme Styles for Elementor

Описание

Style Kits extends the flexibility of Elementor Theme Styles and introduces the first library of Theme-Style-ready template kits and blocks.

Advanced Theme Styles

Style Kits adds meaningful UI controls to Theme Styles for the most important variables of your layout system in Elementor:

  • Column Gaps
  • Outer Section Padding
  • Buttons Colors (per size)
  • Accent colors
  • Background classes and many more…

Theme Style Presets

Get an unfair design advantage by importing read-made theme style presets for pre-configured styling on typography, colors, forms, spacing and more. Design more consistent layouts through global styling.

Theme-style-ready template kits and blocks library

The first-of-it’s-kind template library for Elementor.

In the Style Kits library, each template kit comes with its own theme style preset. Mix-and-match theme styles and layouts and enjoy built-in design consistency.

Boost your design workflow with Style Kits Pro

  • Unlimited access to a hand-made library of premium Template Kits, Theme Style Presets and Blocks that adapt to your existing Theme Styles.
  • Inline style cleanup tools that reset your layouts from inline styles. Turn your existing pages into theme-style-friendly layouts with a few clicks.
  • Smart highlight tools that help you identify elements with custom classes or custom CSS applied to them.
  • Advanced Theme Style tools. Enjoy more design flexibility in the editor with more UI controls in theme styles.
  • User Role management
  • Unsplash integration
  • Dynamic colors (Requires Elementor Pro v2.9+)
  • Cards (Soon)

Find us:
Visit the AnalogWP Website
Follow on Twitter
Like us on Facebook
Join our Facebook community
Documentation

Скриншоты

  • Main Plugin screen, displaying grouped templates.
  • Template import modal.
  • Style Kits tab
  • Blocks tab, grouped by kind.
  • Expanded Templates group view.
  • Expanded Blocks group view.
  • Analog Modal launcher inside Elementor editor.
  • Plugin settings page.
  • Style kit panel inside Elementor style tab.
  • "Body Typography" panel inside Elementor style tab.
  • "Headings Typography" panel inside Elementor style tab.
  • "Headings Sizes" panel inside Elementor style tab.
  • "Text Sizes" panel inside Elementor style tab.
  • "Main Colors" panel inside Elementor style tab.
  • "Background Colors" panel inside Elementor style tab.
  • "Buttons" panel inside Elementor style tab.
  • "Outer Section Padding" panel inside Elementor style tab.
  • "Columns Gaps" panel inside Elementor style tab.
  • "Tools" panel inside Elementor style tab.

Установка

This section describes how to install the plugin and get it working. e.g.

  1. Upload the plugin files to the /wp-content/plugins/analogwp-templates directory, or install the plugin through the WordPress plugins screen directly..
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.
  3. Head to ‘Style Kits’ page from WordPress sidebar menu.

Часто задаваемые вопросы

Do the templates require Elementor Pro?

No, you do not need Elementor Pro at this point. All the templates that are provided for free are only using the Contact Form widget (which is an Elementor Pro feature). But you can always replace with your favorite contact form plugin.

What fonts are you using in designs?

All font pairs in our templates are Google web fonts, we love typography and are always in the look-out for great font combinations.

Can I use the templates for client projects as well?

Yes, you can. You can use the templates in any number of personal or client projects. However you cannot re-distribute the templates without our prior consent. You can view the full terms and template licensing here: https://analogwp.com/terms-of-use/.

What are Style Kits?

Style Kits (since v1.2) is a collection of the custom Typography and Spacing styles that you have added to your templates, which can be reused with other templates, making the process of creating new templates a lot easier.

How frequently do you add new designs?

We try to follow a consistent release cycle of two templates per week.

Will the templates work with my theme?

Definitely, given that you have Elementor in your theme setup, the templates will get imported and work just fine.

Where can I get help?

Our dedicated support team has your back. Please reach out via our website at https://analogwp.com/.

Отзывы

23.05.2020
This plugin helps you get the extras that you would have to pay for and provides even more templates, and ways to style your page. A real win.
11.03.2020
Fantastic! More than a free plug-in. Makes starting a new design easy on elementor.
03.02.2020
I really love Stylekits for Elementor. Together with the Hello thema you are completely in control of building your own original site, instead, without having to be a webdeveloper.
Посмотреть все 24 отзыва

Участники и разработчики

«Style Kits — Advanced Theme Styles for Elementor» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

Журнал изменений

1.6.8 — May 20, 2020

  • New: Add Global Section in Kit dropdown during import
  • Fix: Multiple Kit classes being applied on frontend
  • Fix: Inner section widget taking Outer Section Padding values

1.6.7 — April 24, 2020

  • Fix: Advanced tab not overriding Outer Section padding

1.6.6 — April 23, 2020

  • Fix: Remove default Outer Section Padding (OSP) dropdown from Theme Styles
  • Fix: Added a migration script to provide a safe fallback for OSP presets on existing Section elements
  • Fix: Outer section padding sometimes being applied to Inner Section
  • Fix: Column element advanced tab not overriding Column gap styles in some cases
  • New: Added new ‘Default’ OSP field
  • Tweak: Removed ‘Edit with Elementor’ from Style Kits

1.6.5 — April 14, 2020

  • Fix: Added back Outer Section Padding control resulting in broken layouts

  • Fix: Style Kits context menu breaking tab navigation

  • Fix: Fatal error during uninstall if Elementor isn’t active
  • Fix: Removed default outer section padding control due to conflict
  • Tweak: Delete additional options on uninstall
  • Tweak: Show Accent color descriptions as tooltips

1.6.3 — March 17, 2020

  • New: Added Kits screen info notification
  • Fix: Avoid loading document on page load inside editor
  • Fix: Inherit parent fontSize/lineHeight for popup
  • Fix: Fixed typo in primary accent background color values

1.6.2 — March 09, 2020

  • New: Style Kits settings are moved to Settings tab from Style
  • New: Added links to edit Kit directly in Kits table.
  • New: Merged Heading/Text sizes section into new Typographic sizes section
  • Tweak: Added ‘Instances’ column in Kits table to show Kits usage

1.6.1 — March 04, 2020

  • Fix: Fatal error with PHP5.6
  • Fix: Avoid duplicate queries in Post state

1.6.0 — March 03, 2020

  • New: Style Kits integrated into Theme Styles. All existing Style Kits, are automatically converted to native Theme Style Kits
  • New: Added welcome screen for Theme Styles
  • New: Added latest Google fonts missing in Elementor
  • New: Added link to Theme Style panel in right-click menu
  • New: When resetting a Kit, you can revert from History screen
  • Tweak: Theme Style panel title to show Kit name
  • Tweak: Style Kits menu to show Theme Style Kits
  • Tweak: Use transient cache when fetching Kits
  • Tweak: Admin notices to show Analog logo
  • Tweak: Remove x button from Style Kit selector
  • Improve: Remove custom control for SK actions, now uses default Elementor button control

1.5.6 — Feb 12, 2020

  • Fix: Compatibility with Elementor v2.9
  • Fix: Removed option to Sync Color Palette

1.5.5 — Feb 07, 2020

  • Fix: Conflict with Elementor Extras plugin

1.5.4 — Feb 04, 2020

  • Tweak: Adds compatibility for Style Kits Pro
  • Fix: Importing templates back to back in Elementor editor caused them to import more than once

1.5.3 — Feb 01, 2020

  • New: Added ‘My favorites’ for Blocks
  • New: Added Filter, Sorting & Search for blocks (Disabled in grouped view)
  • New: Added Preview links for Style Kits
  • Fix: Issue with Pro SKs not showing errors on frontend when occurred
  • Fix: Headings not respecting inline styles in Popup
  • Fix: Show imported SK immediately in Style Kits list
  • Tweak: Style Kits library to match Template kits styles
  • Tweak: Improved loader icon during imports

1.5.2 — January 24, 2020

  • New: Template/block inserts inside Elementor are now recorded in Elementor history tab
  • New: Insert block/templates at point from where Modal was launched
  • Fix: Issue with installed kits not being set properly on template import
  • Fix: Missing license key info during block import
  • Fix: Hide template list when preview is active
  • Fix: Bug where Pro templates were displayed regardless of option selected
  • Tweak: Style Kits library listing design
  • Tweak: Show Pro notice again if Pro templates are shown

1.5.1 — January 18, 2020

  • Fix: \Analog\User class conflict with \Elementor\User (props: @midoelhawy)
  • Fix: SK color interferring with Color picker. A null color item results in broken color picker
  • Tweak: Show Pro badge for Style Kits

1.5.0 — January 16, 2020

  • New: All new Blocks tab to import blocks
  • New: Save template filter values in local storage to keep them same on refresh
  • New: Separated Text and Heading colors
  • New: Moved background colors to their own tab, now divided by Light/Dark color tabs
  • New: Added option to replace page ID while exporting Style Kit CSS
  • New: Updated settings page design
  • Fix: Added close button on SK import popup
  • Fix: Issue with Heading sizes not respecting inline styles in some cases
  • Fix: Show SK colors as swatches in Color Picker, bugged since Elementor v2.8
  • Tweak: Rename Global Colors section to Main Colors
  • Improve: A more consistent way to show admin notices
  • Improve: Removed redundant setting «Remove Styling from typographic elements»
  • Improve: New library endpoint for cumulative library data
  • Improve: All color controls in Main/Background Color now generate a CSS variable on page

1.4.0 — January 06, 2020

  • New: Added Version Control tab under Settings
  • New: Option to become a Beta Tester
  • Fix: Minor issue with Settings page footer links inherting Settings styles
  • Fix: Critical error caused sometimes during Quick Post update
  • Fix: Global SK values not updating properly due to a recent change
  • Improve: Added backward compatibility with < Elementor v2.8.0
  • Improve: Added Close link to Style Kit import popup.
  • Improve: Heavily improved performance, caused due to a memory leak

1.3.17 — December 12, 2019

  • Fix: Added backwards compatibility for SK contextual menu
  • Fix: Icons box links not respecting inline colors

1.3.16 — December 10, 2019

  • Fix: Issue with Style Kits tab not showing up
  • Fix: Issue with templates imported directly from Settings page
  • Fix: Accordion/counter widget not respecting inline colors with custom classes
  • Tweak: Styled updated for better compatibility with Dark Mode
  • Improve: Move Global Style Kit setting from Elementor to plugin settings
  • Improve: Tweak rollback versions to be ordered numerically

1.3.15 — November 29, 2019

  • Fix: Custom CSS inconsistency between saving SKs, properly slash data before saving in post meta
  • Fix: Remove stored template values from existing SKs
  • Fix: Issue with undefined array key in a rare cases
  • Fix: Link color within content not respecting inline color
  • Fix: Global color not overridding colors as expected when using multiple templates on page
  • Improve: Added new method for updating SKs, preserve settings not related to SK

1.3.14 — November 11, 2019

  • Fix: Don’t save template value from in SK
  • Fix: Post meta terms accent color
  • Tweak: Added SK accent color on Comment submit button
  • Tweak: Change SK imported popup text, redirect to SK panel after import
  • Improve: Update Style Kit button is now more consistent
  • Improve: Clear Elementor cache on uninstall
  • Improve: Use core version of React and ReactDOM

1.3.13 — November 04, 2019

  • Fix: Issue with buttons taking accent color

1.3.12 — November 04, 2019

  • Fix: Added back selectors to apply accent colors on titles
  • Fix: Show SK updated popup only on open editors
  • Fix: Rare issue where SK dropdown would insert invalid items when no items exist
  • Tweak: Include all page settings as part of SK
  • Tweak: Update Column padding selectors to remove !important
  • Tweak: Better compatibility with Nav styles

1.3.11 — October 31, 2019

  • Fix: Templates not being imported due to a bug introduced in v1.3.10
  • Fix: Style Kit panels/settings not showing up on some template types, as a result, the setting «Do not apply link color on active titles» has been removed
  • Tweak: Better compatibility with Nav widget and Style Kits
  • Improve: Popups, once again can have a Style Kit

1.3.10 — October 29, 2019

  • New: Make Nav item/pointer inherit SK accent color
  • Fix: Image/Icon box widget selectors accent color override
  • Fix: Heading widget selectors accent color override
  • Improve: Ensure “Do not apply link” setting is respected

1.3.9 — October 26, 2019

  • Fix: Disable Style Kit settings from Popups
  • Fix: Divider widget not being able to override accent color
  • Fix: Icon/Image box not being able to override accent color
  • Fix: All Style Kits not being listed during import
  • Fix: A rare case with undefined jQuery error within Elementor editor
  • Improve: Tweak Settings page styles

1.3.8 — October 22, 2019

  • New: Added new Template Collection interface.
  • New: Added new Settings Page in Style Kits > Settings
  • New: Template import flow, allowing to select a Style Kit during import
  • Fix: Links inside Headings having 2x size when used with EM units
  • Fix: Issue with a WP_Query call interfering with Elementor queries
  • Fix: An issue with inline color style on the Accordion widget title does not override accent color
  • Fix: Apply accent color properly on stacked and framed variants of icons.
  • Fix: Added wp-api-fetch as script dependency inside Elementor editor
  • Fix: Error not showing up when an unallowed version of template was being imported
  • Fix: H6 selector for Default Font Family control of Headings Typography
  • Fix: Style Kits library not force refreshing
  • Improve: Empty state when templates are empty
  • Improve: Added Templates/Style Kits count in header
  • Improve: Updated readme.txt changelog to include release dates

1.3.7 — September 20, 2019

  • New: Added a settings Style Kit > Settings to be able to rollback to any older version of plugin
  • Fix: Bug where Quick edit mode would accidentally break Elementor page settings
  • Fix: Hide title setting being overridden on applying a Style Kit.
  • Fix: Counter widget not inheriting Style Kit classes
  • Fix: SK classes overriding inline Toggle widget title
  • Fix: Style Kit library search results listing everything if no matches are found
  • Fix: SK classes not working properly with Columns because of tags nesting

1.3.6 — September 12, 2019

  • New: Added an option to disable accent color on titles under Style Kits > Tools
  • New: Add more helper classes for color controls
    • sk-primary-accent
    • sk-primary-bg
    • sk-secondary-accent
    • sk-secondary-bg
    • sk-text-light
    • sk-text-dark
    • sk-light-bg
    • sk-dark-bg
  • Tweak: Compatibility with Elementor v2.7.x
  • Tweak: Comaptibility with Central Color Palette plugin
  • Tweak: Background color inheritence for Global colors
  • Fix: Issue with duplicate settings throwing notice
  • Fix: Global Color control button selector
  • Fix: Issue with invalid default value type causing array_merge errors
  • Fix: Style Kits not refreshing in Elementor editor upon importing

1.3.5 — August 28, 2019

  • Fix: An issue with Analog modal not launching in Elementor screen

1.3.4 — August 28, 2019

  • New: All new Style Kits library page to import pre-build Style Kits.
  • New: Added Quick Edit and Bulk edit actions on posts list, to assign a Style Kit to multiple posts/pages at once.
  • New: Reorganized nav menu and settings tab for better access to different pages.
  • Fix: Section colors not being able to override Style Kit colors. #138
  • Fix: Rename Dynamic tag classes to be in line with generated classes
  • Fix: Elementor’s + button taking accent color from Style Kits.
  • Improve: Added docs link in description of controls to official documentation. #140
  • Improve: Added link to AnalogWP facebook group on Settings page.
  • Improve: Style kit can be imported from Elementor screen as well
  • Improve: Loading of data sent to app

1.3.3 — August 21, 2019

  • Fix: An undefined function error when importing a template inside Elementor editor
  • Improve: Always shows Style Kits post type page, so users can always import without having to create one first

1.3.2 — August 16, 2019

  • Improve: Rename and reorder Global Color setting labels
  • Improve: Rename Outer Section Padding labels to avoid confusions
  • Improve: Extend Primary Accent colors to Icon + Progress bar widgets. Feel it should extend to more? Sound off.

1.3.1 — August 15, 2019

  • New: Added Color Controls in page settings
  • New: Added Plugin setting to sync Color controls output colors with Elementor color picker
  • New: Added Control for spacing between widgets under Style Kits > Column Gaps
  • New: Added «Outer Section Padding» control to tweak Section padding
  • New: Added plugin action link to settings page on plugins screen
  • Improve: Reorganized setting sections
  • Improve: Renamed ‘Page Styles’ to ‘Style Kit’ in Elementor contextual menu
  • Fix: Issue with plugin page app crash on switching tabs while a preview is open
  • Fix: Fatal error with use function usage in PHP 5.5.x
  • Fix: Issue with Style kit post state showing empty title

1.3 — August 05, 2019

  • New: Added Button Controls under Page Styles 🎉
  • New: Plugin rebranded as «Style Kits for Elementor»
  • Fix: Text/Heading size controls not being persistent on style kit change
  • Fix: Column gap individual controls not taking place
  • Fix: Style Kit update modal displaying on page where it was updated from
  • Fix: Dependency error with Gutenberg 6.2
  • Improve: Added a modal window to indicate if page has Global Style Kit

1.2.4 — June 19, 2019

  • Fix: A critical error where templates won’t import due to internal error
  • Improve: Replace body selectors with {{WRAPPER}} to scope it to specific template
  • Improve: Reorganize settings in Heading and Text sizes sections

1.2.3 — May 30, 2019

  • New: Added a notice to reopen tabs when setting a global Style Kit.
  • New: Updating an existing Style Kit now shows a modal window on pages using the same kit, to choose whether to pull latest changes or keep old.
  • New: Added option to rollback to a previous stable version under AnalogWP > Settings.
  • New: Added a visual indicator on posts list to display which Style Kit is active.
  • New: Added a quick post action to «Apply Global Style Kit»
  • Fix: Clear Elementor cache when a Style Kit is updated, so other posts sharing same kit can take effect.
  • Fix: Extend heading selector to include a tags inside to match styles.
  • Improve: Stop users from creating a new style kit directly from CPT page, as it results in empty style kit.

1.2.2 — May 19, 2019

  • Fixed an issue with padding section media queries
  • Fix broken dependency on Settings page ahead of new Gutenberg version

1.2.1 — May 09, 2019

  • New: Added ability to import/export Style Kits 🎉.
  • Fix: Issue with page style column gap not being overridden with advanced section padding.
  • Fix: Incorrect documentation link.
  • Improve: Include page background as part of style kits.
  • Improve: Add visual notification when a setting is changed on Settings page.
  • Improve: Add a visual indicator in notification based on notification timeout duration on Settings page.

1.2 — April 25, 2019

  • New: Introducing Style Kits. 🎉
  • New: Added Elementor Finder shortcuts to quickly navigate to Style Kits settings/library.
  • New: Added a new settings to assign global style kit under Elementor > Settings > Styles > Global Style kit.
  • New: Added Contextual menu to Style Kit for quick access in Elementor.
  • New: Close Import modal via ESC key on settings screen.
  • Improve: Use minified versions of scripts
  • Improve: Added better and visible server side error handling.
  • Improve: Added notices if importing a template doesn’t meet specified requirements.

1.1.2 — March 26, 2019

  • New: Added Page style settings. 🎉
  • New: Added option to enable beta features under Style Kits > Settings.
  • Fix: Remove User First/Last name collection on newsletter signup, as it wasn’t communicated.
  • Tweak: Added documentation links to settings with more instructions.
  • Tweak: Show ‘New’ badge for 14 days, to match new template publish timing.

1.1.1 — March 14, 2019

  • Fixed a styling issue with Elementor popup modal, caused with Elementor v2.5.5

1.1 — March 13, 2019

  • New: All new designed settings page. 🎉
  • New: Added option to Strip Typography under settings tab. More info.
  • New: Lazy load images on templates page to avoid unnecessary loading, making page load faster.
  • New: Keep a log of imported templates for user.
  • New: Added an option to opt-in data tracking, optional.
  • Fix: Install and import count not being when importing from within Elementor.
  • Improve: Switched to custom version for React better upgrades.
  • Improve: Added loading indicator for when template preview is loading.
  • Improve: Check WordPress version before loading files to avoid errors.
  • Fix: Set right data type to _ang_import_type post meta

1.0.0 — February 15, 2019

  • Initial Release