Code Machine

Convert Post Shortcodes into Visual Clickable Elements. Provide a simple web form for modifying Shortcode attributes by just clicking on the visual shortcodes.
Shortcode is one of the very important features introduced in WordPress platform. Shortcode is a WordPress-specific code that lets you do nifty things with very little effort. Shortcodes can embed files or create objects that would normally require lots of complicated, ugly code in just one line. Shortcode = shortcut
The only problem is dealing with Shortcode via raw text editor. Editing Shortcode with text editor would required a little efforts. Visual Shortcode Plugin rule is to simplify shortcode editing process by allow editing Shortcode attributes through simple web form
Visual Shortcode form is very simple and consist only from Text Fields however more fields might be configured for the Shortcode by installing <a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a> Extension.
Once Shortcode Visual Element is clicked a Shortcode form will be pop-up allowing editing Shortcode attributes very easy without any manual editing for Shortcode attributes
Shortcode content, those data between the open and close Shortcode tags, is currently not allowed to be edited. Only Shortcode attributes can be edited.
Shortcode still can be edited manually or via Visual Shortcode clickable element, however make sure to don’t change Visual Shortcode HTML wrapped signature to avoid Visual Shortcode plugin from visualizing your element twice as this would lead to unpredicatble behavior that prevent you from editing Shortcode attribute via web form.
Creating Visual Shortcodes must be done manually by clicking on Visualize Shortcode button. Visualizing Shortcode automaticlly is considered as <a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a> feature to be added later.
<a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a> make it even eaiser by allowing of defining Shortcode and its attributes so you don’t need to rememebder Shortcode attributes everytime you want to edit Shortcode Attributes. Its also allow many Creating Different field type for every Shortcode Attribute.
<h4>Features</h4>
<ul>
<li>Turns Shortcode texts into Visual Elements</li>
<li>Modify Shortcode attributes using Web Form</li>
<li>All Shortcode attributes are represted as input text field</li>
<li>Visualize each post Shortcodes manually by single button click</li>
<li>Support Switch between Text and Visual Editors</li>
<li>Shortcode attributes may be updated manually after shortcode visualized</li>
</ul>
<h4>Note</h4>
This Plugin will display empty dialog for Shortcodes those don’t have attributes yet. You must have Shortcode Attributes typed before displaying the form so that The Plugin knows how to create Shortcode Form. If you like to have Your Shortcode Defined and the forms as well you can purchase <a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a>
<h4>Need More Features ?</h4>
<a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a> comes along with many features, check out he list below:
<ul>
<li>Text Field</li>
<li>Dropdown List</li>
<li>Multiple Selection list</li>
<li>Single Selection List</li>
<li>Checkbox list</li>
<li>Radio Options list</li>
<li>HTML5 Color Picker</li>
<li>WordPress Color Picker</li>
<li>Image field</li>
<li>Yes/No Field</li>
<li>True/False Field</li>
<li>On/Off Field</li>
<li>Zero/One field</li>
<li>Textarea field</li>
<li>Set Field defaut value</li>
<li>Define Shortcode (Tag, Title, Description)</li>
<li>Define Shortcode form (Name, Title)</li>
<li>Herarichal forms</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>PHP >= 5.3</li>
</ul>

CB Visual Shortcode

Turns textual Wordpress Post Shortcodes into Visual Shortcode, provide web form for changing attributes value

Simone Maranzana

Andrea Gandino

Evolve

Brix is the best page builder plugin out there: thanks to its intuitive drag & drop interface and its powerful set of tools, you’ll be able to transform literally any WordPress theme into something truly awesome.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/zsneJMYKiDs?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<blockquote>
Lite vs Premium
This is the Lite version of Brix Builder. It contains all the core features of the plugin, and allows you to create great layouts in no time.
If you want more, though, a Premium version of the plugin is available on <a href="https://justevolve.it/product/brix" rel="nofollow ugc">justevolve.it</a>, adding new features and extending the basic functionality of the plug in. Premium support and regular updates are also part of the premium version.
Here are some of the features included in the Premium version:
<ul>
<li>NEW! Frontend drag&drop editing mode</li>
<li>Premium support</li>
<li>Full-blown responsive mode</li>
<li>Enhanced backgrounds</li>
<li>More content blocks</li>
<li>Advanced grid features</li>
<li>Enhanced column carousels</li>
<li>Custom templates import/export</li>
<li>Several built-in templates ready for use</li>
<li>More icon sets (2200+ icons)</li>
</ul>
NEW FRONTEND EDITING MODE
The new shiny “Frontend editing” mode is Brix’s way of showing you a live and high fidelity preview of the changes you’re making to the page layout and content, displaying it exactly how a visitor would see it. Try it now in our <a href="https://brixbuilder.com" rel="noopener noreferrer nofollow ugc">online demo</a>.
</blockquote>
Works on every theme
Brix can be used with any WordPress theme and the best thing about its approach is that it doesn’t lock you in. Brix doesn’t rely on shortcodes: you can switch themes as many times as you like and your content will follow you, even if you disable the plugin completely.
Works on every post type
Brix can be activated on any post type. By default, it works for pages, but easy controls can make it work in other contexts as well, such as posts, portfolio items or even products.
No coding required, yet developer friendly
Brix allows you to visually compose any page or layout you can imagine with a grid-based, easy interface, without touching a single line of code.
Brix is friendly to developers too: the code is clean, efficient and well documented.
FAST!
Page builders can be slow, and nobody likes heavy plugins that slow down your website. Brix is different. Content generated by Brix is constantly optimized to only load the thing that you need, the moment you need them; Brix works great with caching systems, but even without any of them, the simple fact that it doesn’t rely on shortcodes, makes it quick to render.
Advanced Grid System
With Brix interface, you can precisely control even the tiniest detail of your design in a professional way thanks to the most advanced grid management system ever created.
<ul>
<li>Padding and margin controls. You can control spacing for every element on every device by using <code>px</code>, <code>em</code>, <code>%</code> or the unit you need.</li>
<li>Special column structures. Combine full width section layouts or take advantage of the unique special section feature, and quickly adjust a row’s column structure with just a couple of clicks.</li>
<li>Quickly split & merge columns. Adjust the row columns layout with just one click thanks to the innovative live split/merge controls.</li>
</ul>
SEO ready
You have full control over the markup that is generated by Brix. It’s up to you to choose the heading structure, and whether to use <code>section</code> tags or not; also, Brix works great with major WordPress SEO plugins like YOAST.
Built to grow
Brix has been designed to be modular and scalable and it can be extended with additional functionality and components with no hassle.
Also, we’re profoundly committed to make Brix better and better, and we’ll keep updating it regularly, extending its documentation and adding new tutorials as well.
Read more on the <a href="https://justevolve.it/category/brix/" rel="nofollow ugc">Brix official blog</a>.
<blockquote>
Want to know more? Join the Brix Community!
Help make the Brix community grow and meet other users and discuss with the team about what you’d like to see next in Brix. 
 Here are our official channels:
<ul>
<li><a href="https://www.facebook.com/groups/1863909033848406/" rel="nofollow ugc">Brix Builder Community</a> group on Facebook,</li>
<li><a href="https://brixbuilder.slack.com" rel="nofollow ugc">Slack</a>.</li>
</ul>
Join today! 🙂
</blockquote>

Brix: WordPress page builder

Brix is a powerful drag & drop page builder that allows you to visually compose any layout you can imagine with a grid-based, easy interface.

CB Visual Shortcode vs Brix: WordPress page builder