WordPress

Tutorial de WordPress Plugins: Cómo crear un plugin de WordPress

Introducción

En este tutorial sobre plugins de WordPress aprenderás cómo crear un plugin completo de WordPress con su propia página de administración. La razón más importante para crear un plugin es que te permite separar el código de tu plugin del código de WordPress. Si algo sale mal con tu plugin, el resto del sitio, generalmente, podría seguir funcionando sin inconvenientes.

Crea un plugin de WordPress en 4 pasos fáciles:

  1. Almacenamiento del plugin
  2. Crea el primer archivo
  3. Escribe las funciones del plugin
  4. Crea la nueva página de administración

Alterar el código principal de WP puede ser catastrófico. Pero, con las funciones avanzadas que te da WordPress, puedes crear plugins de manera tal que cambien la forma en que se manejan las funciones básicas sin alterar tu código.

¿Qué necesitas?

Para completar los pasos de este tutorial de plugins de WordPress, necesitarás un editor de texto como Notepad++ o NetBeans. También necesitarás acceso FTP a tu cuenta de hosting y que WordPress esté funcionando en tu sitio.

Puedes aprender a conectar Notepad++ a tu servidor FTP leyendo nuestro tutorial en inglés sobre cómo conectarte a FTP con Notepad++. También puedes usar un software FTP como FileZilla para cargar tus archivos, y nuestro tutorial sobre cómo configurar FileZilla te ayudará con esto.

Este tutorial de WordPress plugin está destinado a personas que ya tienen conocimientos básicos de PHP. Escribirás una nueva función, llamarás a funciones existentes de WordPress usando parámetros y escribirás comentarios de PHP.

También recomendamos, por sobre todas las cosas, crear una copia de seguridad de tu sitio web antes de seguir adelante.

¿Qué son los plugings de WordPress?

Un plugin de WordPress es un conjunto independiente de líneas de código que mejoran y amplían la funcionalidad de WordPress. Mediante el uso de cualquier combinación de PHP, HTML, CSS, JavaScript/jQuery, o cualquier otro lenguaje de programación web, un plugin puede dar nuevas características a cualquier parte de tu sitio web, incluyendo el Panel de Control del Administrador. Puedes modificar el comportamiento predeterminado de WordPress o eliminar completamente el comportamiento no deseado. Los plugins te permiten modificar y personalizar fácilmente WordPress para satisfacer tus necesidades.

Debido a que los plugins de WordPress son independientes, no alteran físicamente ningún código básico de WordPress. Se pueden copiar e instalar en cualquier sitio que tenga instalado WordPress. Una manera alternativa (y no recomendada) de hacer cambios a WordPress es escribir nuevas funciones en el archivo functions.php de WordPress, que se almacena en la carpeta /wp-includes/, o en el archivo functions.php que forma parte de tu tema. Sin embargo, esto podría desencadenar una serie de problemas potenciales.

WordPress y sus temas reciben actualizaciones periódicas. Y, a menos de que estés usando el tema hijo de WordPress, cuando el archivo functions.php sea sobrescrito con una actualización, tu código será borrado y tendrás que escribirlo de nuevo. Si escribes muchas funciones y una de ellas tiene un error que no puedes depurar, tendrás reemplazar todo el archivo por el original, eliminando todos los cambios realizados. Si tus funciones se eliminan del archivo, tu sitio web puede puede presentar ciertos errores de PHP, al intentar llamar a las funciones que faltan.

Los plugins nunca se sobrescriben o eliminan automáticamente al instalar actualizaciones de WordPress. Si tu plugin tiene errores de codificación, por lo general sólo podrás desactivarlo en el Panel de control del administrador mientras realizas las modificaciones. Si tu plugin tiene un error grave, WordPress lo desactivará automáticamente, permitiendo así que tu sitio continúe funcionando.

¿Qué son los ganchos (hooks)?

