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.

Shivanand Sharma

Ruchika Karda

<p><strong>The ultimate WP Designer toolkit for professional WordPress customization!</strong></p>
<p>WP Designer is the go-to plugin for WordPress designers who need reliable, theme-independent customization tools. Whether you’re a freelance WP designer or run a WordPress design agency, this plugin ensures your custom work stays safe and organized.</p>
<h4>Why WP Designers Choose This Plugin</h4>
<p>✅ <strong>Never lose design work</strong> – Code stays safe during theme updates<br />
✅ <strong>Professional SCSS workflow</strong> – Write modern CSS with variables, mixins & nesting<br />
✅ <strong>Designer-friendly organization</strong> – Clean file structure for all your custom code<br />
✅ <strong>Client-safe customizations</strong> – Debug tools to toggle designs on/off instantly<br />
✅ <strong>Performance optimized</strong> – Auto-minified CSS for production sites (compressed version for visitors)<br />
✅ <strong>Theme-independent functions.php</strong> – Custom PHP functions work with any theme</p>
<h4>Perfect For WordPress Designers</h4>
<p><strong>Freelance WP Designers</strong>: Build client sites with confidence knowing your custom designs persist across theme changes.</p>
<p><strong>WordPress Design Agencies</strong>: Standardize your design workflow with organized, maintainable code structure.</p>
<p><strong>Professional Designers</strong>: Speed up WordPress design projects with SCSS workflow and debugging tools.</p>
<h4>WP Designer File Organization</h4>
<p>Upon activation, creates professional structure in <code>/wp-content/uploads/wp-designer/</code>:<br />
– <code>functions.php</code> – Your custom WordPress design functions<br />
– <code>style.scss</code> – Professional SCSS styles (auto-compiles to CSS)<br />
– <code>images/</code> & <code>scripts/</code> – Designer asset folders<br />
– Automatic CSS minification for production sites</p>
<h4>SCSS for WordPress Designers</h4>
<p>Write professional, maintainable styles with modern SCSS features:<br />
– Variables for consistent design systems<br />
– Mixins for reusable design components<br />
– Nesting for organized WordPress stylesheets<br />
– Automatic compilation with file modification time checking<br />
– Development (expanded) & production (compressed) CSS versions<br />
– Cache-busting during development with microtime versioning</p>
<p><strong>Example WP Designer SCSS:</strong><br />
    `scss<br />
$brand-color: #007cba;<br />
$mobile: 768px;</p>
<p>.wp-designer-header {<br />
  background: $brand-color;</p>
<p>@media (max-width: $mobile) {<br />
    padding: 1rem;<br />
  }</p>
<p>&__title {<br />
    font-size: 2rem;<br />
  }<br />
}<br />
    `</p>
<h4>Also read</h4>
<p>These articles explain the philosophy behind WP Designer’s approach:<br />
– <a href="http://justintadlock.com/archives/2013/09/14/why-custom-post-types-belong-in-plugins" rel="nofollow ugc">Why Custom Post Types Belong in Plugins</a> – Justin Tadlock explains why functionality should be theme-independent<br />
– <a href="http://justintadlock.com/archives/2011/02/02/creating-a-custom-functions-plugin-for-end-users" rel="nofollow ugc">Creating a Custom Functions Plugin for End Users</a> – Best practices for WordPress customization</p>
<p><strong>WP Designer allows you to:</strong></p>
<ol>
<li>Add extra functionality to any theme without hassles</li>
<li>Extend the capabilities of existing themes</li>
<li>Keep your customizations (php code snippets and css styles) outside the theme</li>
<li>Theme independence allows extending WordPress without massive theme updates</li>
<li>Speed up your development time using SCSS</li>
</ol>


WP Designer – Professional WordPress Design & Customization Tool

The professional WP Designer's toolkit - SCSS compiler, theme-safe customizations, and designer-friendly tools for WordPress development.

Landera – Ultimate Page Builder vs WP Designer – Professional WordPress Design & Customization Tool