Conocimiento Para Potenciar Tu Sitio Web

Cómo Crear un Plugin de WordPress (Guía Para Principiantes)

Cómo Crear un Plugin de WordPress (Guía Para Principiantes) thumbnail

Una de las razones principales por la que WordPress es tan popular es su naturaleza de código abierto. Hay más de 50.000 plugins que han sido desarrollados para su ampliamente usado Sistema de Gestión de Contenidos (CMS). Sin embargo, puedes estarte preguntando cómo crear tu propio plugin. 

Afortunadamente, WordPress hace que este proceso sea fácil. Necesitarás algo de conocimiento de código, pero no es terriblemente difícil aprender cómo crear un plugin básico para tu sitio web. Esto, entre otras cosas, te permitirá añadir más funcionalidades a tu contenido. 

En este artículo, veremos más de cerca los plugins de WordPress y por qué querrías crear uno. Luego, te mostraremos cómo desarrollar tu primer plugin. ¡Manos a la obra!

Una Introducción A Los Plugins de WordPress

WordPress impulsa más un tercio de todos los sitios web del internet. ¡Esto es igual a casi medio billón de sitios!

Un factor muy importante en el éxito de WordPress es su naturaleza de código abierto. Esto quiere decir que la fuente de código del software principal, sus plugins y temas, están disponibles para que cualquier persona pueda trabajar con la plataforma y modificarla como sea necesario. 

Los plugins de WordPress son paquetes de código que extienden la funcionalidad de tu sitio. Estos son creados por diferentes desarrolladores al rededor del mundo y están diseñados para una variedad de propósitos.  

Por ejemplo, encontrarás plugins para añadir botones para compartir en redes sociales, formularios de inscripción a boletines, convertir WordPress en un sitio e-commerce completo y más. 

El directorio de Plugins de WordPress Plugin

El ecosistema de plugins de WordPress empodera a aquellos sin conocimiento de código para crear y personalizar sitios web poderosos. Adicionalmente, ofrece oportunidades casi ilimitadas para desarrolladores y webmasters por igual. 

Por Qué Desarrollar un Plugin de WordPress

WordPress es uno de los mercados más grandes para los desarrolladores. Esto quiere decir que encontrarás suficientes recursos para ayudarte a desarrollar plugins para el CMS. 

Además, el potencial de ganancia de los plugins de WordPress también es bastante alta. Mientras que no hay escasez de competencia, si tienes una nueva o mejor solución para un problema común, podrías encontrar que tu plugin es usado por cientos de sitios. De hecho, la mayoría de plugins que están disponibles para descargar originalmente fueron desarrollados para solucionar un problema. 

La magia de WordPress es que puedes desarrollar una solución para tu propio sitio — no tienes que compartirlo con el mercado de plugins. Sin embargo, muchos desarrolladores eligen poner disponibles sus plugins para ayudarle a otros a solucionar problemas similares que pueden estar causando una molestia. 

Por último, WordPress es una plataforma grandiosa para aprender a codificar. Ya que ha estado alrededor por más de 19 años, proporciona suficientes recursos y documentación para ayudarte a comenzar. Además de eso, tiene una gran base de usuarios, la cual puede ayudarte a ganar exposición como desarrollador si tu plugin es bien recibido. 

Recibe Contenido Directamente en Tu Bandeja de Entrada

Suscríbete a nuestro blog y recibe contenido grandioso como este directamente en tu bandeja de entrada.

Cómo Crear un Plugin de WordPress (En 6 Pasos)

Mientras que los diferentes plugins requerirán diferentes cantidades de código y conocimiento, todos tienden a seguir el mismo proceso de desarrollo. Veamos cómo crear un plugin de WordPress en 6 pasos.

Paso 1: Investiga y Planea

Hay miles de herramientas en el Directorio de Plugins de WordPress. Por lo tanto, lo primero que querrás hacer es realizar una investigación para ver si tu idea ya existe. 