Los Plugins de WordPress interactúan con código de núcleo utilizando hooks, que en español se traducirían como ganchos. Hay dos tipos diferentes de hooks.

  1. Hooks de acción (para agregar/quitar funciones)
  2. Hooks de filtro (para modificar datos arrojados por funciones)

Acciones y Hooks de Acción

Al visitar cualquier página de un sitio web de WordPress, una serie de funciones de PHP (denominadas acciones) son llamadas en varios puntos, y se encuentran asociadas a los hooks de acción. Utilizando los hooks de acción proporcionados por WordPress, puedes agregar tus propias funciones a la lista de acciones que se ejecutan cuando se llama a cualquier hook de acción, y también puedes eliminar funciones preexistentes asociadas a cualquier gancho de acción. Los ganchos de acción dictan cuándo se llaman las acciones. Antes de la etiqueta </head> de cierre de cualquier página, se llama al hook de acción wp_head() y se ejecutan las acciones asociadas a wp_head().

Los ganchos de acción son contextuales: algunos se llaman en cada página de tu sitio web, otros sólo se llaman cuando se visualiza el Panel de control del administrador, etc. Se puede encontrar una lista completa de los hooks de acciones y el contexto en el que se llaman en la página WordPress Plugin API/Action Reference.

Añadiendo funciones a un hook de acción usando add_action()

Para agregar una función a cualquier gancho de acción, tu complemento debe llamar a la función de WordPress add_action() con al menos dos parámetros.

// Hook to the 'init' action, which is called after WordPress is finished loading the core code
add_action( 'init', 'add_Cookie' );
 
// Set a cookie with the current time of day
function add_Cookie() {
  setcookie("last_visit_time", date("r"), time()+60*60*24*30, "/");
}
  • El primer parámetro requerido es el nombre del hook de acción que quieres asociar.
  • El segundo parámetro requerido es el nombre de la función que deseas ejecutar.
  • El tercer parámetro (opcional) es la prioridad de la función que deseas ejecutar. Puedes asociar cualquier cantidad de funciones diferentes al mismo gancho de acción, y ordenarlas de la forma que desees. La prioridad predeterminada es 10, poniendo tu función personalizada después de cualquiera de las funciones integradas de WordPress. En ese caso, una función con prioridad 11 se ejecuta a continuación, y así sucesivamente.
  • El cuarto parámetro (opcional) es el número de argumentos, lo que significa cuántos parámetros tu función personalizada puede tomar. El valor predeterminado es 1.

Ejemplo de código de plugin para mostrar texto después del pie de cada página

Este complemento asocia el gancho de acción wp_footer(), que se llama justo antes de la etiqueta </body> de cierre de cada página, y añade una nueva función llamada mfp_Add_Text(). Puesto que esto es parte de un plugin y no del tema, continuará funcionando así actives un tema totalmente diferente. Puedes guardar este ejemplo como un archivo PHP, cargarlo en la carpeta wp-content/plugins/ y activarlo en el Panel de control del administrador para ver el cambio.

<?php
/*
Nombre del Plugin: Añadir Texto Al Pie de la Página
*/
 
// Hook the 'wp_footer' action hook, add the function named 'mfp_Add_Text' to it
add_action("wp_footer", "mfp_Add_Text");
 
// Define 'mfp_Add_Text'
function mfp_Add_Text()
{
  echo "<p style='color: black;'>After the footer is loaded, my text is added!</p>";
}

Resultado final:


NOTA: puedes llamar a add_action() antes de definir tu propia función, pues PHP evalúa todo el script antes de ejecutarlo. Escribir las llamadas add_action() en la parte superior del archivo en el orden en que se ejecutan y, a continuación, definir tus funciones en el mismo orden, hace que el archivo sea más fácil de leer.

Eliminando funciones de un hook de acción usando remove_action()

Para eliminar una acción de un hook de acción, debes escribir una nueva función que llame a remove_action() y, a continuación, llama a la función que has escrito utilizando add_action(). El siguiente ejemplo lo hará más claro.

Debes darle a remove_action() al menos dos partes de información como parámetros.

