Una de las cosas que m\u00e1s me gusta de WordPress son los plugins; \u00a1hay tantas cosas que puedes hacer!<\/strong><\/p>\n\n\n\n Lo primero que debemos realizar para crear un plugin de WordPress es entrar en la carpeta donde encontramos toda la informaci\u00f3n sobre nuestro wordpress, y buscar el archivo llamado \u201cwp-content\/plugins<\/strong>\u201d, dentro de este, deberemos a\u00f1adir un fichero con el c\u00f3digo fuente. <\/p>\n\n\n\n En este caso lo llamaremos \u201cwpplugin-ejemplo<\/strong>\u201d. <\/p>\n\n\n\n\n\n\n\n Para poder a\u00f1adirlo, deberemos crear una carpeta, que le daremos el nombre de \u201cwp-content\/plugins\/wpplugin-ejemplo\/<\/strong>\u201d y en el interior a\u00f1adiremos el fichero \u201cwpplugin-ejemplo.php<\/strong>\u201d en este caso, y que deber\u00e1 contener la siguiente informaci\u00f3n de c\u00f3digo:<\/p>\n\n\n\n <?php<\/p>\n\n\n\n \/** <\/p>\n\n\n\n * Plugin Name: Ejemplo de wpplugin <\/p>\n\n\n\n * Plugin URI: http:\/\/wpplugin.es <\/p>\n\n\n\n * Description: Este plugln modifica los t\u00edtulos de las entradas. <\/p>\n\n\n\n * Version: 1.0.0 * Author: Nicol\u00e1s O\u00f1ate <\/p>\n\n\n\n * Author URI: https:\/\/nicol\u00e1s.es <\/p>\n\n\n\n * Requires at least: 4.0 <\/p>\n\n\n\n * Tested up to: 4.3 <\/p>\n\n\n\n * <\/p>\n\n\n\n *Text Domain: wpplugin-ejemplo <\/p>\n\n\n\n * Domain path: \/languages\/ <\/p>\n\n\n\n *\/ <\/p>\n\n\n\n defined( ‘ABSPATH’ ) or die( ‘\u00a1sin trampas!\u2019 );<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n Una vez realizados estos pasos, si entramos en el editor de WordPress<\/strong> de nuestro sitio web y clicamos el apartado Plugins<\/strong>, veremos que el plugin que hemos creado aparece correctamente listado. Por tanto, WordPress est\u00e1 usando toda la informaci\u00f3n que hemos a\u00f1adido mediante \u201cwpplugin-ejemplo.php<\/strong>\u201d.<\/p>\n\n\n\n \u00a1Genial! Ya tenemos nuestro primer plugin de WordPress instalado, pero\u2026 \u00bfque nos aporta? Realmente, tal y como est\u00e1, no nos sirve absolutamente para nada, por esto, pasamos a a\u00f1adir alguna funcionalidad.<\/p>\n\n\n\n WordPress ofrece distintas APIs<\/a> para implementar nuevas funcionalidades, a continuaci\u00f3n mostramos un listado de las APIs m\u00e1s b\u00e1sicas que podemos utilizar.<\/p>\n\n\n\n Plugins API<\/strong>: Esta es la m\u00e1s b\u00e1sica de todas.<\/p>\n\n\n\n Widgets API<\/strong>: Da la posibilidad de crear nuevos widgets.<\/p>\n\n\n\n Options API<\/strong>: Podremos almacenar las opciones de configuraci\u00f3n de nuestro plugin.<\/p>\n\n\n\n Settings API<\/strong>: Nos permite crear p\u00e1ginas de configuraci\u00f3n del plugin que hemos creado.<\/p>\n\n\n\n Una vez decidida que tipo de API vamos a utilizar, entra en juego el concepto hook<\/em><\/a><\/strong>, <\/em>un mecanismo que permite \u201cponer\u201d las acciones de nuestro plugin en distintas partes de WordPress<\/strong>. Vamos a ver en qu\u00e9 consiste el concepto hook<\/a><\/em>.<\/p>\n\n\n\n Este nos permite a\u00f1adir funcionalidades al plugin. Al final del fichero wpplugin.php<\/strong> deberemos a\u00f1adir el siguiente c\u00f3digo:<\/p>\n\n\n\n add_filter( ‘the_title’, ‘wpplugin_cambiar_titulo’, 10, 2 ); <\/p>\n\n\n\n function wpplugin_cambiar_titulo( $title, $id ) { <\/p>\n\n\n\n $title = ‘ [Exclusiva] ‘ . $title; <\/p>\n\n\n\n return $title; <\/p>\n\n\n\n }<\/p>\n<\/div><\/div>\n\n\n\n En caso de que hayamos archivado el plugin, si entramos en nuestro blog, veremos que todos los t\u00edtulos de todas nuestras p\u00e1ginas y entradas tienen inclu\u00eddo el texto [Exclusiva]<\/strong>. \u00bfPor qu\u00e9 pasa esto? Ahora vamos a analizar lo que acabamos de escribir para verlo mucho m\u00e1s claro.<\/p>\n\n\n\n Funci\u00f3n \u201cadd_filter<\/strong>\u201d: En este caso, lo que le hemos dicho a WordPress es que cuando est\u00e9 a punto de escribir un t\u00edtulo de una entrada o p\u00e1gina (es decir, cada vez que aparezca \u201cthe_title<\/strong>\u201d), ejecute la funci\u00f3n \u201cwpplugin_cambiar_titulo<\/strong>\u201d.<\/p>\n\n\n\n Crear una nueva funci\u00f3n<\/strong>: Con el paso anterior lo que hemos hecho ha sido decirle a WordPress que cada vez que aparezca \u201cthe_title<\/strong>\u201d deber\u00e1 realizar una funci\u00f3n determinada, no obstante, esta no se desarrolla por defecto, por tanto, deberemos crearla. Debemos tener en cuenta, que tal y como cuenta la documentaci\u00f3n o en este caso el c\u00f3digo fuente, que la funci\u00f3n deber\u00e1 aceptar los par\u00e1metros \u201c$title <\/strong>e $id<\/strong>\u201d.<\/p>\n\n\n\n Cuerpo de la funci\u00f3n<\/strong>: Por lo que hace el cuerpo de funci\u00f3n wpplugin_cambiar_titulo, es simplemente el encargado de a\u00f1adir al t\u00edtulo el texto [Exclusiva]<\/strong>.<\/p>\n\n\n\n No debemos olvidar que debemos encontrar dos tipos de hooks:<\/a><\/em><\/p>\n\n\n\n Entendemos por acci\u00f3n una funci\u00f3n PHP que se ejecuta cuando se produce un cierto evento en WordPress, estos pueden ser guardar una entrada, modificar la base de datos, entre otros.<\/p>\n\n\n\n A pesar de que los filtros son parecidos a las acciones, estos tienen la diferencia de que reciben un valor de entrada. Realmente, el c\u00f3digo que hemos escrito anteriormente es un filtro, puesto que toma como valor de entrada cualquier t\u00edtulo que aparezca en la entrada o p\u00e1gina.<\/p>\n\n\n\n Realmente con la informaci\u00f3n anterior, ya tendr\u00edamos las nociones b\u00e1sicas para hacer cualquier cosa en WordPress, no obstante, \u00bfpor qu\u00e9 no ir un poco m\u00e1s all\u00e1? A continuaci\u00f3n vamos a aprender c\u00f3mo modificar el editor de entradas, guardar el nuevo campo y modificar el t\u00edtulo con ese nuevo campo, para darle una funcionalidad espec\u00edfica y que nos aporte realmente valor a nuestro sitio.<\/p>\n\n\n\n En este caso, se debe a\u00f1adir una nueva caja de edici\u00f3n dentro de las entradas de WordPress donde podremos especificar un texto cualquiera. Importante, este texto ser\u00e1 espec\u00edfico para cada entrada y ser\u00e1 una \u201cExtensi\u00f3n del t\u00edtulo<\/em>\u201d.<\/p>\n\n\n\n Deberemos modificar la informaci\u00f3n que WordPress almacena de una entrada y la deberemos a\u00f1adir a un campo adicional, para as\u00ed almacenar o recuperar la \u201cextensi\u00f3n del t\u00edtulo\u201d.<\/p>\n\n\n\n Con esta modificaci\u00f3n conseguiremos que los t\u00edtulos de cada entrada incluyan la extensi\u00f3n almacenada en 2. \u00bfDe qu\u00e9 nos sirve esto? Pues que el autor de cada entrada pueda a\u00f1adir el texto que quiera al lado del t\u00edtulo.<\/p>\n\n\n\n Antes de nada, esta es la apariencia que tiene por defecto el editor de entradas de WordPress.<\/p>\n\n\n\n Si nos fijamos en la imagen, las meta boxes<\/em> son las \u201ccajas\u201d que nos aparecen al lado derecho, como por ejemplo la de Publicar, Etiquetas, etc., por tanto, estas meta boxes nos permitir\u00e1n a\u00f1adir informaci\u00f3n adicional de nuestra entrada.<\/p>\n\n\n\n Para poder crear una meta box deberemos realizar una b\u00fasqueda en el Codex de WordPress<\/a> para encontrar la funci\u00f3n \u201cadd_meta_box<\/strong>\u201d y que se encuentra escrita de la siguiente manera:<\/p>\n\n\n\n add_meta.box( Sid, Stitle, $callback, $screen, $context, $priority, $callback_args );<\/p>\n<\/div><\/div>\n\n\n\n Gracias a la meta box que acabamos de crear, podemos especificar el texto que habr\u00e1 que a\u00f1adir en el t\u00edtulo de una entrada cualquiera, pero para ello, es de suma importancia que guardemos en la base de datos las acciones realizadas anteriormente.<\/p>\n\n\n\n WordPress piensa en todo, y gracias a sus campos personalizados<\/a>, podemos guardar cualquier tipo de informaci\u00f3n adicional a una entrada. Vamos a ver entonces c\u00f3mo quedar\u00eda el c\u00f3digo.<\/p>\n\n\n\n Simplemente lo que hemos hecho ha sido crear una nueva funci\u00f3n \u201cwpplugin_save_extension_titulo<\/strong>\u201d que se ejecuta en el momento que que WordPress va a guardar una entrada en la base de datos \u201caccion save_post<\/strong>\u201d. A continuaci\u00f3n, deberemos coger este valor y pasarlo por la funci\u00f3n \u201csanitize<\/strong>\u201d. Esto es imprescindible realizarlo con todos los valores de los usuarios.<\/p>\n\n\n\n En caso de que queramos recuperar el valor anterior, deberemos acceder a un array de PHP llamado \u201c$_REQUEST\u201d. Este contiene los valores enviados al guardar la entrada y, en contreto el campo \u201c<input type=\u201dtext\u201d><\/strong>\u201d a\u00f1adido en nuestra meta box<\/em>. Para poder acceder a ese valor, tan solo deberemos usar el nombre de campo \u201cwpplugin-extension-titulo<\/strong>\u201d. Una vez realizado esto, deberemos guardar el valor en un campo personalizado al que por ejemplo llamaremos \u201c_wpplugin_ejemplo_extension_titulo<\/strong>\u201d mediante el uso de la funci\u00f3n \u201cupdate_post_meta<\/strong>\u201d. De esta manera, cada vez que editemos y guardemos una entrada, el valor que hayamos introducido en el campo de nuetra meta box<\/em> quedar\u00e1 guardado dentro de este campo personalizado.<\/p>\n\n\n\n No obstante, si editamos una entrada, a\u00f1adimos un texto a ese campo y lo guardamos, veremos que el campo aparece vac\u00edo, como si no lo hubi\u00e9ramos guardado de manera correcta. Esto sucede, porque cada vez que pintamos el campo de texto \u201cinput<\/strong>\u201d, este est\u00e1 vac\u00edo. Por tanto, si queremos que muestre el valor del campo personalizado, tendremos que recuperar ese valor de la base de datos.<\/p>\n\n\n\n Para poder recuperar el valor del campo personalizado, simplemente deberemos usar la funci\u00f3n \u201cget_post_meta<\/strong>\u201d con el identificador de la entrada y el nombre del campo en cuesti\u00f3n. Luego solo deberemos escribir el valor donde toque, que en este caso ser\u00e1 dentro de la etiqueta \u201cvalue<\/strong>\u201d que encontramos en el \u201cinput<\/strong>\u201d. Por tanto, quedar\u00eda de la siguiente manera:<\/p>\n\n\n\n <input … value=\u00bbEste es mi \u00abtexto\u00bb favorito\u00bb \/><\/p>\n<\/div><\/div>\n\n\n\n Pero si nos fijamos, vemos que quedan demasiadas comillas y no se lee bien, puesto que parece que nos queda mal formateado. Es por esto, que deberemos pasarlo por una funci\u00f3n llamada \u201cesc_attr<\/strong>\u201d. Esta funci\u00f3n, es la encargada de escapar de los caracteres que podr\u00edan romper el HTML<\/a> resultante. El valor que nos quedar\u00eda utilizando esta funci\u00f3n ser\u00eda el siguiente y funcionara perfectamente puesto que las comillas se han sustituido por \u201c"<\/strong>\u201d.<\/p>\n\n\n\n De esta manera, recuperaremos el valor usando la llamada que ya conocemos. \u00a1Y ya est\u00e1! Ya tenemos nuestro plugin hecho. Destacamos que parte de este post, est\u00e1 basado en el c\u00f3digo de David Aguilera.<\/a><\/strong><\/p>\n\n\n\n Crear plugins no es excesivamente complicado. Hay que controlar el conjunto de filtros y acciones que nos ofrece WordPress y usarlos seg\u00fan los necesitemos. De todas formas, el c\u00f3digo que hemos escrito hoy se puede mejorar much\u00edsimo: estamos mezclando funcionalidades del plugin (c\u00f3digo PHP) con la interfaz de usuario (contenido HTML), el c\u00f3digo del front-end<\/em> y del back-end<\/em> est\u00e1 todo en el mismo fichero, todas las funciones son p\u00fablicas\u2026 En la pr\u00f3xima entrada te explicar\u00e9 c\u00f3mo debes organizar el c\u00f3digo y compartir\u00e9 mis cinco trucos para escribir buen c\u00f3digo.<\/p>\n\n\n\n \u00a1Nos vemos la semana que viene!<\/p>\n\n\n\n Si te interesa el desarrollo y personalizaci\u00f3n del CMS, recuerda que en blog de Nicol\u00e1s<\/a> hemos publicado tambi\u00e9n otros post dedicados a temas tan interesantes como<\/strong> \u00bfPuedo hacer mi Tema WordPress?<\/a>.<\/p>\n\n\n\n \u00bfTe has quedado con alguna duda o pregunta? Entonces te pido que dejes un comentario<\/strong>. Da igual que sea o una duda o un simple gracias, pero me alegrar\u00e9 mucho de leerlo y responderlo.<\/p>\n\n\n\n \u00a1Cu\u00e9ntame en los comentarios!<\/strong><\/p>\n\n\n\n Enlaces internos:<\/strong><\/p>\n\n\n\n Lo primero que debemos realizar para crear un plugin de WordPress es entrar en la carpeta donde encontramos toda la informaci\u00f3n sobre nuestro wordpress, y buscar el archivo llamado \u201cwp-content\/plugins\u201d, dentro<\/p>\n","protected":false},"author":7,"featured_media":9825,"comment_status":"open","ping_status":"open","sticky":false,"template":"templates\/template-full-width.php","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[20,13,21,14,15,10,11,19,12],"class_list":["post-9818","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-css","tag-desarrollo","tag-diseno","tag-html","tag-js","tag-plugins","tag-temas","tag-web","tag-wordpress","entry entry-center"],"yoast_head":"\nGu\u00eda paso a paso para crear un plugin de WordPress<\/a><\/h4>\n\n\n\n
1# C\u00f3mo crear un plugin desde cero<\/h5>\n\n\n\n
2# C\u00f3mo a\u00f1adir alguna funcionalidad al plugin creado<\/h3>\n\n\n\n
Hook<\/a><\/em><\/h4>\n\n\n\n
![\"\"](\"https:\/\/xn--nicols-tta.es\/wp-content\/uploads\/2022\/11\/basicos-de-ganchos-de-wordpress-1024x467.png\")
<\/figure>\n\n\n\nTipos de hooks<\/a><\/em><\/h3>\n\n\n\n
Acciones<\/strong><\/h5>\n\n\n\n
Filtros<\/strong><\/h5>\n\n\n\n
3# C\u00f3mo crear un plugin un poco m\u00e1s potente<\/h4>\n\n\n\n
Modificar el editor de entradas<\/strong><\/h4>\n\n\n\n
Guardar el nuevo campo<\/strong><\/h4>\n\n\n\n
Modificar el t\u00edtulo con ese campo<\/strong><\/h4>\n\n\n\n
A\u00f1adir la caja (metabox) en el editor de entradas…<\/h5>\n\n\n\n
![\"\"](\"https:\/\/xn--nicols-tta.es\/wp-content\/uploads\/2022\/11\/Anadir-la-caja-1024x480.webp\")
<\/figure>\n\n\n\nC\u00f3mo guardar permanentemente esta extensi\u00f3n<\/h5>\n\n\n\n
Resumiendo<\/h5>\n\n\n\n
\n\n\n\n
\n\n\n\n\u00daltimas Noticias Digitales<\/a><\/h5>\n\n\n\n
Blog<\/a><\/h5>\n\n\n\n
Tienda<\/a><\/h5>\n\n\n\n
<\/h4>\n","protected":false},"excerpt":{"rendered":"