parte1

Creando un Addon para Visual Composer (Parte I)

by | Aug 24, 2016 | Tutoriales | 1 comment

INTRODUCCION

Visual Composer es hoy el constructor de paginas para WordPress mas popular en la red. Con mas de 190k ventas y potenciando a mas de un millon de sitios, no es de extrañar que muchos autores en diversos marketplaces creen plugins que extiendan la funcionanlidad de este fantastica herramienta.

Como ejemplo, podemos tomar los casos de BrainstormForce y themepunch, ambos autores de codecanyon.net quienes venden sus addon “Ultimate Addons for Visual Composer” (+29k ventas) y “Essential Grid WordPress Plugin” (+18k ventas) respectivamente. A un valor de $18 y $26 recibiendo un 70% de comision, es facil sacar cuentas de lo lucrativo que puede llegar a ser, no?.

¿Te gusto lo anterior? ¿Sacas cuentas de cuanto podrias ganar con esa fantastica idea que tienes, pero no sabes por donde empezar a desarrollarla? Sigue leyendo! Crear un Addon para visual composer puede resultar relativamente sencillo y puedes ganar gran notoriedad con “poco esfuerzo”.

 

CREANDO UN PLUGIN PARA WORDPRESS

El primer paso para la creacion de este addon, es crear un plugin para WordPress, como cualquier otro plugin. Para esto, crearemos una carpeta en el ordenador con el nombre de tu nuevo plugin. Te sugiero utilizar un prefijo y un nombre complejo, para evitar problemas de compatibilidad con otros plugin. En esta guia, la carpeta la llamaremos mig-addon-vcomposer.

En nuestro editor de preferencia, crearemos el archivo base de este nuevo plugin, el cual en mi caso llamare mig-addon-vcomposer.php y lo guardare en el interior de la carpeta que creamos previamente. Este archivo, en sus primeras lineas, contendra un comentario de PHP con ciertos parametros, los cuales le permitiran a WordPress identificar el plugin y sus caracteristicas.

Guardamos. Una vez hecho esto, ya tenemos hecho nuestro plugin para WordPress, aunque claro, este no hace absolutamente nada y lo que queremos es realizar ese fantastico Addon para Visual Composer que tenemos ideado.

 

Posterior al comentario, para evitar errores y por motivos de seguridad, nuestra primera linea real de codigo sera la siguiente:

Esto prevendra el acceso externo al archivo de manera directa.

 

ENTENDIENDO COMO FUNCIONA VISUAL COMPOSER

Visual Composer es una interfaz que permite ajustar de manera visual e intuitiva valores de atributos en shortcodes. Por ende, para crear un Addon para esta herramienta, lo que debemos hacer es crear una serie de atributos y valores ajustables que puedan ser interpretados por Visual Composer, y una funcion que interprete estos atributos y valores, es decir…un shortcode.

Pues bien, para mantener nuestro plugin ordenado, crearemos dos nuevos archivos. Uno lo llamaremos mig_addon_vcomposer_opciones.php  y el otro mig_addon_vcomposer_shortocde.php.

archivos-1

Como ya habras adivinado, en el primero ingresaremos el codigo necesario para mostrar los atributos y valores de nuestro addon y en el segundo se encontrara la funcion que se llevara a cabo con estos atributos y valores. Estos archivos los guardaremos en nuestra carpeta principal y los llamaremos desde el archivo base, el cual de momento deberia quedar de la siguiente manera:

 

 

Con esto doy finalizada la primera parte de la guia. En la segunda parte veremos como añadir nuestro modulo de ejemplo para Visual Composer, tipos de opcion y algunos tip.

 

 

¿Tienes alguna duda o comentario relacionado a este post? Dejame un comentario ¿Dudas con Wordpress, Programacion, Diseño? ve a mi seccion de Preguntas y Respuestas 

Despues de años de programar y diseñar, me doy cuenta que mi pasion es ayudar. Espero te sean utiles mis articulos (aun con mi pobre redaccion).

1 Comment

Trackbacks/Pingbacks

Submit a Comment

Your email address will not be published. Required fields are marked *

Hola! soy Miguras. Desarrollo themes y plugins para wordpress desde hace mas de seis años. Disfruta mi sitio!

Productos destacados

responsive-sportif-transparent Sportif Tema Wordpress deportivo