// Hook the 'init' action, which is called after WordPress is finished loading the core code, add the function 'remove_My_Meta_Tags'
add_action( 'init', 'remove_My_Meta_Tags' );

// Remove the 'add_My_Meta_Tags' function from the wp_head action hook
function remove_My_Meta_Tags()
{
  remove_action( 'wp_head', 'add_My_Meta_Tags');
}
  • El primer parámetro requerido es el nombre del hook de acción al que está asociada la función.
  • El segundo parámetro requerido es el nombre de la función que deseas eliminar.
  • El tercer parámetro (opcional) es la prioridad de la función original. Este parámetro debe ser idéntico a la prioridad que se definió originalmente al agregar la acción al gancho de acción. Si no definiste una prioridad en tu función personalizada, no incluyas el parámetro.

Ejemplo: imagina que no deseas que el texto agregado al pie, con el ejemplo anterior, aparezca los lunes. Una forma de hacerlo es utilizando la función fecha de PHP para obtener el día actual, seguido de una instrucción condicional if… then… para probar si el día actual es lunes, y luego llamar a remove_action () si es lunes. Llama a la función utilizando add_action () asociando cualquier gancho de acción que se produzca antes que el hook de acción que deseas cambiar. Si intentas conectar un gancho de acción que se produce después de wp_footer, en este ejemplo, la acción no se eliminará del gancho ya que ya se habrá ejecutado.

<?php
 
// Hook the 'wp_footer' action, run the function named 'mfp_Add_Text()'
add_action("wp_footer", "mfp_Add_Text");
 
// Hook the 'wp_head' action, run the function named 'mfp_Remove_Text()'
add_action("wp_head", "mfp_Remove_Text");
 
// Define the function named 'mfp_Add_Text('), which just echoes simple text
function mfp_Add_Text()
{
  echo "<p style='color: #FFF;'>After the footer is loaded, my text is added!</p>";
}
 
// Define the function named 'mfp_Remove_Text()' to remove our previous function from the 'wp_footer' action
function mfp_Remove_Text()
{
  if (date("l") === "Monday") {
    // Target the 'wp_footer' action, remove the 'mfp_Add_Text' function from it
    remove_action("wp_footer", "mfp_Add_Text");
  }
}

Filtros y hooks de filtro

Una función de filtro te permite modificar los datos resultantes que son devueltos por funciones ya existentes y deben estar enganchados a uno de los hooks de filtro. Los ganchos de filtro disponibles son diferentes a los ganchos de acción, pero se comportan de forma similar a los ganchos de acción por la manera en que se llaman en varios puntos del guión y debido a que son contextuales. Una lista completa de los hooks de filtro y el contexto en el que se llaman se pueden encontrar en la página de WordPress Plugin API/Filter Reference.

Añadiendo filtros usando add_filter()

Para agregar una función de filtro a cualquier gancho de filtro, tu complemento debe llamar a la función de WordPress add_filter(), con al menos dos parámetros.

// Hook the 'the_content' filter hook (content of any post), run the function named 'mfp_Fix_Text_Spacing'
add_filter("the_content", "mfp_Fix_Text_Spacing");

// Automatically correct double spaces from any post
function mfp_Fix_Text_Spacing($the_Post)
{
 $the_New_Post = str_replace("  ", " ", $the_Post);
 
 return $the_New_Post;
}
  • El primer parámetro requerido es el nombre del hook del filtro que quieres asociar.
  • El segundo parámetro requerido es el nombre de la función de filtro que deseas ejecutar.
  • El tercer parámetro (opcional) es la prioridad de la función que deseas ejecutar. Puedes asociar cualquier cantidad de funciones de filtro diferentes a un mismo hook de filtro. La prioridad predeterminada es 10, poniendo tu función personalizada después de cualquier función incorporada. Siendo así, una función con una prioridad de 11 se ejecutará a continuación, y así sucesivamente.
  • El cuarto parámetro (opcional) es el número de argumentos, lo que significa cuántos parámetros tu función de filtro personalizado será capaz de tomar. El valor predeterminado es 1.

