- \n
- Editor de texto<\/li>\n\n\n\n
- Acceso FTP<\/a> a tu cuenta de hosting<\/li>\n\n\n\n
- Una instalación de WordPress<\/a> que funcione<\/li>\n<\/ul>
Necesitarás un editor de texto para escribir el código del plugin. Algunos de los editores de HTML<\/a> más populares son Notepad++<\/a> y Atom<\/a>.<\/a> <\/p>
Después de instalar el editor de texto, conéctalo a tu servidor FTP para modificar el código. Puedes aprender a conectar Notepad++ a tu servidor FTP leyendo nuestro tutorial en inglés sobre cómo conectarte a FTP con Notepad++<\/a>.<\/p>
Luego, configura un cliente FTP para subir el archivo del plugin a tu sitio web. Recomendamos utilizar la aplicación FTP FileZilla<\/a>, ya que es fácil de configurar.<\/p>
Por último, asegúrate de que tienes una instalación de WordPress que está actualizada y funciona. Hay varias formas de actualizar los archivos del núcleo de WordPress si has desactivado las actualizaciones automáticas. Haz una copia de seguridad de tus archivos de WordPress<\/a> antes de actualizar el sitio para evitar la pérdida de datos.<\/p>
Como alternativa, considera la posibilidad de instalar WordPress localmente<\/a>. Este método no requiere un sitio web en vivo con un nombre de dominio y un plan de alojamiento, por lo que puedes probar tu plugin en WordPress sin que los visitantes lo vean de inmediato.<\/p>
Tener un conocimiento básico de PHP beneficiará tu proceso de desarrollo de plugins. Tendrás que escribir una función personalizada y llamar a funciones existentes del núcleo de WordPress. Como mínimo, deberías estar familiarizado con las convenciones de nomenclatura de PHP y la estructuración de archivos.<\/p>
\n![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/06\/ES-New-WP_in-text-banner.png\/public\")
<\/a><\/figure>\n<\/div>Plugins de WordPress vs Temas de WordPress<\/h2>
La funcionalidad del sitio de WordPress puede modificarse mediante plugins y temas.<\/p>
Los temas de WordPress tienen un archivo functions.php<\/strong> almacenado en la carpeta \/wp-includes\/<\/strong>, que te permite añadir código personalizado para nuevas funciones.<\/p>
Aunque este método funciona para pequeñas alteraciones, es poco práctico para implementar cambios importantes que afecten a todo el sitio web.<\/p>
Esto se debe a que la funcionalidad almacenada en el archivo functions.php<\/strong> depende de si el tema está activo o no. Desactivar el tema de WordPress revertirá los cambios realizados en dicho archivo y provocará un error cuando el sitio llame a las funciones que faltan.<\/p>
A menos que utilices un tema hijo, la actualización del tema también sobrescribirá el archivo functions.php<\/strong>, obligándote a restaurar manualmente el código personalizado de WordPress.<\/p>
Por eso es útil crear un plugin personalizado. Hacerlo facilita la modificación del comportamiento predeterminado de WordPress para adaptarlo a tus necesidades.<\/p>
Puedes añadir plugins de WordPress a cualquier instalación de WordPress. Las funciones introducidas por el plugin seguirán funcionando aunque cambies de tema. Además, las actualizaciones no sobrescribirán las funciones existentes, lo que te ahorrará tiempo y esfuerzo.<\/p>
¿Qué son los hooks de WordPress?<\/h2>
Los Plugins de WordPress interactúan con código de núcleo utilizando hooks<\/strong>, que en español se traducirían como ganchos. Hay dos tipos diferentes de hooks.<\/p>
- \n
- Hooks de acción<\/strong>: sirven para agregar o quitar funciones.<\/li>\n\n\n\n
- Hooks de filtro<\/strong>: sirven para modificar datos arrojados por funciones.<\/li>\n<\/ol>
Acciones y Hooks de Acción<\/h3>
Una acción es una función PHP llamada a través de un hook de acción específico cuando un usuario visita una página web de WordPress. Los desarrolladores web pueden añadir sus propias funciones a la lista de acciones o eliminar las preexistentes añadiendo el script de hook de acción wp_head()<\/strong> antes de la etiqueta de cierre (<\/head><\/strong>) de cualquier página.<\/p>
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>.<\/p>
Añadiendo funciones a un hook de acción usando add_action()<\/strong><\/p>
Para agregar funciones a un hook de acción en un archivo de plugin se debe llamar a la función add_action()<\/b> con al menos dos parámetros.<\/p>
\/\/ Hook to the 'init' action, which is called after WordPress is finished loading the core code\nadd_action( 'init', 'add_Cookie' );\n \n\/\/ Set a cookie with the current time of day\nfunction add_Cookie() {\n setcookie(\"last_visit_time\", date(\"r\"), time()+60*60*24*30, \"\/\");\n}<\/pre>El primer parámetro es el nombre del hook de acción<\/strong> que quieres adjuntar la llamada de retorno, mientras que el segundo parámetro contiene el nombre de la función<\/strong> que quieres ejecutar.<\/p>
El tercer parámetro (opcional) es la prioridad<\/strong> de la función que deseas ejecutar. La prioridad predeterminada es 10, poniendo tu función personalizada después de cualquiera de las funciones integradas de WordPress. <\/p>
El cuarto parámetro (opcional) es el número de argumentos<\/strong>, lo que significa cuántos parámetros tu función personalizada puede tomar. El valor predeterminado es 1.<\/p>
Ejemplo de código de plugin para mostrar texto después del pie de cada página<\/strong><\/p>
Este complemento asocia el hook de acción wp_footer()<\/strong>, que se llama justo antes de la etiqueta <\/body><\/strong> de cierre de cada página, y añade una nueva función llamada mfp_Add_Text()<\/strong>. Puesto que esto es parte de un plugin y no del tema, continuará funcionando así actives un tema totalmente diferente. <\/p>
Puedes guardar este ejemplo como un archivo PHP, cargarlo en la carpeta de plugins<\/strong>.<\/p>
<?php\n\/*\nNombre del Plugin: Añadir Texto Al Pie de la Página\n*\/\n \n\/\/ Hook the 'wp_footer' action hook, add the function named 'mfp_Add_Text' to it\nadd_action(\"wp_footer\", \"mfp_Add_Text\");\n \n\/\/ Define 'mfp_Add_Text'\nfunction mfp_Add_Text()\n{\n echo \"<p style='color: black;'>After the footer is loaded, my text is added!<\/p>\";\n}<\/pre>La siguiente captura de pantalla muestra el plugin en acción después de activarlo a través del panel de administración de WordPress: <\/p>
\n![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2017\/09\/wordpress-plugin-agregar-texto-al-pie-de-pagina.png\/public\")
<\/figure>\n<\/div>\n\n\n
\n \n - Hooks de filtro<\/strong>: sirven para modificar datos arrojados por funciones.<\/li>\n<\/ol>
- Una instalación de WordPress<\/a> que funcione<\/li>\n<\/ul>