Tailor Page Builder Wordpress Plugin - Rating, Reviews, Demo & Download

Tailor Page Builder Preview Wordpress Plugin - Rating, Reviews, Demo & Download
No ratings yet
Free
Follow for free plugins, new theme releases and theme news

Plugin Description

Tailor is a free frontend page builder for WordPress that features a simple and intuitive drag and drop interface.

Check out the Advanced Features extension for new elements and features. Like Tailor, it’s absolutely free!

To get started:

Easy to use

  • Add elements and create nested columns instantly in a single drag and drop movement.
  • Copy elements anywhere on the page by dragging and holding the Shift key.
  • Move content independently and have it adopt the style of its parent elements!
  • Save one or more elements as templates, then drag and drop them onto any page.
  • Change the appearance of any element using a set of carefully selected options.
  • Undo and redo actions using the History panel (or keyboard shortcuts).
  • Control global layout settings in the Customizer.
  • Control page specific layout settings and add custom CSS and JavaScript.
  • Preview your layouts on different device sizes and manage responsive behavior.
  • Supports WordPress features (multimedia, shortcodes and more).
  • Supports built-in and third-party widgets.
  • Supports multi-language and RTL layouts.

Because Tailor works with any theme, choosing one that you like is now the hardest part of creating a website.

Easy to extend

Tailor is open source and built based on WordPress’ coding standards and best practices. Everything from the code base to the user interface integrate perfectly with WordPress. The plugin features:

  • A comprehensive set of actions and filters.
  • An API for adding, changing or removing elements.
  • An API for adding, changing or removing settings and controls.
  • A REST API to manage elements, templates and models.

Need more information?

Want to help?

Screenshots

  1. <p><strong>Adding elements</strong> - Drag an element from the sidebar into the desired position on the page to add it.  Hold the Shift button while dragging an existing element to copy it.</p>

    Adding elements – Drag an element from the sidebar into the desired position on the page to add it. Hold the Shift button while dragging an existing element to copy it.

  2. <p><strong>Editing elements</strong> - Click and hold the Shift button to edit an element (or select it and click on the Edit button).</p>

    Editing elements – Click and hold the Shift button to edit an element (or select it and click on the Edit button).

  3. <p><strong>Editing ancestor elements</strong> - Select a parent or ancestor element from the hierarchy menu, then click on the Edit button to edit it.</p>

    Editing ancestor elements – Select a parent or ancestor element from the hierarchy menu, then click on the Edit button to edit it.

  4. <p><strong>Adding columns</strong> - Drag an element to the left or right of an existing element to create a row/column structure.  Drag an element to the left or right of an existing column to add another column to that row.  Drag an element to the left or right of an existing element within a column to create a nested row/column structure.</p>

    Adding columns – Drag an element to the left or right of an existing element to create a row/column structure. Drag an element to the left or right of an existing column to add another column to that row. Drag an element to the left or right of an existing element within a column to create a nested row/column structure.

  5. <p><strong>Adding templates</strong> - Drag a saved template into the desired position on the page to add it.  The available dropzones will depend on the element(s) in the template.</p>

    Adding templates – Drag a saved template into the desired position on the page to add it. The available dropzones will depend on the element(s) in the template.

  6. <p><strong>Custom CSS/JS</strong> - Add custom CSS or JavaScript to the page from within Tailor using the editors provided on the Settings panel.</p>

    Custom CSS/JS – Add custom CSS or JavaScript to the page from within Tailor using the editors provided on the Settings panel.

  7. <p><strong>Layout changes</strong> - Make changes to the layout of the page from within the Settings panel.  To make site-wide changes, use the custom Tailor settings in the Customizer (page-level settings override those in the Customizer).</p>

    Layout changes – Make changes to the layout of the page from within the Settings panel. To make site-wide changes, use the custom Tailor settings in the Customizer (page-level settings override those in the Customizer).

  8. <p><strong>Device preview</strong> - Preview your page on desktop and mobile device sizes in exactly the same way that you do in the Customizer.</p>

    Device preview – Preview your page on desktop and mobile device sizes in exactly the same way that you do in the Customizer.

  9. <p><strong>Revision history</strong> - View and restore history revision snapshots in a single click on the History panel.</p>

    Revision history – View and restore history revision snapshots in a single click on the History panel.


Reviews & Comments