Ejemplo de plugin para modificar el extracto de una publicación

WordPress tiene una función que arroja el extracto de una entrada, está función se llama get_the_excerpt(), que también es un hook de filtro. Esta función realmente lo que hace es mostrar el extracto que get_the_excerpt() arroja, es ahí donde se aplica el filtro y el fragmento se altera antes de ser mostrado. Este plugin define una función de filtro que toma el extracto como su único parámetro de entrada, añade un texto antes de él y devuelve el nuevo valor cada vez que se llama a get_the_excerpt(). Como el valor devuelto de la función get_the_excerpt() es el texto del extracto real, se introduce automáticamente el parámetro $old_Excerpt de las funciones cuando se llama usando add_filter(). La función que definas debe devolver el nuevo valor.

<?php
/*
Plugin Name: Add Excerpt 
*/

// Hook the get_the_excerpt filter hook, run the function named mfp_Add_Text_To_Excerpt
add_filter("get_the_excerpt", "mfp_Add_Text_To_Excerpt");

// Take the excerpt, add some text before it, and return the new excerpt
function mfp_Add_Text_To_Excerpt($old_Excerpt)
{
  $new_Excerpt = "<b>Excerpt: </b>" . $old_Excerpt;
  return $new_Excerpt;
}

Resultado final:

Eliminando filtros mediante remove_filter ()

Eliminar un filtro es mucho más sencillo que eliminar una acción, porque puedes llamar a la función remove_filter() sin necesidad de definir una nueva función. Para este ejemplo, vamos a añadir de nuevo una situación condicional muy simple y eliminar el texto si el día actual es jueves.

// Hook the get_the_excerpt filter hook, run the function named mfp_Add_Text_To_Excerpt
add_filter("get_the_excerpt", "mfp_Add_Text_To_Excerpt");

// If today is a Thursday, remove the filter from the_excerpt()
if (date("l") === "Thursday") {
  remove_filter("get_the_excerpt", "mfp_Add_Text_To_Excerpt");
}

// Take the excerpt, add some text before it, and return the new excerpt
function mfp_Add_Text_To_Excerpt($old_Excerpt)
{
  $new_Excerpt = "<b>Excerpt: </b>" . $old_Excerpt;
  return $new_Excerpt;
}

Ahora que tienes una comprensión básica de los ganchos y los filtros, vamos a crear un plugin simple de WordPress que añade un nuevo enlace y una página al Panel de control del administrador.

Paso 1 – Almacenamiento de tu plugin

El primer paso para crear tu plugin de WordPress es crear una carpeta para almacenar todos tus archivos. Los plugins se guardan en la siguiente carpeta: /wp-content/plugins/. La carpeta que crees, debe tener un nombre único y descriptivo para garantizar que no choque con ningún otro complemento. Conéctate a tu cuenta de alojamiento con un cliente FTP. Desde el directorio principal de WordPress, navega a wp-content, luego a plugins. Dentro de la carpeta de plugins, crea una nueva carpeta llamada my-first-plugin.

crear plugin wordpress

Para hacer las cosas mucho más fáciles para ti en el futuro, lo mejor es separar los distintos archivos que componen tu plugin de WordPress y darles sus propias subcarpetas, en lugar de tener todos los archivos de tu plugin en la carpeta principal. Cuando un plugin crece y se vuelve complejo, es mucho más fácil encontrar un archivo específico cuando todo tiene su propio lugar. Si el plugin utiliza CSS personalizado, crea una carpeta CSS y guarda en ella todos los archivos CSS. Si tu plugin utiliza JavaScript personalizado, crea una carpeta JavaScript.

Paso 2 – Creación del primer archivo

El primer archivo de tu plugin es importante. Contiene toda la información que WordPress necesita para mostrar tu complemento en la lista de plugins, lo que te permite activar el plugin.

