funlab

pingram

<p>A CSS live Editor that allows you to preview realtime CSS changes and then save your changes.<br />
It saves dated backups of each save, so you can go back if it breaks, and you should erase backups once on a while.<br />
It’s a port from a Drupal module Live CSS http://drupal.org/project/live_css by guybedford http://drupal.org/user/746802<br />
Now using ACE editor http://ace.ajax.org/<br />
Tested on WordPress 3.6. But needs more testing !</p>
<p>=capabilities.php problem (not bug) SOLVED !=</p>
<p>Ok, now I did the correct thing and created an action to the wp_loaded hook to init the plugin, then,<br />
check whether the user can “erase themes” which is an Admin capability only, so the plugin only works if you are an admin.<br />
No need to modify the capabilities.php nor anything else.</p>
<p>Some users have had problems in former 12.05 release with their site being inaccesible after installing the plugin.<br />
It all seemed to be part of the same problem with the capabilities.php file that is discussed here:<br />
https://wordpress.org/support/topic/fatal-error-call-to-undefined-function-wp_get_current_user-4?replies=32</p>
<p>It works nice and perfect for me, but still needs testing !!!</p>
<h3>Hola mundo !</h3>
<p>Este plugin está basado en el módulo de [Drupal Live CSS] (http://drupal.org/project/live_css) de [guybedford] (http://drupal.org/user/746802)</p>
<p>Es un editor de CSS que te permite editar en directo todas las hojas de estilo CSS de tu web, ver los cambios y guardar sobre la marcha.<br />
Está pensada para usarla al diseñar la web, por lo que conviene desactivarlo o desinstalarlo una vez terminada. Cada vez que se guardan los cambios se genera una copia de seguridad fechada, para que puedas volver atrás si hace falta.<br />
Utiliza ACE como editor.</p>
<p>Sólo los administradores pueden usar el plugin.</p>
<p>Importante !!!</p>
<p>Hacer copia de respaldo de los archivos CSS antes de probarlo !<br />
Aunque el plugin genera automáticamente copias de seguridad fechadas en el mismo directorio en que estén los archivos modificados, siempre conviene tener una copia del estado general de la cosa antes de empezar a trastear.<br />
Si no funciona al guardar o hacer la copia de seguridad aparece un mensaje con las rutas del archivo que se intentaba modificar, la de la copia de seguridad y tal vez un mensaje de error. Lo más seguro es que el problema sea de permisos. Los CSS que quieras editar deberían tener permiso de escritura 755.</p>
<p>Instalación</p>
<p>La instalación es la típica de cualquier plugin de wordpress. Desempaquetar el zip en wp-content/plugins, y listo. No hay que tocar los temas ni hacer nada más que activarlo desde el panel de administración.<br />
No tiene opciones ni página propia en el panel de administración.<br />
Probado en WordPress 3.3.2, tienes que ser un administrador para poder usarlo.</p>
<p>Utiliza ahora el hook wp_loaded que arregla el problema de la versión anterior que se discutía aquí: https://wordpress.org/support/topic/fatal-error-call-to-undefined-function-wp_get_current_user-4?replies=32</p>
<p>Más información</p>
<pre><code>http://drupal.org/project/live_css  Live CSS
http://drupal.org/user/746802       guybedford
http://drupal.org/user/78427
http://mozillalabs.com/skywriter/2011/01/18/mozilla-skywriter-has-been-merged-into-ace/
http://www.ajax.org/
http://ace.ajax.org/

https://codex.wordpress.org/AJAX_in_Plugins
http://briancray.com/2009/08/19/wordpress-head-element/
http://www.devlounge.net/code/using-ajax-with-your-wordpress-plugin
http://amiworks.co.in/talk/simplified-ajax-for-wordpress-plugin-developers-using-jquery/

http://drupal.org/project/cssedit   Realtime CSS Editor
http://drupal.org/user/78427        tjholowaychuk
</code></pre>


WP Live CSS Editor

Edit, preview changes in real time and save all your project's CSS stylesheets live in the browser.

softdiscover

<p><strong>Landera</strong> is a drag and drop page builder which makes you to design live any layout that you can imagine. Also it provides an advanced grid system and skin customizer that makes you to build professional layouts on your pages. Also it provides an administration section where site admins manage tons of page options. It’s really easy to customize and you don’t need programming skills.</p>
<p><iframe loading="lazy" title="Landera - WordPress Page Builder v1" width="750" height="422" src="https://www.youtube.com/embed/mS5kTzfpwIE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3>Features (Free Lite version):</h3>
<ul>
<li>drag and drop page builder </li>
<li>Front End and Back End mode</li>
<li>advanced grid system</li>
<li>Template included</li>
<li>real time design with custom styling</li>
<li>Customize Everything</li>
<li>Undo/Redo feature. you can rollback your changes</li>
<li>Duplication option for fields</li>
<li>Use WordPress editor to support rich text formatting, HTML and shortcodes</li>
<li>all fields included: Grid column (col 1, col 2, col 3, col 4, col 6, col 12), text editor, html editor, heading (H1,H2,H3,H4,H5,H6), and button</li>
<li>over 650 custom fonts with live preview</li>
<li>option to duplicate fields</li>
<li>option to duplicate fields</li>
<li>Multi Language support (Spanish, Italian, French, Russian, German, Portuguese, Chinese)</li>
<li>Fully responsive design </li>
<li>Cross Browser : ie8, ie9, ie10, chrome, firefox, safari, opera</li>
<li>toured guide option</li>
<li>Easily customize your pages, fields and tons of features</li>
<li>Extended HTML documentation.</li>
<li>Language Switcher</li>
</ul>
<blockquote>
<p><strong>Landera – Ultimate Page Builder Premium</strong><br />
  If you like Landera  Lite, you might want to give our premium offering a try. All features locked on express version are unlocked on premium version:</p>
<ol>
<li>Import and export feature for your posts or pages</li>
<li>Priority support and upgrades.</li>
<li>and many other great features</li>
</ol>
<p>Try out <a href="https://codecanyon.net/item/landera-wordpress-page-builder/19652454?ref=Softdiscover" rel="nofollow ugc">Landera  Premium</a></p>
</blockquote>
<p>More info in https://landera.softdiscover.com/</p>
<h3>Landera Page Builder Features</h3>
<h3>Intuitive Drag and Drop Interface</h3>
<p>Lightweight, easy to use interface that you and your clients will love. Creating pages and posts is easier than ever. No programming knowledge required!</p>
<h3>Easily Extendable</h3>
<p>Third party developers, please join the party! Create your own plugins for Landera Page Builder for your themes, or for sale here on CodeCanyon.</p>
<h3>Frontend Editor</h3>
<p>Enjoy a “What You See Is What You Get” page building experience with our amazing frontend editor. See how your content will look on the frontend, instantly, with no additional clicks or switches.</p>
<h3>Backend Editor</h3>
<p>Prefer to work on backend? No problem! Landera Page Builder still supports native content management on the backend, with all the important functions and options at your fingertips.</p>
<h3>Object Oriented Code</h3>
<p>Landera Page Builder uses the most advanced and most effective programming patterns, to get the best results for your site.</p>
<h3>Multilingual Ready</h3>
<p>.po and .mo files included, for easy translation.</p>
<h3>Template System and Library</h3>
<p>Copy or re-use existing pages, save pages or parts of pages as templates. Set default templates for your post types.</p>
<h3>Responsive Design</h3>
<p>Your content will look great on both desktop and mobile sites. Take full control over responsive design – define column size, offsets and display options. Instantly check out how your content is displayed.</p>
<h3>User Role Manager</h3>
<p>Control user group role access to the features and options of Landera Page Builder, including drag & drop, templates, and elements – manage WordPress default and custom roles.</p>
<h3>Custom Post Types Support</h3>
<p>Works with any post type… Yes, even custom post types!</p>
<h3>Lifetime Update – Free of Charge</h3>
<p>We offer automatic updates, free of charge. Stay up to date with Landera Page Builder and receive our latest releases and enhancements.</p>
<h3>Shortcode Mapper</h3>
<p>No more shortcode copy/paste. Add any third party shortcode to the list of  menu elements for re-use. Edit params, values and descriptions.</p>
<h3>Design Options</h3>
<p>Control how elements look with new Design Options. Set borders, margins, paddings, border radius and background with a few simple clicks. Use color panel and alpha to enhance your design. Create up to date design solutions with ease.</p>
<h3>Multi-language Support</h3>
<p>Landera Page Builder is compatible with qTranslate X, Polylang and powerful WPML. Build multi-language websites with Landera Page Builder.</p>
<h3>SEO Friendly</h3>
<p>Landera Page Builder is fully compatible with most popular SEO plugins by Yoast. Make sure your page is getting the attention it deserves!</p>
<h3>Advanced Grid Builder</h3>
<p>Landera Page Builder has many predefined grid templates for displaying posts, pages, custom post types and media, in grid or masonry grid. Don’t like predefined templates? Create your own grid element using Grid Builder.</p>
<h3>Full Width and Height Rows</h3>
<p>Create full width and height rows with smart stretching options. Control stretching params – stretch just the background, or background with content. Control element placement – in the middle or on top. Build sections in seconds.</p>
<h3>Image Filters</h3>
<p>Transform your images by applying unique professional image filters to any image from your Media Library. Align your image style in every Landera Page Builder image-powered element – and even featured images – by choosing filters from 20+ available presets.</p>
<h3>My Elements (Element Presets)</h3>
<p>A simple Landera Page Builder template tool for content elements. Save content element as My Element presets with your own param settings and access new elements from Add Element window.</p>
<h3>Column Height, Gaps and Position</h3>
<p>Control height of your columns by applying equal height option. Set gaps between columns or merge them together with one click. Control position of columns and content within columns with vertical alignment.</p>
<h3>Advanced Custom Fields Support</h3>
<p>Landera Page Builder is fully compatible with Advanced Custom Fields (ACF) plugin allowing you to combine power of both plugins to manage and display custom fields on your WordPress website.</p>
<h3>Icon Sets and Social Icons</h3>
<p>Add icons from most popular icons libraries like ‘Font Awesome’ with one click only. Add social icons to your WordPress website with icon libraries and specify links.</p>
<h3>Custom Types Ready</h3>
<p>Create sites with Landera Page Builder and Toolset plugin based on custom post types with ease. No PHP skills required!</p>
<h3>Undo/Redo</h3>
<p>Go back and forth with any action performed at Landera Page Builder. Save time and never lose your changes.</p>
<h3>No Coding</h3>
<p>Reach high-end designs, without coding. The resulting page code is compact & optimized for every device</p>
<h3>Inline Editing</h3>
<p>Type straight on screen, using the inline editing feature. This makes writing blog posts and other content an easy and intuitive process</p>
<h3>Template Library</h3>
<p>Choose from over 300 beautifully crafted templates, designed to fit every industry and need</p>
<h3>Mobile Editing</h3>
<p>Switch to mobile view, and tweak every element to make it look perfect on any device</p>
<h3>Translation Ready</h3>
<p>Landera has been translated to over 23 different languages, and the list of translated languages is growing</p>
<h3>Header and Footer</h3>
<p>Customize the header and footer areas of your site visually, without any code</p>
<h3>Archive Page</h3>
<p>Design your entire blog in Landera, or designate different templates to different areas of your blog</p>
<h3>Single Post</h3>
<p>Create your blog post template, and attribute it across your site or to any category, page or taxonomy</p>
<h3>404 Page</h3>
<p>Direct your visitors to custom make 404 pages that can be built entirely inside Landera</p>
<h3>Dynamic Content</h3>
<p>By using dynamic widgets, building dynamic pages is just as easy as building static ones</p>
<h3>Display Conditions</h3>
<p>Decide exactly where your global templates appear across your site</p>
<h3>Theme Elements</h3>
<p>Use the Theme Elements widgets that provides the dynamic placeholder for content that comes later from your website</p>
<h3>Search Results Page</h3>
<p>Customize your search results page, and improve the experience your users get while searching your site</p>
<h3>Revision History</h3>
<p>With Revision History, your entire page creation process is saves and can be easily re-traced</p>
<h3>Auto Save</h3>
<p>Your work is always saved and backed up automatically. No need to click save</p>
<h3>Redo Undo</h3>
<p>Make a mistake? Quickly undo it with a simple CTRL / CMD Z</p>
<h3>Hotkeys</h3>
<p>Hotkeys are keyboard shortcuts that save you time when performing various actions</p>
<h3>Global Colors & Typography</h3>
<p>Set the global colors and typography to have them effect the style of your entire site</p>
<h3>Custom Color Picker</h3>
<p>Customize the colors that appear in your color pickers throughout Landera</p>
<h3>Draft Mode</h3>
<p>Published a page and want to continue working on it? No problem, simply save it as draft</p>
<h3>Global Widget</h3>
<p>Save your favorite widget settings and reuse the widget on any page with a simple drag and drop</p>
<h3>Easy to customize</h3>
<p>Play with the font family, size, weight, transform, style, decoration, line-Height and letter spacing</p>
<h3>Google Fonts</h3>
<p>Choose from hundreds of Google fonts available in every widget with text</p>
<h3>Custom Fonts</h3>
<p>Add your own custom and Typekit fonts and use them throughout your projects</p>
<h3>TypeKit Integration</h3>
<p>Add your own custom and Typekit fonts and use them throughout your projects</p>
<h3>Text Shadow</h3>
<p>Emphasize your content by adding a text shadow effect to any widget with text</p>
<h3>Title HTML Tag</h3>
<p>Setting the right HTML tag for the title (H1 or otherwise) is important in terms of SEO</p>
<h3>Font size: PX, EM, REM</h3>
<p>Set whether your typography is scaled using PX, EM or REM, for better responsive design</p>
<h3>Drop Cap</h3>
<p>Make the first letter of your blog post larger, to create a stylish and distinguished look</p>
<h3>Section Width</h3>
<p>Go beyond the oversimplified and generic page designs, by having more control over the various sections</p>
<h3>Section Height</h3>
<p>Go beyond the oversimplified and generic page designs, by having more control over the various sections</p>
<h3>Nested Columns</h3>
<p>Create advanced layouts by nesting columns inside a given column. This creates a sort of inner section crucial for certain designs</p>
<h3>Column Gap</h3>
<p>Change the gaps between columns in order to let your design breathe</p>
<h3>Column Width</h3>
<p>Enter a specific column width, or visually scale the width by dragging the edge of the column</p>
<h3>Content Position</h3>
<p>Position your column and content, and stretch the column to the full height of the section</p>
<h3>Full Width</h3>
<p>Easily create full width pages no matter which theme you are using, with the strech section feature</p>
<h3>Margin & Padding</h3>
<p>Set the padding & margin for sections, columns and widgets</p>
<h3>Background Gradients</h3>
<p>With Landera, it’s easy to add background gradient colors to any WordPress page or post</p>
<h3>Background Overlay</h3>
<p>Add another layer of color, gradient or image above your background</p>
<h3>Shape Divider</h3>
<p>Add interesting shapes that separate the sections of your page in many ways</p>
<h3>Box Shadow</h3>
<p>Set custom made box shadows visually, without having to deal with CSS</p>
<h3>100% Responsive</h3>
<p>Use Landera’s extensive mobile editing tools to create a website that is truly 100% responsive</p>
<h3>Mobile Font Size</h3>
<p>With this feature, you can change the font size per device</p>
<h3>Responsive Column Width</h3>
<p>Choose a different column layout for mobile by changing the column width</p>
<h3>Padding and Margin</h3>
<p>This feature is used to make a different padding or margin size per device</p>
<h3>Reverse Columns</h3>
<p>This feature reverses the ordering of columns, so when you go to mobile the last column will appear on top</p>
<h3>Responsive Sizing</h3>
<p>Choose between PX EM % and VH for sizing inside Landera</p>
<h3>Tags</h3>
<p>accelerated mobile pages, page builder, landing page, front-end builder, drag and drop editor, wordpress page builder, free visual composer, drag and drop page builder, visual builder, visual editor, webpage builder, webpage editor, page builder wordpress, wysiwyg, drag-and-drop, website builder, landing page builder, layout builder, multi-column, site-builder, site builder, page-builder, website-builder, custom pages, drag and drop builder, BackEnd builder, BackEnd editor, FrontEnd builder, FrontEnd editor, home page builder, live editor, page builder plugin, Page Layout, Template Builder, wysiwyg editor, theme builder, layout builder plugin, page editor, create landing pages, creating landing pages, landing pages, drag-n-drop page builder, front-end page builder, homepage builder, wysiwyg builder</p>


Landera – Ultimate Page Builder

Landera is a drag and drop page builder which makes you to design live any layout that you can imagine.

WP Live CSS Editor vs Landera – Ultimate Page Builder