Uix Page Builder – Compatible with Gutenberg

Description

Uix Page Builder is a design system that it is simple content creation interface. Drag & Drop, User-friendly and online Visual Editing.

Here are 6+ One-Page Templates for you to swipe and make your own. Here, you will find free, professional design for Uix Page Builder. We add new, fresh designs regularly in order to provide you with large variety of templates to chose from. More importantly, each module may contain a variety of styles.

You could add a new page with Uix Page Builder to your WordPress site, find the Pages menu in the WordPress Dashboard Navigation menu. Click Add new. The “Uix Page Builder Attributes” section applies page builder templates to your new page.

Included Modules

The currently available default elements:

  • Custom Menu (2 layouts)
  • Parallax
  • Google Maps
  • Pricing (4 layouts)
  • Features (2 layouts)
  • Testimonials carousel
  • Team (2 layouts)
  • Clients
  • Accordion
  • Tabs
  • Author Card
  • Progress Bar
  • Portfolio
  • Blog
  • Slider
  • Sidebar
  • Uix Products (Require the WP plugin “Uix Products”)
  • Uix Slideshow (Require the WP plugin “Uix Slideshow”)
  • Contact Form (Require the WP plugin “Contact Form 7”)

Features

  • Compatible with Gutenberg. (new)
  • A particularly simple custom form and template API.
  • Support Custom Post Types to create a portfolio list in WordPress. (Require the WP plugin Uix Products)
  • Support Custom Post Types to create a slideshow in WordPress. (Require the WP plugin Uix Slideshow)
  • You can switch between “Visual Builder” and “Default Editor” modes at any time on the Pages Add New/Edit Screen.
  • Support to choose multiple default templates you want.
  • Support to save custom templates and export templates.
  • Support a key to add anchor links based Uix Page Builder to your navigation. Visit the Menus page (Appearance « Menus), choose items like “Uix Page Builder Anchor Links”, from the left column to add to the menu.
  • Simple operation window, support loop list items.
  • Customizable core style sheets.
  • Drag and Drop Responsive Website Builder.
  • Uix Page Builder supports the automatic addition of Anchor Links.
  • Supports Right-To-Left (RTL) direction.

Screenshots

  • screenshot-1.jpg
  • screenshot-2.jpg
  • screenshot-3.jpg
  • screenshot-4.jpg
  • screenshot-5.jpg
  • screenshot-6.jpg
  • screenshot-7.jpg
  • screenshot-8.jpg
  • screenshot-9.jpg
  • screenshot-10.jpg
  • screenshot-11.jpg
  • screenshot-12.jpg
  • screenshot-13.jpg

Installation

  1. After activating your theme, you can see a prompt pointed out as absolutely critical. Go to “Appearance -> Install Plugins”.
    Or, upload the plugin to wordpress, Activate it. (Access the path (/wp-content/plugins/) And upload files there.)

  2. Create a new WordPress file or edit an existing one. Just make sure to select this new created template file as the “Template” for this page from the “Attributes” section. Enter page title like “Custom One Page”. Save the page and hit “Preview” to see how it looks. ( You could specify the template name, in this case I used “Uix Page Builder Template”. )

You could create Uix Page Builder template file (from the directory “/wp-content/plugins/uix-page-builder/uixpb_templates/tmpl-uix_page_builder.php” ) in your templates directory.

You will find “Uix Page Builder Attributes” settings in a meta box in your WordPress backend when you create a new page or when you are editing an existing one. This box is usually directly above the “Publish” meta box. Click “Use Visual Builder” button to enter the visual editing mode.

FAQ

FAQ 1: How To Create a Full Width or Boxed Layout?

On visual builder page, expand the Settings Icon from Drag & Drop modules of left sidebar. You can easily choose the type of container.

FAQ 2: How To Create The One-Page Navigation?

1) On visual builder page, expand the Settings Icon from Drag & Drop modules of left sidebar. You can enter any string in the custom ID field on the right. Such as my-portfolio.

2) Create a new menu, and add a Custom Link for each menu item you plan on having. For each menu item, enter an id that you will assign later to the corresponding section. For example, for the menu item My Portfolio, you would enter #my-portfolio in the URL field.