En tu carpeta my-first-plugin, crea un nuevo archivo PHP llamado my-first-plugin.php. Es una buena práctica darle a este primer archivo un nombre similar al que le diste a tu carpeta, pero en realidad puedes darle el nombre que desees. Agrega la etiqueta PHP de apertura <?php en la primera línea. No es necesario agregar una etiqueta de cierre al final del archivo (para entender por qué, lee esta nota del manual de PHP). Este archivo tendrá principalmente “comentarios de encabezado” con varias líneas de información que serán leídas/visualizadas por WordPress. Los comentarios de encabezado van en un comentario de PHP de varias líneas, uno por línea y cada línea comienza con un texto específico para definir a qué se refiere la línea. Éstos deben ir solamente en este primer archivo y no necesitan estar en ningún otro archivo.

El primer comentario que debes añadir a my-first-plugin.php es el nombre de tu plugin. Comienza por escribir el abridor de comentarios de varias líneas de PHP /* en la segunda línea del archivo, justo debajo de la etiqueta PHP de apertura. En la tercera línea, escribe Plugin Name: My First Plugin. En la cuarta línea, cierra la sección de comentarios con */. Hasta ahora, tu archivo se verá así:

<?php
/*
Plugin Name: My First Plugin
*/

Guarda el archivo y cárgalo en la carpeta my-first-plugin. Navega a la página de plugins del Panel de control del administrador de WordPress. Ahora verás un plugin en la lista denominado My First Plugin con enlaces para activar, editar y eliminar el complemento. Hay diferentes piezas de información que puedes agregar a partir de ese momento, tales como una descripción del plugin, el nombre, un enlace al sitio web, la versión actual de tu plugin, etc. Por ahora, sólo agrega una descripción y tu nombre.

Edita my-first-plugin.php como se ve en el siguiente ejemplo, subelo y sobrescribe el archivo anterior cuando se te pregunte.

<?php
/*
Plugin Name: My First Plugin
Description: This is my first plugin! It makes a new admin menu link!
Author: Your Name
*/

Una vez lo hayas cargado, actualiza la página Plugins en el área de administración de WordPress y ahora deberás ver tu plugin con tu nombre y la nueva descripción.

Paso 3 – Escribe las funciones de tu plugin

Como se mencionó anteriormente, la mejor práctica al desarrollar un plugin es separar cuidadosamente tu código en archivos y carpetas, según corresponda. Dado que el trabajo básico del primer archivo es mantener los encabezados de los comentarios, tiene sentido colocar el resto del código del complemento en archivos separados en su propia subcarpeta, utilizando las funciones de “incluir” de PHP para acceder a ellos. Cualquier archivo almacenado en subcarpetas se llama directamente en nuestro código y sólo en nuestro código, por lo que los nombres de las subcarpetas no necesitarán un prefijo. Sin embargo, es muy recomendable que des a todos tus archivos, funciones y variables un prefijo único en tu nombre, así evitarás conflictos con otros plugins. Para el ejemplo, usamos mfp como un prefijo, la cual es la abreviatura de ‘My First Plugin’.

En la carpeta principal de tu plugin, crea una nueva carpeta llamada includes. Cualquier archivo que sea “incluido” por otro archivo irá en esta carpeta. Crea un nuevo archivo PHP en la carpeta includes y guárdalo como mfp-functions.php. Debes declarar la apertura con la etiqueta <?php en la primera línea. Este nuevo archivo es donde se almacenarán todas las funciones de tu plugin.

Ahora regresa a my-first-plugin.php, en la carpeta principal de tu plugin. Necesitarás hacer que incluya el archivo mfp-functions.php para que puedas usar las nuevas funciones. Ahora este será el archivo principal del plugin, incluyendo mfp-functions.php haces que las funciones estén disponibles para cualquier otro archivo en tu plugin. Utiliza require_once para asegurarte de que el plugin sólo funcione si el archivo de funciones está disponible. La forma más fácil de incluir archivos de tu carpeta de plugins es mediante la función WordPress plugin_dir_path (__ FILE__), que da la ruta completa al directorio donde se encuentra tu plugin, luego usa a . (punto) para añadir el nombre de la subcarpeta que creaste anteriormente (includes), seguido del nombre del archivo que creaste (mfp-functions.php).

