{"id":87149,"date":"2018-06-27T00:29:20","date_gmt":"2018-06-27T00:29:20","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/stylist\/"},"modified":"2019-04-12T01:15:11","modified_gmt":"2019-04-12T01:15:11","slug":"stylist","status":"closed","type":"plugin","link":"https:\/\/es.wordpress.org\/plugins\/stylist\/","author":16173604,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"0.2.6","stable_tag":"0.2.6","tested":"5.1.22","requires":"4.9","requires_php":"","requires_plugins":"","header_name":"Stylist","header_author":"StylistWP","header_description":"Simple yet prowerful visual style editor.","assets_banners_color":"87baf7","last_updated":"2019-04-12 01:15:11","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"http:\/\/stylistwp.com","header_author_uri":"http:\/\/www.stylistwp.com","rating":4.8,"author_block_rating":0,"active_installs":1000,"downloads":42695,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","faq","changelog"],"tags":[],"upgrade_notice":[],"ratings":{"1":0,"2":1,"3":0,"4":0,"5":11},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":"1899615","resolution":"128x128","location":"assets"},"icon-256x256.png":{"filename":"icon-256x256.png","revision":"1899615","resolution":"256x256","location":"assets"},"icon.svg":{"filename":"icon.svg","revision":"1899615","resolution":"","location":"assets"}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":"1912582","resolution":"1544x500","location":"assets"},"banner-772x250.png":{"filename":"banner-772x250.png","revision":"1912582","resolution":"772x250","location":"assets"}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.2.4","0.2.5","0.2.6"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":"1912573","resolution":"1","location":"assets"},"screenshot-2.png":{"filename":"screenshot-2.png","revision":"1912573","resolution":"2","location":"assets"},"screenshot-3.png":{"filename":"screenshot-3.png","revision":"1912573","resolution":"3","location":"assets"}},"screenshots":{"1":"Stylist is a design customization panel compatible with any theme or page builder.","2":"Click on \"Style This Page\" link in the top admin bar to edit page styling.","3":"Save time adjusting mobile presentation of your website using responsive mode."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[165295,165296,4121,148076,152129],"plugin_category":[43,46,59],"plugin_contributors":[159329],"plugin_business_model":[],"class_list":["post-87149","plugin","type-plugin","status-closed","hentry","plugin_tags-block-css","plugin_tags-block-design","plugin_tags-blocks","plugin_tags-gutenberg","plugin_tags-gutenberg-blocks","plugin_category-customization","plugin_category-editor-and-writing","plugin_category-utilities-and-tools","plugin_contributors-stylistwp","plugin_committers-stylistwp"],"banners":[],"icons":{"svg":"https:\/\/ps.w.org\/stylist\/assets\/icon.svg?rev=1899615","icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/stylist_87baf7.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/stylist\/assets\/screenshot-1.png?rev=1912573","caption":"Stylist is a design customization panel compatible with any theme or page builder."},{"src":"https:\/\/ps.w.org\/stylist\/assets\/screenshot-2.png?rev=1912573","caption":"Click on \"Style This Page\" link in the top admin bar to edit page styling."},{"src":"https:\/\/ps.w.org\/stylist\/assets\/screenshot-3.png?rev=1912573","caption":"Save time adjusting mobile presentation of your website using responsive mode."}],"raw_content":"<!--section=description-->\n<p>See also: <a href=\"https:\/\/wpdesignhub.com\/?utm_source=stylist&amp;utm_medium=description&amp;utm_campaign=top\">Section Designs for Gutenberg<\/a>.<\/p>\n\n<p>Customize any element created in Gutenberg block editor with 60+ extra options. Works with ANY Gutenberg blocks. Style blocks visually or using advanced CSS editor.<\/p>\n\n<p>https:\/\/www.youtube.com\/watch?v=2E94HeJghZs<\/p>\n\n<h4>\ud83d\udcaa Simple yet powerful visual style editor for Gutenberg blocks<\/h4>\n\n<p>A simple to use website style editor for your <strong>Gutenberg blocks<\/strong> or any other page builder elements. Style your website designs in real-time right in your browser without coding. Stylist provides you design panel with 60+ design options. Using our plugin, you can style ANY <strong>Gutenberg block<\/strong> with highly customizable options that aren\u2019t found Gutenberg or any custom blocks. For example, you can adjust background, padding, margins or corner radius for any default or custom Gutenberg block.<\/p>\n\n<h4>Gutenberg Editor: Extend default styles<\/h4>\n\n<p>With Stylist, you extend your essential Gutenberg blocks with more design options without touching any line of code.<\/p>\n\n<p>We have advanced CSS editor for the users who wish to style their <strong>Gutenberg blocks<\/strong> using CSS code.<\/p>\n\n<p><em>Gutenberg is recommended but not required for this plugin to work<\/em><\/p>\n\n<p>The stylist is following Gutenberg\u2019s interface language, so you already know how to use it.<\/p>\n\n<h4>Gutenberg block style \u2013 consistent options for every block<\/h4>\n\n<p>New WordPress block editor comes with default block style options. In can be confusing to find the right block design control among many other block settings. Even more confusing to apply design changed to the block styling when you have many pages with hundred of blocks on every page. Stylist plugin uses the same set of design settings to every block on the page. No matter if this block comes with Gutenberg editor by default or added by another plugin. Stylist plugin will recongnize and work with any block.<\/p>\n\n<h4>Advanced Gutenberg block design settings<\/h4>\n\n<p>Our plugin adds 60+ design options for every Gutenberg block. Advanced users also can edit block CSS code with live page design updates. If you know how to write custom CSS \u2013 you will love our plugin.<\/p>\n\n<h4>\ud83e\udd1d Designed for Gutenberg block editor<\/h4>\n\n<p>Stylist created for Gutenberg, but it's not limited to this page builder only. It should work without a problem with other page builders like:<\/p>\n\n<ul>\n<li>Elementor<\/li>\n<li>Beaver Builder<\/li>\n<li>Visual Composer<\/li>\n<li>Live Composer<\/li>\n<li>KingComposer<\/li>\n<li>Fusion Page Builder<\/li>\n<li>Page Builder Sandwich<\/li>\n<li>BoldGrid<\/li>\n<\/ul>\n\n<h4>Style visually any form<\/h4>\n\n<p>You can also use our plugin to customize the forms created in the next plugins:<\/p>\n\n<ul>\n<li>Ninja Forms<\/li>\n<li>Contact Form 7<\/li>\n<li>Contact Form by WPForms<\/li>\n<li>Caldera Forms<\/li>\n<li>Easy Forms for MailChimp<\/li>\n<li>Formidable Forms<\/li>\n<\/ul>\n\n<h4>Fully compatible with popular custom Gutenberg plugins:<\/h4>\n\n<ul>\n<li>Atomic Blocks \u2013 Gutenberg Blocks Collection<\/li>\n<li>Advanced Gutenberg Blocks<\/li>\n<li>Stackable \u2013 Gutenberg Blocks<\/li>\n<li>Editor Blocks for Gutenberg<\/li>\n<li>CoBlocks \u2013 Gutenberg Blocks for Content Marketers<\/li>\n<li>Advanced Gutenberg Blocks<\/li>\n<li>Block Gallery \u2013 Photo Gallery Gutenberg Blocks<\/li>\n<li>Gutenberg Blocks by WordPress Download Manager<\/li>\n<li>Caxton \u2013 Create Pro page layouts in Gutenberg<\/li>\n<li>Bokez \u2014 Awesome Gutenberg Blocks<\/li>\n<li>Snow Monkey Blocks<\/li>\n<li>Kadence Blocks \u2013 Gutenberg Page Builder Toolkit<\/li>\n<li>Google Maps Gutenberg Block<\/li>\n<li>GhostKit \u2013 Gutenberg Blocks Collection<\/li>\n<li>WooCommerce Blocks<\/li>\n<li>Otter Blocks \u2013 Awesome Gutenberg Blocks<\/li>\n<\/ul>\n\n<h3>Installation and Usage<\/h3>\n\n<ol>\n<li>Install and activate the plugin via your WordPress dashboard.<\/li>\n<li>Visit any page you would like to style and click on \"Style this page\" link in the top admin bar.<\/li>\n<li>Our plugin UI is very close to Gutenberg editor. You are using our plugin to style page elements created in Gutenberg.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt>Why do I need this plugin?<\/dt>\n<dd><p>Gutenberg blocks come with limited styling possibilities. Our plugin will change the appearance of any block without a need to write complex JavaScript or CSS code.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<p>Checkout free plugin: <a href=\"https:\/\/wpdesignhub.com\/?utm_source=stylist&amp;utm_medium=changelog&amp;utm_campaign=top-line\">Section Designs for Gutenberg<\/a>.<\/p>\n\n<h4>0.2.6<\/h4>\n\n<ul>\n<li>\ud83d\udc1c Issue: FIXED error with shortcode blocks.<\/li>\n<\/ul>\n\n<h4>0.2.5<\/h4>\n\n<ul>\n<li>\ud83c\udf53 Added Pro tab to get early-adopters ready for the premium version.<\/li>\n<\/ul>\n\n<h4>0.2.4<\/h4>\n\n<ul>\n<li>\ud83d\udc1c Issue: FIXED error with standard Media &amp; Text Gutenberg block.<\/li>\n<li>\ud83e\udd1d Improved compatibility with LiveComposer plugin (section id attribute)<\/li>\n<li>\ud83e\udd1d Fixed bug with Atomic Blocks, CoBlocks and Stackable blocks styling.<\/li>\n<\/ul>\n\n<h4>0.2.3<\/h4>\n\n<ul>\n<li>\ud83d\udc1c Issue #32: FIXED console error caused by empty background data.<\/li>\n<li>\ud83d\udc1c Issue #33: FIXED console error \"r.indexOf is not a function\".<\/li>\n<li>\ud83e\udd1d Improved compatibility with LiveComposer plugin (section id attribute)<\/li>\n<li>\ud83e\udd1d Fixed bug with SiteOrigin CSS plugin elements styling.<\/li>\n<li>\ud83e\udd1d Fixed bug with Gutenberg plugin blocks styling.<\/li>\n<li>\ud83e\udd1d Fixed some compatibility issues with Simple Custom CSS and JS plugin.<\/li>\n<\/ul>\n\n<h4>0.2.2<\/h4>\n\n<ul>\n<li>\ud83d\udc1c Issue #31: FIXED console error \u2013\u00a0only one instance of babel-polyfill is allowed<\/li>\n<li><p>\ud83d\udc1c Issue #8: FIXED error causing !important!important in css rules.<\/p><\/li>\n<li><p>\ud83e\udd1d Minor compatibility improvements with SiteOrigin CSS, Elementor, Beaver Builder and Gutenberg.<\/p><\/li>\n<\/ul>\n\n<h4>0.2.1<\/h4>\n\n<p>This is a quick update to fix some bugs and improve Stylist compatibility with old versions of WordPress. It also improve elements styling for other page builders (including Gutenberg, Elementor, Beaver Builder, Visual Composer, Live Composer, and KingComposer).<\/p>\n\n<ul>\n<li>\ud83d\udc4d Issue #29: IMPROVED color picker to close when clicked outside.<\/li>\n<li>\ud83d\udc4d Issue #28: IMPROVED color picker to make sure it always have HEX mode.<\/li>\n<li>\ud83d\udc4d Issue #27: IMPROVED performance by disabling unwanted calls to the Google Fonts directory without a need.<\/li>\n<li>\ud83d\udc4d Issue #21: IMPROVED the way CSS selector compose the current CSS path. Now it works properly with composed selectors that includes multiply classes or ids.<\/li>\n<li>\ud83d\udc4d Issue #20: IMPROVED the color picker usability by adding extra space arround selecting area. Not it's easier to customize colors on the edgest of the selecting gradient.<\/li>\n<li>\ud83d\udc1c Issue #30: FIXED broken columns code in new version of Gutenberg.<\/li>\n<li>\ud83d\udc1c Issue #25: FIXED unwanted syles on the editing screen.<\/li>\n<li>\ud83d\udc1c Issue #24: FIXED broken css when theme or page builder render css code inline after our code inserted.<\/li>\n<li>\ud83d\udc1c Issue #19: FIXED Parese error on old servers with PHP version below 5.4.<\/li>\n<li>\ud83d\udc1c Issue #18: FIXED broken app error when CSS selector loose focus without confirmation from the user.<\/li>\n<li>\ud83d\udc1c Issue #17: FIXED error preventing styles to apply when many Gutenberg blocks edited per session.<\/li>\n<li>\ud83d\udc1c Issue #15: FIXED issue with interface jumping in responsive preview mode.<\/li>\n<li>\ud83d\udc1c Issue #10: FIXED fopen: Failed to open stream... on Windows machines<\/li>\n<li>\ud83d\udc1c Issue #9: FIXED Fatal error: Uncaught Error: Call to undefined function wp_doing_ajax() on very old versions of WP.<\/li>\n<li>\u26d4 Issue #13: REMOVED Full Screen mode for better times.<\/li>\n<li><p>\ud83d\udca1 Add the notice that Code editor is for CSS only. <em>CSS gets generated by Stylist automaticaly. Advanced users are welcome to add custom CSS for their Gutenberg blocks.<\/em><\/p><\/li>\n<li><p>\ud83e\udd1d Improved compatibility with SiteOrigin CSS by SiteOrigin (so-css) plugin.<\/p><\/li>\n<li>\ud83e\udd1d Improved compatibility with Visual CSS Style Editor By WaspThemes (yellow-pencil-visual-theme-customizer) plugin.<\/li>\n<li>\ud83e\udd1d Improved compatibility with Simple Custom CSS and JS by SilkyPress.com (custom-css-js)<\/li>\n<li>\ud83e\udd1d Improved compatibility with Simple Custom CSS By John Regan, Danny Van Kooten (simple-custom-css)<\/li>\n<li>\ud83e\udd1d Improved compatibility with Styles By Paul Clark (styles) plugin.<\/li>\n<\/ul>\n\n<h4>0.2<\/h4>\n\n<ul>\n<li>\ud83d\udc1c Fixed an issue preventing styles to apply after the editing mode closed.<\/li>\n<li>\ud83d\udca1 Better compatibility with the latest API changes in the Gutenberg editor.<\/li>\n<\/ul>\n\n<h4>0.1<\/h4>\n\n<ul>\n<li>\ud83c\udff3 Initial Beta Release<\/li>\n<\/ul>\n\n<p>This plugin is a rewritten from scratch fork of the <em>Yellow Pencil<\/em> Lite plugin by WaspThemes. As theme developers, we wanted to use Yellow Pencil in our projects but needed to make it much simpler for our clients. Unfortunately, Yellow Pencil code didn't provide enough filters and hooks to extend it without forking\/code rewrite. The plugin's code is not-extendable and not suitable for modern JavaScript development (ReactJS). Our form of the plugin is much simpler and limited in functionality comparing to Yellow Pencil. We left only features that Gutenberg users really need and re-code everything using ReactJS framework used by the Gutenberg developers. Thank you, WaspThemes for all the ideas shared with open source community through GPL-based Yellow Pencil Lite plugin.<\/p>\n\n<p>StylistWp is a much simpler styling plugin oriented for Gutenberg users. On other hands, Yellow Pencil is excellent for advanced web developers who don't care about extendability. Go and check their plugin to see if it's a better option for you.<\/p>","raw_excerpt":"\u2705 Extra design options for ANY Gutenberg block \u2705 Gutenberg blocks style options \u2705 CSS for Gutenberg blocks","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/87149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=87149"}],"author":[{"embeddable":true,"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/stylistwp"}],"wp:attachment":[{"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=87149"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=87149"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=87149"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=87149"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=87149"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=87149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}