Sin embargo, incluso si existe, aun así, puedes continuar con tu plan. Querrás explorar plugins similares y encontrar cómo podrías mejorar el tuyo. Alternativamente, podrías complementar lo que ya hay disponible con algo como tu propio tipo de personalización de publicación y funciones adicionales. 

También puede que quieras verificar el estado de los plugins existentes. Por ejemplo, si un plugin no ha sido actualizado en algún tiempo, o no es compatible con la versión más reciente de WordPress, puede haber una oportunidad de adoptar o proporcionar una mejor solución. 

Ejemplo de un plugin abandonado

También puedes ver el número de instalaciones activas para ver si hay un gran mercado para el tipo de plugin que tienes en mente. Es una buena idea para probar el plugin en tu propio sitio para ver qué hace bien, y qué podría hacerse mejor. 

Adicionalmente, querrás darle alguna consideración para conocer como le irá en el mercado a tu plugin. Por ejemplo, algunos desarrolladores crean un sitio web dedicado para sus productos. Si estás planeando monetizar tu plugin, tendrás que pensar sobre las opciones de suscripción y precios. 

Finalmente, querrás leer sobre los Estándares de Código de WordPress. Esto es particularmente importante si estás planeando compartir tu plugin con otros. Estos estándares de código son un conjunto de lineamientos y mejores prácticas a las que los desarrolladores deberían intentar apegarse cuando se crean temas y plugins para WordPress. 

Paso 2: Configura un Ambiente de Prueba

El siguiente paso es configurar un ambiente de prueba. Como principiante, es probable que aprendas mucho en el camino y no querrás experimentar en un sitio activo. Un ambiente local o un sitio staging te permitirá probar tu plugin en privado a medida que trabajas con él.  

Puedes usar un Local para crear un sitio WordPress en tu computador. 

Página inicial de Local

También puedes crear un ambiente de prueba en línea. Con DreamHost, puedes crear una copia de tu sitio existente. De esta manera, puedes probar tu plugin sin dañar tu sitio o interrumpir tus visitantes. 

Paso 3: Crea el Archivo del Plugin

Una vez que tienes tu ambiente de staging configurado, es momento de crear tu plugin. El primero paso es crear una carpeta para él en el directorio de tu sitio. 

Puedes usar un cliente de Secure File Transfer Protocol (SFTP) como FileZilla para acceder a los archivos y carpetas de tu sitio.

Página inicial de FileZilla

Si esta es tu primera vez usando FileZilla, necesitarás ingresar tus credenciales, incluyendo tu nombre de usuario y contraseña. Puedes obtener esta información desde tu cuenta de alojamiento.

Una vez que te hayas conectado al directorio de tu sitio, navega a wp-content/plugins y crear una nueva carpeta para tu plugin. 

Ejemplo de un nuevo directorio de plugin

A continuación, tendrás que crear un archivo PHP para añadir esta carpeta. Para hacer esto, abre tu editor de texto preferido e ingresa la siguiente información.

<?php
/**
* Plugin Name: test-plugin
* Plugin URI: https://www.your-site.com/
* Description: Test.
* Version: 0.1
* Author: your-name
* Author URI: https://www.your-site.com/
**/

Por supuesto, tendrás que cambiar la información anterior para que se ajuste a tu información. Cuando estés listo, puedes guardar tu archivo. Recuerda usar la extensión de archivo .php (ej.  mi-primer-plugin.php). 

Luego, tendrás que subir este archivo a la carpeta de plugin que creaste anteriormente. Una vez que has hecho esto, navega al panel de WordPress de tu sitio de prueba y a continuación ve a la sección de Plugins, desde el menú lateral izquierdo. Allí, podrás ver tu nuevo plugin. 

Ejemplo de un plugin de prueba

Este plugin no hará nada aún si lo activas. Sin embargo, WordPress lo reconocerá como un complemento funcional desde ese momento.

