# Zion Builder Plugin

[![stars](https://img.shields.io/github/stars/zionbuilder/zionbuilder)](https://github.com/zionbuilder/zionbuilder/stargazers)
[![CI](https://github.com/zionbuilder/zionbuilder/workflows/CI/badge.svg)](https://github.com/zionbuilder/zionbuilder/actions)
[![license](https://img.shields.io/github/license/zionbuilder/zionbuilder)](/license.txt)
[![size](https://img.shields.io/badge/zip%20size-2.783kb-blue)](https://github.com/zionbuilder/zionbuilder/releases)

Built and designed by [hogash team](https://hogash.com),
the creator of famous WordPress theme [Kallyas](https://kallyas.net/),
this plugin is the newest page builder on the market that comes with tools to build an outstanding WordPress website.

**Tags:** page builder, WordPress module, editor, visual editor, design, website builder, front-end builder

## Description
Below are listed the core competencies

### Elements and templates at your fingertip
Add elements and templates right where you need them from the page builder "Add Elements Popup"

### Basic 27 elements
* Section
* Column
* Text Editor
* Custom HTML
* Shortcode
* Google Maps
* Counter
* Progress Bars
* Image Slider
* Anchor Point
* Testimonials
* Icon List
* Alert
* Sidebar
* Soundcloud
* Pricing Box
* Tabs
* Accordions
* Image Box
* Image
* Icon
* Icon Box
* Gallery
* Heading
* Video
* Button
* Separator

### Independent composition of elements
Each element is composed from a wrapper and its sub-components. For example a button is composed from a wrapper, the button and the icon, and each one of them may have individual styles applied.

### Unified system of options
Every element has the same easy to use and intuitive options pattern found in the “Element Options” panel. It consists of 3 main tabs: general, styling, advanced and search.

### Global styles
In order to apply the same styles on multiple elements, Global CSS Classes were implemented. They can be styled either from page options panel, or from the Element options panel. No coding skills required.

### Live responsive editing
Visually decide the sizes, colors or positioning of the elements for each screen. This means that any changes made to the mobile view, will only appear on that device and it will not affect the other devices, which will still maintain the original design options.

### Custom rich text on click
Inline editor is triggered on text click, and provides options such as font family, size, weight, spacing, alignment or text-transform. It can also be dragged anywhere.

### Gradient background
You can layer multiple gradients by making use of color opacity. When set a lower opacity of gradient colors, other gradient layers become visible. Experiment with a different options on different gradient layers.

### Manage loaded resources
You can choose what fonts , colors, gradients, icon packs or templates to appear in the page builder. That means you can choose only the fonts you need in your website even if on the dashboard you have access to hundreds of other fonts.

### History of actions
Saving system, history of your actions, post revisions, users permissions or easily discard changes give you the power of becoming the sole creator of your website. Shortcuts for undo and redo are also available.

### Design features
The following extra design features come built in the Panel Element Options: Blending Bakground, ColorPicker, Pseudo – selectors, Element’s motion control, Flexbox control, Powerful background image, Filters, Borders, Shadows, Typography, Transform, Transitions

### Library system
A whole panel that can be accessed from the main bar. It contains the actions needed for import and exporting library parts, and the access to Zion library.

### Advanced features
* Post revisions
* Role Manager
* Regenerate CSS
* Replace URL
* Custom CSS
* Custom javaScript
* Renaming elements
* Element’s visibility
* Custom HTML element
* Columns sizes and offsets
* Extendable options

### User experience features
* Dragging elements
* Dragging size and spacing
* Right-click actions
* Top right toolbar shortcuts
* Custom workspace
* Keyboard shortcuts
* Searchable options
* Discard changes
* Easily change the number values
* CTRL + DRAG

## Installation

### Minimum requirements
* WordPress 5.0 or higher
* PHP 7.0 or higher
* MySQL 5.6 or higher
* WP Memory Limit at least 64M or higher
* Writing permissions for WordPress uploads directory and `.htaccess` file
* PHP Zip extension must be installed
* PHP GD extension must be installed

### Instalation
1. Install using the WordPress built-in Plugin installer Go to Plugins -> Add New
2. Activate the plugin
3. Go to Pages or Posts > Add New
4. Press the 'Edit with Zion Builder' button.

For documentation and tutorials visit our [Knowledge Base](https://zionbuilder.io/help-center/).

## Multilingual plugin
The strings used in the builder are ready to be translated in any language, according to WordPress standards.

## An extendable builder – for developers and designers
The whole system of options, which is built in PHP, allows other developers to add their own options to the main panel.
The library system also allows designers to submit new templates which users will have access to through Zion Library.

## Documentation and Support
[Documentation link](https://zionbuilder.io/help-center/)

## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

## License
 GNU GENERAL PUBLIC LICENSE
[license](https://www.gnu.org/licenses/gpl-3.0.html)

## Changelog ##

### 0.1.0 - 2020-05-20 ###
* Initial Public Release