Desarrollo de WordPress para principiantes: complementos de construcción

¿Está interesado en crear su propio complemento de WordPress? Codificando su propio complemento si no lo ha hecho antes de que tenga la impresión de que se aventura en la tierra de cualquier persona, especialmente si no tiene mucha confianza en sus habilidades de PHP. El desafío es saber cómo comenzar y estar abierto a cometer errores. Los complementos le permiten agregar todo tipo de funcionalidad a WordPress, desde agregar un formulario de contacto simple a una seguridad para consolidar y agregar capacidades comerciales electrónicas. Si puede soñar, probablemente haya un complemento que pueda hacerlo, o una idea para un complemento que pueda construir solo.
Esta es la publicación final en nuestra serie de cinco partes para principiantes, que le enseña los conceptos fundamentales del desarrollo de WordPress, para que pueda dar el salto del gerente al desarrollador. Al final de la serie, debería poder crear sus propios temas y complementos rudimentarios y completar con sus propias funciones. En este tutorial, aprenderá cómo codificar su propio complemento, para que pueda cambiar la funcionalidad de su sitio de WordPress, terceros e incluso temas. Nota: Para esta serie, es importante tener una comprensión en profundidad de HTML y CSS, ya que ambos idiomas son esenciales cuando se trabaja con WordPress.
¡Vamos a empezar! ¿Te has perdido un tutorial en nuestra serie de desarrollo de WordPress para principiantes? Puede mantenerse al día con las cinco publicaciones aquí:
Desarrollo de WordPress para principiantes: nociones introductorias
Desarrollo de WordPress para principiantes: PHP Learning
Desarrollo de WordPress para principiantes: temas de construcción
Desarrollo de WordPress Desarrollo para principiantes: widgets y meniuriidezoli WordPress para principiantes: edificio de complementos
Ganchos, acciones y filtros antes de permanecer atascados en la creación de un complemento real, para echar un vistazo detallado a los ganchos, acciones y filtros. En estos elementos, todo el sistema de complementos se basa y lo ayudará a comprender completamente el backstage de WordPress.
Echemos un vistazo a un ejemplo. ¿Qué pasa si desea crear un complemento para agregar un código de seguimiento de análisis a su sitio? El código de seguimiento generalmente se coloca en la parte inferior de una página web, justo antes de la etiqueta de cierre. Debe permanecer en su lugar si el tema se cambia y debe funcionar en cualquier instalación de WordPress. Entonces, si no tiene control directo sobre los temas, ¿cómo haces esto? Recuerde que en el desarrollo de WordPress para principiantes: mencioné el wp_head () y wp_footer () y cómo tiene que agregarlos a su tema? Nuestro ejemplo anterior es exactamente por qué deben estar presentes. La función wp_footer () puede realizar otras funciones definidas por complementos.
Aquí hay un ejemplo del código con el que puede jugar:
Cargue el esencial 2BBE395F732C7EEE90F0A
Rompamos todo. En primer lugar, escribí una función que simplemente se hace eco del código de seguimiento. No se usa en ningún lado, es solo una función que está allí en mi complemento. Luego, usando add_action (), le dije a WordPress cuando ejecuto mi función. Siempre que WordPress llega a la función wp_header () encuentra todas las demás funciones, que están conectadas a ella usando add_action (). Luego realice estas funciones una por una, reanudando el código de seguimiento como resultado. Esta es la base de los ganchos, pero los profundizaremos un poco más tarde en este tutorial, para que pueda averiguar y usar su poder. Antes de seguir adelante, quiero mencionar una ligera corrección. La función wp_footer () en el sótano de los temas no es en realidad un gancho, es una función simple que contiene el gancho en algún lugar de su código. Se llama un gancho de la siguiente manera: do_action (‘wp_footer’), pero esto no fue importante para el primer ejemplo, ¡entenderá más al respecto pronto!
Terminología Ahora que tiene un gusto sobre lo que sigue, permíteme explicar adecuadamente la terminología que leerá en este tutorial antes de continuar. Los ganchos son parte de la API de complemento de WordPress de complemento. Las acciones y los filtros son dos tipos diferentes de ganchos. Las acciones le permiten agregar funcionalidad, prácticamente definir una función que se ejecute siempre que el gancho sea procesado por WordPress. Un filtro funciona de manera similar, pero en lugar de agregar funcionalidad, cambia la funcionalidad existente. Por ejemplo, WordPress tiene un gancho que determina la longitud del fragmento: 55 palabras. Puede usar un filtro para cambiarlo a un número diferente de palabras. Todo sobre acciones ahora que conocemos los elementos básicos, para ver la add_action () más detallada para comprenderlo mejor. La función recibe cuatro argumentos, que son:
El nombre del gancho
Nombre de nuestra función conectada
Prioridad
Argumentos aceptados
Ya hemos visto los dos primeros, que son los únicos necesarios. Identifican qué función debe ejecutarse y dónde deben ejecutarse. El tercer parámetro determina el orden de las funciones que se ejecutan. Esto es útil cuando hay varias funciones relacionadas con el mismo gancho. Es absolutamente posible querer agregar más códigos de seguimiento a un sitio web. Usando el argumento prioritario, puede controlar cuándo se está ejecutando su función.
Los argumentos aceptados simplemente le dicen a WordPress cuántos argumentos aceptan la función hoced. Deberá buscar en el códice de WordPress para cada gancho para ver si tiene que agregar algo aquí. Algunas funciones tienen más de un argumento, en cuyo caso tendrá que especificarlo aquí. Eche un vistazo al ejemplo a continuación y verá por qué es cuando creamos nuestros propios ganchos un poco más tarde. Ejemplo de acción WordPress no solo ofrece acciones en temas, sino también en el administrador de backend y en el contexto de las acciones específicas del usuario. El gancho Publish_Post se enrolla cada vez que se publica una publicación, lo que le permite hacer algo en ese momento. La necesidad de argumentos se vuelve obvia aquí. Si agrego una función a este gancho, ¿dónde sé qué publicación se publicó y cuáles fueron los detalles? Con respecto a la documentación del gancho, puede ver que la función se transmite a la ID de publicación y los datos de publicación como dos argumentos. Por ejemplo, envíe un correo electrónico a la publicación de la publicación cuando se publica una publicación:
Cargue el esencial 2BBE395F732C7EEE90F0A
Todo sobre los filtros como se mencionó anteriormente, los filtros funcionan de la misma manera, pero cambian los datos, para que pueda volver principalmente a sus funciones conectadas. Para agregar filtros, usamos add_filter (), que toma los mismos argumentos que add_action ().
Ejemplos de filtros Un buen ejemplo para comenzar es la modificación de la cadena más al final de los extractos, que es “[…]” de forma predeterminada. Para cambiar esto, puedes hacer algo como esto:
Cargue el esencial 2BBE395F732C7EEE90F0A
Tenga en cuenta que no especificé la prioridad y los argumentos aceptados. Esto hará que la prioridad 10 y los argumentos aceptados sean 1. No uso el argumento transmitido (texto más predeterminado), solo devuelve una cadena. Puede usar el mismo método para incorporar un anuncio en el primer párrafo del contenido de una sola publicación. Eche un vistazo: cargue el esencial 2BBE395F732C7EEE90F0A
Con un pequeño CSS para flotar el anuncio a la derecha, podría tener un bloque de anuncio estándar en su contenido en solo unos segundos. Definir los ganchos que aprenden sobre cómo se definen los ganchos y cómo crear los nuestros propios puede ayudar enormemente a comprender el sistema. Supongamos que crea un complemento de comercio electrónico y agregue la funcionalidad para enumerar los productos, puede hacer algo como esto:
Cargue el esencial 2BBE395F732C7EEE90F0A
Esencialmente, ha codificado que desea mostrar 10 productos. ¿Qué sucede si alguien crea una extensión para su trabajo y quiere una vista en la que solo se muestran tres productos? Si escribe el código de manera inteligente, puede permitir que otros lo cambien. Usemos un gancho para permitir que los desarrolladores accedan a nuestro trabajo.
Cargue el esencial 2BBE395F732C7EEE90F0A
Usando la función Apply_filters (), le dicemos a WordPress que tenemos un gancho llamado “Number_Produs” y queremos ejecutar todas las funciones conectadas a ella. En cualquier otro complemento, alguien podría cambiar este valor a tres con el siguiente método:

Cargue el esencial 2BBE395F732C7EEE90F0A
Los elementos básicos de la creación de complementos Ahora que sabemos todo sobre los ganchos, necesitamos saber dónde ponerlos. Veamos un paso atrás y veamos los complementos en general. Los complementos están en el director principal de complementos de su sitio de WordPress, que generalmente se encuentra en WP-Content/Plugins. Por ejemplo, creemos un complemento que agrega un enlace de tweets en publicaciones. Primero, cree una carpeta en su directorio de complementos y llámelo Tweet-Plugin-Tour. Cree un archivo en esta carpeta y llámelo tweet-plugin-utorial.php. Abra el archivo e inserte el siguiente código: Cargue el esencial 2BBE395F732C7EEE90F0A
Esta información se muestra en el administrador de fondo de su sitio en la sección del complemento. Una vez que guarde el archivo, debería ver su nuevo complemento listado; Acabas de crear un complemento que funcione perfectamente. Todavía no hace nada, pero se puede activar. Continúa y haz eso ahora. En realidad, hice el 90% del trabajo. Todo lo que tenemos que hacer ahora es encontrar una manera de agregar nuestro enlace al final del contenido de publicación. Puede pensar que esto cambia el contenido de la publicación agregando un texto. Esto significa que tendremos que usar The_Content Thief, como antes:
Cargue el esencial 2BBE395F732C7EEE90F0A
Esto agregará un enlace de acuerdo con nuestro contenido, que permitirá a los usuarios twittear, y el enlace ya se completará en el cuadro Tweet.
Tweet Link en veinte y dieciséis esto es en realidad todo lo que necesita saber sobre el arado. Todos los complementos son una mezcla de funciones y ganchos que determinan dónde se realizan estas funciones. De ahora en adelante, todo lo que tiene que concentrarse es aprender diferentes subsistemas, como opciones de API, API de metadato, etc. Agregar las opciones de tema a los complementos Hay muchas formas de agregar opciones a su tarea para ver la forma predeterminada que está contenida en el códice de WordPress. Comenzaremos creando una página en el administrador que mantendrá el formulario: Cargue el esencial 2BBE395F732C7EEE90F0A
La función TweetLink_Settings_Menu () está conectada a Admin_men. Según el códice, así es como se deben crear las entradas del menú. La mayor parte del trabajo lo realiza add_men_page (), que requiere muchos argumentos para crear una página de nivel superior. Los argumentos en orden son:
Título de la página: utilizado en la etiqueta de título
El título del menú: utilizado en el menú a la izquierda
Capacidad: establece la capacidad mínima de visibilidad