Paso 4: Añade Código a Tu Plugin

Cada plugin es diferente. Sin embargo, todos comparten componentes en común. Por ejemplo, todos los plugins utilizan hooks para interactuar con WordPress. 

Un hook es la forma en la que un plugin se conecta al código preexistente de la programación principal de WordPress. En otras palabras, el hook es el punto de ancla donde se inserta un plugin para añadir o cambiar la funcionalidad del sitio. 

Los hooks son una parte importante del desarrollo de WordPress. Hay cientos de hooks que pueden ser usados como desencadenantes para un plugin, e incluso puedes crear nuevos si es necesario. 

Hay dos tipos de hooks que tendrás que considerar cuando crees tu plugin: 

  1. Acciones: Estos añaden o cambian la funcionalidad de WordPress y conforman la mayoría de hooks. 
  2. Filtros: Estos son usados para modificar la funcionalidad de las acciones.

Para codificar tu plugin, tendrás que familiarizarte con los hooks y cómo funcionan. Afortunadamente, la Guía de Plugins para Desarrolladores puede ayudarte a comenzar. 

Para este tutorial, usaremos el siguiente código como ejemplo.  

function modify_read_more_link() {
    return '<a class="more-link" href="' . get_permalink() . '">Click to Read!</a>';
}
add_filter( 'the_content_more_link', 'modify_read_more_link' );

Como puedes ver, este código usa un filtro para modificar el enlace estándar “read more” (leer más en español) al reemplazarlo con un valor diferente: “Click to Read!” Si añades este fragmento a tu archivo PHP y activas el plugin en tu sitio, terminarás viendo el siguiente texto de ancla debajo de tus extractos de publicación. 

Ejemplo de plugin “Click to Read!”

Siéntete libre de experimentar con el código e intenta usar una función diferente. Ten en cuenta que también puedes añadir este código al archivo functions.php de tu tema. Este archivo contiene código que añade funcionalidades a tu sitio y funciona en una forma bastante similar a cómo lo hace un plugin. Sin embargo, si cambias a un tema diferente en el futuro — o tu tema es actualizado a una nueva versión — perderás estos cambios. 

Paso 5: Prueba Tu Plugin

A medida que continúas desarrollando tu plugin, es más importante guardar tu trabajo a menudo y probar tus cambios en tu sitio staging. También querrás estar pendiente de cualquier problema de seguridad, para que puedas resolverlos antes de publicar tu plugin. 

Una vez que estás satisfecho con tu plugin, deberías probarlo en un sitio en vivo. De nuevo, querrás asegurarte de que has probado suficiente tu plugin y que no tiene bugs ni vulnerabilidades. 

También es una buena idea crear una copia de seguridad de tu sitio en vivo antes de probar tu plugin en él. De esta manera, si algo sale mal, puedes restaurar tu contenido.  

Si estás feliz con el rendimiento de tu plugin, podrías ofrecerlo a otros desarrolladores para que lo usen y prueben. Esto puede ayudarte a recopilar retroalimentación valiosa. También podrías pedirles que pongan tu plugin a prueba y que intenten dañarlo para probar su estabilidad. 

Para hacer esto, querrás exportar tu plugin en un archivo zip para una fácil distribución e instalación. Ubica la carpeta de tu plugin en el directorio de tu sitio, luego haz clic derecho y selecciona Send to > Compressed (zipped) folder:

Enviar a una carpeta comprimida

Elige un destino y los archivos en tu carpeta serán compilados en una carpeta zip que puedes compartir fácilmente. Si estás desarrollando un sitio en vivo, puede que primero necesites descargar la carpeta del plugin desde tu cliente SFTP antes de comprimirlo. 

Para instalar tu plugin en un sitio WordPress, simplemente navega a la página de ‘Plugins’ en tu panel y selecciona ‘Añadir Nuevo’. A continuación, haz clic en ‘Subir Plugin’ y serás llevado a elegir un archivo .zip para subirlo a tu sitio.