Edita my-first-plugin.php como se muestra a continuación, luego guárdalo y cárgalo una vez más, sobrescribiendo la versión anterior cuando se te pregunte.

<?php
/*
Plugin Name: My First Plugin
Description: This is my first plugin! It makes a new admin menu link!
Author: Your Name
*/

// Include mfp-functions.php, use require_once to stop the script if mfp-functions.php is not found
require_once plugin_dir_path(__FILE__) . 'includes/mfp-functions.php';

Vuelve a mfp-functions.php en la subcarpeta includes.

Es una gran idea agrupar funciones similares y escribir un comentario de varias líneas al inicio de cada grupo que describa el mismo, seguido de un breve comentario de una sola línea antes de cada función describiéndola brevemente. De esa manera no tienes que leer todo el código para encontrar una función y averiguar lo que hace.

Nombraremos la función mfp_Add_My_Admin_Link(). La función agregará un nuevo enlace de nivel superior al menú de navegación del Panel de control del administrador.

Para recapitular – escribir una nueva función implica los siguientes pasos:

  • Escribe un comentario describiendo la función.
  • Nombra la función.
  • Escribe la función.

Entonces, en mfp-functions.php, escribe lo siguiente:

<?php
/*
 * Add my new menu to the Admin Control Panel
 */
 
// Add a new top level menu link to the ACP
function mfp_Add_My_Admin_Link()
{
  // My code goes here
}

Dentro de tu función, necesitarás usar la función incorporada de WordPress add_menu_page () para dar a tu menú un nombre, un título y dictar quién está autorizado a verlo. Entonces, puedes decirle qué mostrar cuando ves la página. También puedes asignar al icono de menú un icono diferente y establecer su posición en el menú de navegación del panel de control de administrador. Estas son funciones opcionales, por lo que las dejaremos fuera de este tutorial. El ícono predeterminado de cog aparecerá en el enlace a tu página. El enlace aparecerá en la parte inferior del menú de navegación del panel de control del administrador. Toda esta información se introduce como parámetros de add_menu_page ().

Los cuatro parámetros requeridos por add_menu_page() aparecen en su propia línea para mejorar la legibilidad, en este orden:

  1. El título de la página que ves después de hacer clic en el enlace (que se muestra en la pestaña del navegador)
  2. Texto para mostrar como el enlace de menú (que se muestra en la lista de navegación del panel de control del administrador), este debe ser el nombre de tu plugin.
  3. Requisito de capacidad del usuario para ver el menú, en este ejemplo sólo los usuarios con la capacidad ‘manage_options’ pueden acceder a la página (no te preocupes por eso por ahora)
  4. El archivo que se usará al mostrar la página real (lo crearemos a continuación), que se almacenará en la subcarpeta includes y se llamará mfp-first-acp-page.php. La URL introducida aquí se conoce como “slug”.

Antes de continuar, es importante tener en cuenta que hay una forma alternativa de utilizar esta función. El cuarto parámetro puede ser simplemente una cadena de texto que se muestre en la url después de ‘wp-admin/admin.php?page=‘. Si ingresas ‘my-plugin-page’, la URL se convertirá en ‘wp-admin/admin.php?page=my-plugin-page‘. El quinto parámetro debe ser el nombre de una función que genere algo. Puedes escribir una función que sólo hace eco de ‘Bienvenido a la página 1’ por ejemplo. Es significativamente más fácil crear un archivo PHP para sostener tu página.

Edita mfp-functions.php, borra // My code goes here, sustitúyelo por add_menu_page() y otorga los parámetros como se muestra a continuación:

<?php
/*
 * Add my new menu to the Admin Control Panel
 */
 
