WordPress es genial, y poder personalizar su portal Web ejecutado con WordPress es solo la guinda del pastel. No obstante, no todos somos gurús de la codificación. Diablos, algunos amantes de WordPress no conocen nada sobre HTML or CSS. Pero esto no debería impedirle personalizar su tema de WordPress. Aquí es donde entran los creadores de páginas.
Los creadores de páginas de arrastrar y soltar están ampliamente disponibles como complementos y están integrados en muchos temas populares. Hacen factible que los usuarios de todos los niveles realicen cambios en el diseño general de un tema, y pueden hacer que agregar adornos adicionales (iconos, bars de habilidades, tablas de precios, etc.) be muy fácil. Específicamente, deseamos presentarle nuestro nuevo complemento favorito de WordPress para la creación de páginas: Visual Composer.
What is the visual composer?
Visual Composer is an extraordinary plugin developed by WP Bakery that adds a drag and drop page builder to your WordPress theme. We include it in our Total Multipurpose WordPress theme, but you can also see it in almost all the new best-selling products on Themeforest. It gives you the tools you need to be able to create complex page layouts without touching a single line of code.
How Visual Composer works and what it can do
It is a plugin so basically install and activate it to take advantage of all its wonderful features. Once activated, Visual Composer gives you control over the layout of your pages. Basically add a new page and you'll see new buttons so you can toggle between classic mode and constructor mode, as well as a button that will take you to the live interface editor.
From here on, the opportunities are only limited by your (or your clients') creativity. You can add rows, columns, buttons, text, images, and much more using all the Visual Composer alternatives. At the same time, there is an option to save your designs as templates to reuse over and over again.
Rows
Page creation items are included in the constructor. You can use these items as literal building blocks for your page. first Add a row. Rows allow you to add columns with a single click. Basically hover over the yellow paragraph tab in the upper left corner of your row and select a layout. The row is automatically divided into columns based on the layout you choose.
Page items
The next step is to start adding your page features. Basically click on the Add item para abrir un menú emergente. Hay muchas opciones para agregar cuadros de texto, títulos, compartir en redes sociales, imágenes y galerías, conmutadores o pestañas, acordeones, publicaciones recientes (que además funcionan con los tipos de publicaciones personalizadas de su tema al mismo tiempo de las publicaciones del Blog), botones e inclusive widgets de la barra lateral.
At the same time, depending on the WordPress theme and supported plugins you are using with Visual Composer, you will see more or less page items. The example above is from our Total Drag & Drop WordPress Theme, so there are 30 additional page builder items that we created and designed exclusively for Total. This includes custom dividers, icon boxes, milestones, carousels, and more.
Click on any item to open the alternatives for that item. Below is an example of the "options" for our Icon Box module in the Total theme. As you can see, each module can have many configurations and even several configuration tabs.
The builder also supports four amazing third-party plugins: Layer Slider, Revolution Slider, Gravity Forms, and Contact Form 7. If you have any of these plugins installed, a page item for the theme will automatically appear. When you choose to insert a page element for one of these plugins, Visual Composer displays a drop-down menu of the respective sliders / forms you have created, or displays an input box for you to add your slider ID. No more copying and pasting shortcodes!
Drag and drop
En cualquier punto del procedimiento de diseño, puede arrastrar y soltar cualquier fila o elemento de página para reorganizarlos. Además puede duplicar cualquier fila o elemento, lo que hace que agregar contents repetitivo sea rápido y fácil (ideal para columnas similares, preguntas frecuentes, conmutadores, etc.).
Once you have created a design that you like, you can save it as a template. This is useful when creating a custom page layout or sidebar that you would like to reuse. Basically click on the Templates , name your design and hit save. When you use your template, it will automatically populate your page with the layout and items you saved.
Row options: format, clone, and remove rows
There are three additional features added in the left corner of each row that can be used to clone or duplicate an entire row and all its content, add new modules, edit the columns, etc. Basically hover over any row you need to edit to access these settings:
Again, depending on the theme you are using with Visual Composer, the formatting alternatives available to you may be different. Although some theme developers choose to leave Visual Composer as is, many customize the plugin to fit the needs or style of their theme.
Editor de frontend
The powerful Visual Composer now includes a frontend editor, making it easier than ever to start creating your own pages and layouts. The only caveat is that not all themes are compatible with the front-end editor yet. Be sure to check a theme's feature list, or contact the theme developer directly, to see if the Visual Composer interface editor is compatible with your WordPress theme. Our Total WordPress theme is 100% compatible with front-end editor so if your current theme is not, you may consider "upgrading" to our theme.
Extensions
The last feature I would like to mention is the extensibility of Visual Composer. If you are an advanced coder or theme developer, you can embed your own shortcodes in the plugin. We actually added in our own Symple Shortcodes Premium to give Total users additional page builder items. This gives users even more options when creating pages!
Si no es un programmer, consulte CodeCanyon y haga una búsqueda rápida del complemento Visual Composer. Hay muchos complementos premium excelentes que agregan funciones adicionales al Visual Composer e inclusive algunos buenos gratuitos, como nuestro complemento Symple Shortcodes.
Visual Composer configuration options
I keep referring to Visual Composer as a page builder, but it also works great with posts and custom post types. You just have to enable the option. Navigate to Settings> Visual Composer. You should see a screen equivalent to this:
El complemento mostrará de forma automática los múltiples tipos de contenido incluidos en su tema de WordPress. Básicamente seleccione cuál le gustaría utilizar con el generador de páginas de Visual Composer. El ejemplo anterior es de nuestro tema Total, por lo que hay opciones adicionales para la cartera, el personal y los testimonios (todos los tipos de publicaciones personalizadas), así como foros, temas, respuestas y productos (relacionados con los complementos bbPress y WooCommerce compatibles con Total) .
Additionally you can assign any shortcode plugins to Visual Composer that you have already installed on your WordPress site. Under the settings page, click the My Shortcodes tab at the top and click the Map Shortcode button. This should add your third party shortcodes to your composer items. Easy!
See it in action
Como dije, amamos tanto a Visual Composer que lo incorporamos a nuestros productos más vendidos Tema total de WordPress (incluido gratis con su compra). Eche un vistazo a las distintas páginas de cualquiera de nuestras demostraciones en vivo del tema total. ¡La mayoría de las páginas que verá en nuestras demostraciones en vivo fueron creadas con Visual Composer! Añadiendo fondos, headers, texto, imágenes, iconos… etc. Todo es “pan comido”.
Complete guide to using Visual Composer
If you already own the plugin and are looking for a guide on how to use it, take a look at our complete Visual Composer usage guide, which will walk you through and show you how to use the plugin.
Where can you get it
Visual Composer is enabled in CodeCanyon if you want to get it yourself. It has also been absolutely integrated with our WordPress Theme Total premium (along with two other premium plugins for a total value of $ 67, which is more than what you pay for the theme).
Get Total Get Visual Composer
Let us know what you think of the plugin below. We are truly impressed with Visual Composer, and we would love to hear from you!