Subiendo el archivo Zip de plugin en WordPress

Simplemente selecciona el archivo comprimido y selecciona la opción ‘Instalar Ahora’. WordPress, descomprimirá e instalará el plugin en tu sitio. 

Descomprimiendo e instalando un plugin

Una vez que es completado, solo haz clic en ‘Activar Plugin. Y eso es todo — ¡tu plugin está en vivo! 🎉

Paso 6: Distribuye Tu Plugin

Una vez que has creado y probado tu plugin, puedes comenzar a distribuirlo. Veamos las mejores formas de hacerlo. 

1. Publica Tu Trabajo en el Directorio de Plugins de WordPress

Al enviar tu plugin al Directorio de Plugins de WordPress, puedes compartir tu trabajo con la comunidad y ganar exposición. Puedes sacar ventaja de la base de usuarios masiva de WordPress y atraer nuevos clientes. 

Pantalla de Añadir tu plugin en WordPress

Sin embargo, tendrás que asegurarte de que tu plugin cumple con las mejores prácticas y Lineamientos Detallados de Plugin antes de subirlo para su revisión. Puede tomar un poco de tiempo que tu plugin sea revisado y aceptado. 

Una vez que tu plugin sea aprobado, necesitarás añadir tus archivos al directorio SVN. Luego, los usuarios de WordPress podrán instalar tu plugin en sus sitios. 

2. Comparte el Plugin en Tu Propio Sitio Web

Además de subir tu plugin al directorio de WordPress, podrías también crear un sitio web para él. 

Puedes usar este sitio para proporcionar más detalles sobre tu plugin. Además, puedes incluir documentación, tutoriales e información de marketing. 

Página inicial de Yoast plugin

Un desarrollador a menudo usará sitios web para promocionar su plugin premium, mientras que proporciona una versión lite en el directorio WordPress. De esta manera, los usuarios pueden descargarlo y probar el producto antes de adquirir una suscripción. 

Puedes poner ciertas funciones avanzadas detrás de una pared de pago. Adicionalmente, puedes ofrecer un modelo de membresía de diferentes niveles. Por ejemplo, puedes crear varias opciones premium del plugin para darle más opciones a los usuarios. 

El Poder del Código Abierto

Como una plataforma de código abierto, WordPress te permite desarrollar tu propio plugin y compartirlo con otros usuarios. Mientras que algo de conocimiento de codificación ciertamente será útil, puedes crear fácilmente un simple plugin para mejorar la funcionalidad de tu sitio. Una vez que has ganado más experiencia, puedes comenzar a vender versiones premium para cualquier plugin que crees. 

Para recapitular, así es como puedes crear tu propio plugin de WordPress:

  1. Investiga tu idea.
  2. Configura un ambiente de prueba. 
  3. Crea el archivo principal y carpeta de plugin. 
  4. Añade código al archivo de plugin.
  5. Prueba tu plugin.
  6. Distribuye tu plugin en WordPress.org. 

Nuestros planes DreamPress te permiten crear un sitio de prueba o staging para que puedas desarrollar y probar plugins con cofianza. Un sitio staging es lo más cercano a un sitio real, haciendolo el sitio perfecto para probar cómo puede funcionar un nuevo plugin cuando se instala. 

Haz Más Con DreamPress

Los usuarios de DreamPress Plus y Pro obtienen acceso a Jetpack Professional (y 200+ temas premium) ¡sin costo adicional!

Sobre el Autor:

Jason es el Promotor de Productos de WordPress de DreamHost, ubicado en Bakersfield, CA. Actualmente está trabajando para mejorar nuestro producto DreamPress aún más. En su tiempo libre, le gusta acurrucarse en el sofá y ver películas de terror con su esposa Sarah y tres perros muy pequeños. Síguelo en Twitter.