Menú de babosas: una babosa utilizada en la URL
Función: la función que controla la salida
Icono: una URL de imagen o una cadena de panicones
Posición: la posición del elemento en el menú
Así es como se ve nuestra página de opciones hasta ahora en el front-end:
Nuestra nueva página de opciones, aunque esto puede parecer genial y todo esto, es exagerado para nuestro pequeño complemento y solo multiplica la interfaz. Siempre considere colocar las páginas de las opciones en un menú existente. Esta página se ubicaría mejor en la sección Configuración utilizando add_options_page (). El siguiente paso es informar a WordPress sobre nuestra configuración de tweets. Esto consiste en usar la función registre_settings () dentro de una función conectada a admin_init (). Así es como se ve el código para esto: The Essentials 2BBE395F732C7EEE90F0A
Todo listo. El paso final es agregar un formulario que use nuestras opciones. Use el siguiente código como plantilla para crear su propia configuración. No olvide usar el settings_fields () y do_settings_sections () para asegurarse de que WordPress guarde sus datos para usted.
Cargue el esencial 2BBE395F732C7EEE90F0A
Al final del proceso, debe ver un nuevo campo de configuración que pueda completar y guardar. Luego puede usar get_option (‘twitter_account’) para tomar el valor a cualquier parte de su complemento.
Configuración de la cuenta de Twitter podemos cambiar nuestro enlace de tweet para agregar “a través de @username” si el usuario ha completado su cuenta de Twitter. Así es como cambié el tweet_link () para adaptarse:
Cargue el esencial 2BBE395F732C7EEE90F0A

Leer y estudiar más a fondo finaliza nuestra serie sobre el desarrollo de WordPress para principiantes. ¡En este artículo, aprendimos a crear un complemento básico y esperamos que se sienta emocionado de crear el suyo! No importa cuán cliché suene, esto es solo el comienzo de su viaje como desarrollador de WordPress. Si ha visto la serie desde que comenzó hace cinco semanas, ahora tiene una mejor comprensión de: cómo funcionan WordPress, Temas y complementos,
Una comprensión básica de PHP, el lenguaje básico de WordPress,
Cómo poner su propio tema básico,
Cómo agregar funciones como widgets y menús a temas y
Cómo comenzar a construir sus propios complementos

Como mencioné en la primera parte de esta serie, no puedo subrayar lo suficiente lo importante que es no desanimarse. Todos tienen que comenzar desde algún lugar y nadie es perfecto. Cometirá errores en el camino, luchará con la comprensión de los conceptos y se sentirá frustrado cuando el código no funcione como debería. Recuerde, la determinación separó a los buenos programadores de los malvados. Aunque esta es la última publicación de esta serie, esto no significa que deba dejar de aprender. Le animo a que revise los tutoriales de esta serie, así como las lecturas posteriores que acompañan cada publicación y continúan experimentando con PHP y construyendo el tema y el complemento que ha comenzado a construir. Solo a través de la experimentación y la perseverancia, el desarrollo de WordPress se volverá más fácil y pasará de Tinker al desarrollador. ¿Y este tutorial parecía útil? ¿Por qué quieres aprender el desarrollo de WordPress? ¿De qué quieres saber más? Háganos saber en los comentarios a continuación.