FAQ 3: How to use a custom page builder template?

You could create Uix Page Builder template file (from the directory “/wp-content/plugins/uix-page-builder/uixpb_templates/tmpl-uix_page_builder.php” ) in your templates directory. It’s just a custom template file in the theme folder. Of course you doesn’t need to create it, you can use of the default page template or your own custom template file directly.

FAQ 4: How to create Anchor Links menu with Uix Page Builder?

Uix Page Builder supports the automatic addition of Anchor Links. From the “Appearance” menu on the left-hand side of the Dashboard, select the “Menus” option to bring up the Menu Editor. Locate the pane entitled “Uix Page Builder Anchor Links”. Within this pane, select a page to view all anchor link.

FAQ 5: FAQ 5: How to set the menu for the currently used page template of Uix Page Builder?

Go to “Dashboard » Appearence » Menus”. Click on “create a new menu” to create your custom menu. You should tick the appropriate checkbox of Primary Menu from options as “Display location”.

FAQ 6: How to customize the Uix Page Builder templates and modules in admin panel?

Please install the plugin and check out the “Uix Page Builder Helper » For Theme Developer” directly in admin panel.

Reviews

يناير 16, 2017 1 reply
The best support I’ve ever met. They always answer in hours with the solution, not only doubts but they help me to develop my own code.
Read all 1 review

Contributors & Developers

“Uix Page Builder – Compatible with Gutenberg” is open source software. The following people have contributed to this plugin.

Contributors

“Uix Page Builder – Compatible with Gutenberg” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Uix Page Builder – Compatible with Gutenberg” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.7.3 (July 5, 2021)

  • Fix: Fixed the display and escaping problem of the code block in the editor.

1.7.2 (December 21, 2020)

  • Fix: Fixed a JavaScript bug for Uix Page Builder Form in WP 5.6.

1.7.1 (October 21, 2020)

  • Fix: Optimized the color transparency control, compatible with WP 5.5.0 and above.

1.7.0 (October 20, 2020)

  • Fix: Fixed the error that XML may not read data under some servers.

1.6.8 (October 19, 2020)

  • Fix: The portfolio module is compatible with other common themes and plugins.

1.6.7 (October 13, 2020)

  • New: Use Muuri plug-in to make filtering and masonry effects.
  • Tweak: When the editor inserts a video, it will automatically be converted into a video tag.
  • New: According to the language of the theme, the editor automatically supports multiple languages.
  • Fix: Fixed an issue where instagram images were not displayed.
  • Remove: Delete Instagram Feed module.
  • Remove: Remove Flexslider plugin.
  • Remove: Remove shuffle.js and modernizr.js.

1.6.6 (September 25, 2020)

  • Tweak: Compatible with WP 5.5.*.
  • Fix: Modified the style display of the module.

1.6.5 (November 19, 2019)

  • Tweak: Optimized the visual guide for the visual editor.

1.6.4 (September 24, 2019)

  • Fix: Fixed a bug of imagesLoaded is not defined.

1.6.3 (September 18, 2019)

  • Tweak: MCEEditor upgrade in form component.
  • Tweak: Upgrade Fontawesome to 5.0+.