// Add a new top level menu link to the ACP
function mfp_Add_My_Admin_Link()
{
      add_menu_page(
        'My First Page', // Title of the page
        'My First Plugin', // Text to show on the menu link
        'manage_options', // Capability requirement to see the link
        'includes/mfp-first-acp-page.php' // The 'slug' - file to display when clicking the link
    );
}

Para que esta función se ejecute realmente, necesitas usar la función de WordPress add_action() con dos parámetros, como se describe en la sección “Añadiendo funciones a un hook de acción usando add_action()” de este tutorial. Es posible que desees volver a leer esa sección antes de continuar.

  • El primer parámetro es el gancho de acción que deseas segmentar. En este caso, el hook de acción es admin_menu – esto significa que la función se ejecuta cuando se genera el menú Admin.
  • El segundo parámetro es sólo el nombre de la función a ejecutar. La función que escribimos se llama mfp_Add_My_Admin_Link. Ten en cuenta que los paréntesis NO se utilizan aquí. Recuerda que el PHP evalúa todo el script antes de ejecutarlo, lo que te permite usar add_action() antes de definir la función nombrada en el parámetro 2.

El archivo final debería verse así:

<?php
/*
 * Add my new menu to the Admin Control Panel
 */
 
// Hook the 'admin_menu' action hook, run the function named 'mfp_Add_My_Admin_Link()'
add_action( 'admin_menu', 'mfp_Add_My_Admin_Link' );
 
// Add a new top level menu link to the ACP
function mfp_Add_My_Admin_Link()
{
      add_menu_page(
        'My First Page', // Title of the page
        'My First Plugin', // Text to show on the menu link
        'manage_options', // Capability requirement to see the link
        'includes/mfp-first-acp-page.php' // The 'slug' - file to display when clicking the link
    );
}

Sube mfp-functions.php en la carpeta includes y sobrescribe el archivo anterior.

Paso 4 – Crea la nueva página de administración

Ahora puedes crear la página que se mostrará cuando hagas clic en el enlace del panel de control del administrador. Vuelve a la subcarpeta includes y crea un nuevo archivo PHP llamado mfp-first-acp-page.php. Las etiquetas de apertura de PHP no son necesarias en este archivo, ya que sólo estás usando HTML. Escribe el siguiente HTML y carga el archivo.

<div class="wrap">
  <h1>Hello!</h1>
  <p>This is my plugin's first page</p>
</div>

Al crear las páginas de administración, WordPress recomienda adjuntar tu propio HTML con un div y darle la clase “wrap”, como se muestra arriba. Esto garantiza que todo tu contenido aparezca en el lugar correcto, al igual que cualquier otra página de administración. Si no lo programas así, la página puede volverse muy desordenada.

Regresa a tu lista de plugins en el Panel de control de WordPress Admin y activa el plugin. Una vez cargue la página, busca en la parte inferior del menú de navegación del panel de control del administrador. Verás el nuevo enlace llamado ‘My First Plugin’. Haz clic en él, ¡y ya tendrás tu propia página de panel de control de administración!

Conclusión

¡Enhorabuena, acabas de crear tu primer plugin de WordPress, agregaste un vínculo nuevo al menú de administración y mostraste una página completamente nueva en el Panel de control del administrador! No cuenta con muchas funciones todavía, pero definitivamente has dado un gran primer paso. A partir de ahora, puedes aprovechar lo que has aprendido y ampliar WordPress de la manera que desees. Para más tutoriales, echa un vistazo a nuestra sección de tutoriales de WordPress.

Diana C.

Diana cuenta con más de 10 años de experience en el desarrollo y gestión de sitios en WordPress. Comenzó su aventura con un blog y hoy en día es: experta en online marketing, marketing de afiliados, hosting, profesora, diseñador web.

10 de Comentarios

Dale clic aquí para dejar un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

¡Comienza a ahorrar hoy mismo!

Alojamientos con todo incluido y nombre de dominio por

0
80
/mes