1.6.2 (September 2, 2019)

  • Tweak: Upload the Documentation of this plugin to github. (https://xizon.github.io/wp-documentations/uix-page-builder/)
  • Fix: Fixed a bug for fontawesome compatibility in some modules.

1.6.1 (June 1, 2019)

  • New: Added PHP environment test for importing and exporting xml templates.
  • New: Support for adding your Google Map API Key to avoid traffic overruns on maps.
  • New: Add a module control for the map API Key.

1.5.8 (February 23, 2019)

  • Tweak: Remove jQuery Parallax plugin.
  • Tweak: Upgrade modernizr to 3.5.0.

1.5.7 (January 15, 2019)

  • Tweak: Improve the form experience in admin panel.
  • Tweak: Modified some styles to accommodate the new browser version.

1.5.6 (December 24, 2018)

  • Fix: Fixed a bug that the plugin icon on the toolbar not showing.

1.5.5 (December 7, 2018)

  • Tweak: Compatible with the new core gutenberg editor for version 5.0.

1.5.4 (November 30, 2018)

  • Fix: Fixed php 7 Warning: count(): Parameter must be an array or an obj.
  • Fix: Fixed an issue where arrays were converted to strings on php 7.

1.5.3 (November 17, 2018)

  • Fix: Fixed some issues under Strict Standards.
  • Fix: Fixed an issue where instagram images were not displayed.
  • Tweak: Compatible with the new core gutenberg editor, ready for version 5.0.

1.5.2 (July 7, 2018)

  • Fix: Fixed issue where color picker does not display.
  • Tweak: Compatible with Gutenberg, the “Uix Page Builder Attributes” settings can be found in the Extended Settings section with the Gutenberg block editor.

1.5.1 (May 9, 2018)

  • Fix: Solved the problem that real-time rendering of front-end script will fail.

1.5.0 (May 3, 2018)

  • Fix: Fixed a bug with custom styles and child themes that if site uses a child theme when you create a custom css/js file in child theme folder, the plugin tries to connect style with path located in the parent theme folder.
  • Fix: Fixed a Warning for cannot send session cache limiter.
  • Fix: Solved the problem that instagram widget call data is not displayed.
  • Tweak: Updated some third-party plugins to the latest version.

1.4.9 (October 21, 2017)

  • FIX: Fixed an error in form data.
  • Tweak: Optimize the form when the drager has no data.
  • Tweak: Optimize the interface user experience.

1.4.8 (October 17, 2017)

  • FIX: Fixed a form escaping error.
  • Tweak: Enhanced API control compatibility.
  • Tweak: Fixed some inaccurate help files.

1.4.7 (October 14, 2017)

  • New: New API rebuilds. (Important!)
  • New: Upgraded core API for theme developer customization.
  • New: Support a particularly simple custom form and template API.
  • Tweak: Removed ajax method of all modules pop-window in admin panel, reduce High CPU Usage of WordPress.
  • Tweak: Each module manages the response speed by more than 10 times.
  • Tweak: Simplifies all module APIs.
  • Tweak: Reference jQuery Templates plugin to create pure HTML templates of front-end page.
  • Tweak: Optimized array loop efficiency.

1.4.6 (September 23, 2017)

  • Tweak: Highlighting the page builder shortcode.
  • New: Support for quick editing of page titles and slug when publishing content.

1.4.5 (September 21, 2017)

  • Tweak: Rebuild front-end stylesheets and default templates.
  • Tweak: Optimized the default front-end stylesheets and scripts.
  • Tweak: Optimized the experience of module selection.
  • Tweak: Synchronize a scroll effect of Drag & Drop modules of left sidebar when you manage front-end page.
  • FIX: Fixed an error in the builder sidebar scrolling.
  • Tweak: Re-optimized the front page of the grid system and all the module spacing.
  • Tweak: Simplifies the front page of the module styles and scripts.
  • Tweak: The Editor supports Media. You can insert media files into the HTML Editor using the Parallax module.

1.4.4 (September 19, 2017)

  • Tweak: Removed the scroll effect of front-end page when you manage Drag & Drop modules of left sidebar.
  • Tweak: Improve the assistant(helper) experience in admin panel.

1.4.3 (September 16, 2017)

  • Tweak: Optimized file structure in admin panel.
  • New: Added a custom JavaScript template annotation to each module.
  • Tweak: Upgraded core API for theme developer customization.
  • New: Added the scroll effect of front-end page when you manage Drag & Drop modules of left sidebar.
  • New: Added a new template guide to create pages faster and easier.
  • New: Added a new module: Custom Menu (new). Supports multiple styles of choice.
  • Tweak: Optimize the default companion page template “tmpl-uix_page_builder.php”.
  • Tweak: Updated a latest video demo.
  • Tweak: Optimized the default front-end stylesheets, so that other themes can be better compatible. Such as: shadower, shadower pro, twentyfifteen, twentyseventeen, twentysixteen and so on.
  • New: Supports Right-To-Left (RTL) direction and updated the core stylesheet file of front-end.
  • New: Supports Right-To-Left (RTL) direction in admin panel.

1.4.2 (September 14, 2017)

  • Tweak: Optimized file structure in admin panel.

1.4.1 (September 11, 2017)

  • New: Added the color transparency mode.
  • New: Added color picker plugin to TinyMCE Editor.

1.4.0 (September 9, 2017)

  • FIX: Fixed some problems with default templates that could not be synchronized.
  • FIX: Fixed an syntax error that may occur when obtaining portfolio categorization.

1.3.9 (September 8, 2017)

  • FIX: Fixed an error that the browser might be stuck when saving data. (important)
  • Tweak: Optimized the default templates (.xml).

1.3.7 (September 7, 2017)

  • New: Support .min files of front-end when the minimized file exists, get lower download times and save bandwidth.
  • Tweak: “{temp_preview_thumb_path}” of template(.xml) variable was deprecated after version 1.3.7 (included), and it is compatible with older versions.
  • FIX: Fixed a possible error: The js escaped characters will can not be correctly output because the speed of bandwidth.

1.3.6 (September 7, 2017)

  • FIX: Fixed an error in the form window size adjustment.
  • FIX: Fixed a bug of layout data save: Maximum call stack size exceeded.
  • Tweak: Optimized the default front-end stylesheets, so that other themes can be better compatible. Such as: twentyfifteen, twentyseventeen, twentysixteen and so on.
  • New: Added the page builder form editor for RTL.
  • New: Increase the text of the page builder editor to up to 200+ colors.

1.3.5 (September 6, 2017)

  • New: Added a new module type: Uix Slideshow (new). Require the WP plugin “Uix Slideshow”.
  • New: Added a WP filter “uixpb_templates_filter”. Theme template directory name of front-end can use filter “uixpb_templates_filter” to change it.
  • New: Added a new module: Sidebar (new). Subordinate to WP Widgets.
  • New: Added a new module: Instagram Feed (new).
  • New: Added a new option of Blog module.
  • Tweak: Optimized the “Parallax” module.
  • Tweak: Optimized all default templates and all certified by W3C.
  • Tweak: Optimized some functions of character escape and removed unnecessary escapes.
  • Tweak: Optimize the core architecture.
  • Tweak: Optimized page builder form control properties.
  • Tweak: Optimized the form experience.
  • Tweak: Optimized core stylesheets and scripts for front-end. In order to be compatible with each theme, the font-size uses fixed pixels.
  • Tweak: Upgraded the premade templates API.
  • FIX: Fixed a bug of the grid system.
  • FIX: Fixed a bug of textarea tag white space display.
  • FIX: Fixed some scripts error that could have occurred during template switching.
  • FIX: Fixed some minor bugs of stylesheets.
  • New: Supports multiple structures of custom template.
  • New: Added the latest video demo.
  • Tweak: Modify the front-end style sheets & scripts priority to the last.
  • Tweak: Beautify the simple theme developer documentation.
  • Tweak: Enhanced all textarea field so that they all support HTML code and single line break.
  • Tweak: Changed the live rendering mode when selecting a premade template.

1.3.1 (August 31, 2017)

  • Tweak: Upgraded core API for theme developer customization.
  • New: Added a new module type: Slider (new).
  • New: Added “Classic” template (new).
  • Tweak: Improved using instructions.
  • Tweak: Optimized template file(.xml) structure.
  • FIX: Fixed a small bug when the template was exported.
  • FIX: Fixed an issue for the layout of the html editor & textarea in page builder.

1.3.0 (August 30, 2017)

  • FIX: Fixed possible compatibility errors.
  • New: Added a new module type: Uix Products (new). Require the WP plugin “Uix Products”.
  • Tweak: Simplifies the templates directory for theme developer customization.
  • Tweak: Optimized the responsiveness of the visual editor.
  • Tweak: Optimize class of the excerpt.
  • Tweak: Optimized portfolio styles of front-end.
  • New: Added new feature: Support to delete data of custom Content Template.
  • New: Support Custom Post Types to create a portfolio list in WordPress.
  • Tweak: Removed some functions that is useless.

1.2.8 (August 7, 2017)

  • FIX: Fixed a display bug for the editor form type.
  • New: Added a new module type: Contact Form (new). Compatible with WP plugin Contact Form 7.
  • New: Added the editor’s source code mode.

1.2.7 (June 27, 2017)

  • Tweak: Optimize the embedding method of Google Maps.

1.2.6 (June 27, 2017)

  • Tweak: Rebuild the core scripts for back-end.
  • FIX: Fixed a little bug of TinyMCE Editor.
  • New: Added default template preview images before you selected.

1.2.5 (June 26, 2017)

  • Tweak: Simplified core API. ( For developers, custom modules are much simpler! )
  • Tweak: Rebuilt WYSIWYG Editor For Inline Web Content.
  • Tweak: Optimized response speed for back-end.
  • FIX: Fix the display of posts that do not match the error. ( For blog module )
  • Tweak: Optimized core stylesheets and scripts for front-end.
  • Tweak: Removed “Contact Form” module based on WP comment form.
  • FIX: Fixed some minor bugs.

1.2.1 (June 17, 2017)

  • Tweak: Upgraded core API. ( For developers, custom modules are much simpler! )
  • Tweak: Upgraded “Uix Page Builder Anchor Links” form the Menus editor page.

1.2.0 (June 13, 2017)

  • New: Added two Pricing styles (new).
  • New: Added a new module type: Blog (new).
  • Tweak: Optimized pricing styles of front-end.
  • FIX: Fixed a bug of duplicated buttons clone when multiple button IDs are similar in the visual builder screen.
  • FIX: Fixed a bug of the on/off switch button can not be effective in real time.

1.1.9 (April 8, 2017)

  • Tweak: Optimized admin panel of Custom CSS.

1.1.8 (April 5, 2017)

  • Tweak: Optimized front-end controller for your theme in admin panel.
  • Tweak: Upgraded core API. ( For developers, custom modules are much simpler! )
  • Tweak: Optimized core custom functions.
  • New: Added function of template parameters.
  • New: Added function of form javascripts output when in ajax or default state.
  • Tweak: Improve the stability of the plug-in.
  • Tweak: Optimized core stylesheets for front-end.

1.1.6 (April 2, 2017)

  • Tweak: Compatible with low version PHP (5.3+)
  • FIX: Fixed some minor errors in the low version of PHP.

1.1.5 (April 1, 2017)

  • Tweak: Upgraded core API. ( For developers, custom modules are much simpler! )
  • Tweak: Optimize the page builder form structure.
  • FIX: Fixed some bugs of TinyMCE editor.
  • FIX: Fixed some bugs of form elements.

1.1.4 (March 28, 2017)

  • Tweak: Resolved compatibility errors that may occur with the editor.
  • Tweak: Optimized pop windows UI of editor for online preview.

1.1.3 (March 25, 2017)

  • New: Added Draft and Publish buttons in the visual builder screen.
  • FIX: Some minor bugs for enqueue scripts.
  • Tweak: Spy pop windows of editor for online preview.
  • Tweak: Supported select the page template on visual builder screen.

1.1.1 (March 1, 2017)

  • New: Added function of responsive switching preview (new).

1.1.0 (February 25, 2017)

  • Tweak: Upgraded visual builder core UI.

1.0.7 (February 22, 2017)

  • Tweak: Optimized drag and drop controls.
  • Tweak: Upgraded visual builder panel.
  • FIX: Fixed some bugs that loaded row misalignment.
  • Tweak: Optimized backend scripts.

1.0.6 (February 2, 2017)

  • Tweak: Optimized visual builder panel.
  • FIX: Fixed a bug that added row misalignment.

1.0.5 (January 28, 2017)

  • New: Added visual builder mode (new).
  • Tweak: You can switch between “Visual Builder” and “Default Editor” modes at any time.
  • Tweak: Optimization of the admin panel structure.

1.0.2 (January 25, 2017)

  • Tweak: Optimized core stylesheets for front-end.
  • New: Added “Glory” template (new).
  • New: Added “Comfortableness” template (new).
  • Tweak: Enhanced “Parallax” module.
  • Tweak: Optimized for the editor.
  • Tweak: Optimized for the color selector.
  • FIX: Fixed error in default template image path.

1.0.1 (January 22, 2017)

  • Tweak: Optimized enqueue scripts for front-end.
  • Tweak: Enhanced theme compatibility.

1.0.0 (January 17, 2017)

  • First release.