Desarrollo de WordPress para usuarios intermedios: desarrollo del tema en detalle

¿Estás interesado en llevar tu juego de WordPress a un nivel completamente nuevo? ¿Desea desarrollar aún más sus habilidades de PHP y agregar características más complejas e interesantes a sus temas y arados? Bienvenido a nuestra última serie, WordPress Development para usuarios intermedios. Esta serie sigue nuestros populares tutoriales de desarrollo de WordPress para principiantes, que le han introducido en los elementos básicos de los sitios web de WordPress, cómo comenzar a codificar con PHP y construir temas y complementos. En esta serie de siete semanas, aumentamos las cosas para probar realmente sus habilidades. Aprenderás a:
Desarrolle un tema de WordPress con archivos incluidos, piezas de plantilla, etiquetas de plantilla, más ganchos de acción y filtro
Agregue la funcionalidad de personalización de su base
Desarrollar complementos utilizando las mejores prácticas de codificación
Agregar complejo, personalizado, tarea, tarea y complementos
Crear y trabajar con tipos de publicaciones personalizadas
Trabajar con metadatos, incluido el puesto postadato (o campos personalizados) y otros metadatos, por ejemplo, los metadatos del autor y
Traducir el código y prepararlo para el lanzamiento
Después de haber trabajado en esta serie y aplicar lo que ha aprendido, saldrá en el otro extremo un desarrollador competente de WordPress, listo para crear sus propios temas y complementos y distribuirlos a otros usuarios o incluso vender sitios construidos sobre la base de sus . A los consumidores.
Nota: Es importante tener un conocimiento práctico sobre PHP, ya que este es el lenguaje básico de WordPress y me referiré a fragmentos de código en esta serie. Vamos a empezar. ¿Se ha perdido un tutorial en nuestra serie de usuarios de WordPress para el desarrollo de WordPress? Puede mantenerse al día con las siete publicaciones aquí: Desarrollo de WordPress para usuarios intermedios: desarrollo del tema en detalle
Desarrollo de WordPress para usuarios intermedios: preparación de temas para la personalización
Desarrollo de WordPress para usuarios intermedios: creación de complementos
Desarrollo de WordPress para usuarios intermedios: tipos de publicaciones y taxonomías personalizadas
Desarrollo de WordPress para usuarios intermedios: consulta y bucles
Desarrollo de WordPress para usuarios intermedios: campos personalizados y de metadatos
Desarrollo de WordPress para usuarios intermedios: internacionalización
Así es, toneladas de conocimiento de WordPress, evaluación de pares, comentarios e certificación de instructores, gratis para los miembros de WPMU Dev. Comienza a aprender
Antes de comenzar este curso, supone que ha codificado para WordPress y tiene una comprensión básica de cómo funcionan los temas y los complementos. Si no ha desarrollado para WordPress o desea una refrescante, le recomiendo leer el desarrollo de WordPress para principiantes, lo que le dará todo lo que necesita saber antes de comenzar esta serie. También necesitará acceso a algunas cosas para poder rastrear y trabajar conmigo. Estos son:
Una instalación de WordPress de desarrollo. Te recomiendo que trabajes en tu coche local
Un editor de código con acceso FTP si trabaja de forma remota (lo que finalmente hará) si el editor de códigos no tiene acceso FTP, un cliente de FTP
Deliberadamente, no le he ofrecido enlaces para ayudarlo a encontrar todas estas cosas; supongo que ya está en el nivel que conoce sobre este tipo de cosas y puede encontrarlas usted mismo.
Para este tutorial en esta serie, así como para los siguientes tutoriales, trabajaremos con un tema demostrativo que hemos creado, que puede encontrar en GitHub. También creamos un sitio demostrativo que actualizaré mientras trabajamos en la serie. Así es como se ve ahora:
A medida que trabajamos en los diferentes temas en esta parte del curso, le mostraré cómo aplicar lo que aprendió en el tema de demostración. Entonces, si desea seguirlo, descárguelo antes de iniciar e instalarlo y activarlo en su sitio de desarrollo. Eche un vistazo al tema inicial para ver cómo está estructurado. Incluye archivos de plantilla, widgets y un menú: todos están cubiertos en nuestra serie de desarrollo para principiantes. También incluye un estilo básico: ¡no pretendo ser hermoso y es posible que desee mejorarlo!
Lo que cubriremos en este tutorial en este primer tutorial, nos lanzaremos directamente para desarrollar el tema. Este tutorial se basará en lo que ha aprendido si ha estudiado los siguientes módulos en nuestro desarrollo de WordPress para principiantes:

Temas de construcción
Widgets y menús
Por lo tanto, no le mostraré cómo crear un tema básico o cómo grabar un área o menú de widgets. Si no sabe cómo hacer estas cosas, ¡regrese a esa serie y revise! En cambio, veremos los aspectos más avanzados del desarrollo del tema, en particular: enfoques para el desarrollo del tema
Estructura del tema: la jerarquía de la plantilla
Uso de piezas de plantilla
Agregar etiquetas de plantilla para el estilo
Agregar funcionalidad al archivo de funciones
Agregar ganchos a su tema
Pero antes de comenzar a codificar esto, eche un vistazo a algunos de los enfoques disponibles para el desarrollo del tema.
Los enfoques de desarrollo de WordPress antes de comenzar a desarrollar sus propios temas, vale la pena pensar en cómo procederá. Echemos un vistazo a algunos de los enfoques posibles. Enfoque 1: La codificación de cero escribir un tema desde cero no es algo que recomendaría. Significa comenzar con un archivo PHP vacío y luego agregar el código completo que necesita para crear un tema. Puede decidir hacer esto por primera vez que cree un tema, pero ciertamente no debe hacerlo para temas posteriores. Después de todo, habrá muchos códigos compartidos que puede reutilizar.
Por lo tanto, independientemente del enfoque que use para el primer tema, no codifique su próximo tema desde cero, edite su primer tema o use el primer tema para crear un tema inicial. Enfoque 2: Adaptación HTML estática Este ha sido tradicionalmente el método que las personas usan para aprender WordPress y es un buen enfoque si ya ha creado sitios estáticos y se siente cómodo con la codificación HTML. Alternativamente, si ha creado un prototipo para el sitio que construye utilizando HTML estático, este podría ser el enfoque que utiliza. Si comienza con HTML estático, deberá hacer algunas cosas para convertir su marcado en un tema, incluyendo: Cambie su index.html en index.php
Su división en partes de plantilla: separación del encabezado, sótano y barra lateral en diferentes archivos
Agregar un bucle en lugar de contenido estático
Agregar cualquier etiqueta de plantilla relevante (más pronto)
Información de edición en y en otros lugares de la página, como el nombre del sitio y la descripción de la página. Use funciones como get_bloginfo () para tomar esto desde la base de datos en lugar de get_bloginfo () manualmente en su tema.
Reemplazar un menú de navegación codificado con uno usando la interfaz de menús de WordPress
Reemplazar el contenido estático en la barra lateral y el sótano con áreas de widgets donde es relevante
Adición de archivos de plantilla adicionales, así como index.php – más pronto
Se lo aprenderán mucho sobre esto durante nuestro desarrollo de WordPress para principiantes.
Para una presentación detallada que le enseña cómo crear un tema HTML estático, puede encontrar mi libro útil, desarrollo de temas de WordPress: Guía de principiantes. Sublinia es un tema inicial que puede acelerar su tema de WordPress
Enfoque 3: Usando un tema inicial, otro enfoque es tomar un tema inicial de terceros, tal que sería un bucle, y le ahorrará mucho trabajo.Alternativamente, puede usar su propio tema inicial, que crea al desarrollar el primer tema.Elimine todo el código que no se aplicará a otros temas, como colores, fuentes o apariencia y funciones personalizadas, y úselo para comenzar las cosas cuando desarrolle su próximo tema.
Asegúrese de que el tema inicial esté codificado utilizando principios secos y que sea receptivo (o incluso mejor, primero en dispositivos móviles) e incluya funciones de accesibilidad. Si tiene características adicionales que agrega a muchos temas, pero no todos, puede mantener los archivos incluir para cada uno de ellos y luego agregarlos a un tema cuando sea necesario. Te mostraré cómo hacer esto más adelante en esta parte del curso. Enfoque 4: Creación de un tema para niños Otra forma de codificar sus temas es usar un tema existente como tema principal y luego crear un tema secundario para cada proyecto. Trabajo de una manera que combina esto y abordando el tema inicial: creé mi propio marco personalizado, que uso como padre para cada nuevo sitio que construyo y un segundo tema secundario con solo unos pocos elementos básicos. . Luego agrego y edito ese tema infantil para cada proyecto. El uso de un tema secundario significa que puede mantener el código completo que use una y otra vez en los padres, ahorrando tiempo y espacio en el servidor. Si tiene que reemplazar algo, solo tiene que crear un archivo de plantilla con el mismo nombre en el niño, y WordPress lo usará en lugar del padre. También puede usar un tema de tercera parte como padre, como un marco. Muchos marcos vienen con la tarea infantil que puede usar de la caja, pero nada le impide codificar la suya. Un marco temático como Cherry es una forma de abordar el desarrollo de los temas del niño.
Enfoque 5: Personalizar un tema existente Un enfoque popular cuando las personas comienzan por primera vez es tomar un tema existente (como el tema predeterminado, actualmente veinte y dieciséis) y personalizarlo para satisfacer sus propias necesidades. Esta puede ser una buena manera de comenzar, porque le permite estudiar el código del tema para ver cómo funciona todo y puede ser una excelente manera de aprender. Sin embargo, hay algunas advertencias: si desea beneficiarse de las actualizaciones, use un tema infantil en lugar de editar el tema directamente
Puede despertar para eliminar muchas características y estilos y agregarlos al tuyo

Use solo un tema que sea similar a lo que desea obtener
Use solo un tema bien codificado: consulte sus reseñas en el directorio de temas de WordPress
En resumen, si usa un tema de tercera parte como una forma de aprender y planear separarlo para crear el suyo y no se preocupe por las actualizaciones, continúe. Pero si va a cambiar tanto que es irreconocible, un comienzo puede ser mejor. Si desea mantener gran parte del estilo y la funcionalidad del tema, use un tema para niños para hacer sus propios cambios. Estructura del tema: Jerarquía de la plantilla del tema. Su tema deberá incluir ciertos archivos de plantilla, que son los archivos que WordPress usa para mostrar contenido, dependiendo de la página a la que se ve un visitante. Hay cuatro tipos principales de archivos en su tema:

Archivos de plantilla – index.php, page.php y muchos más
Una hoja de estilo – style.css
Partes de la plantilla – Header.php, Sidebar.php, Footer.php y cualquier otra parte de la plantilla que cree, como
El número mínimo de archivos es dos: index.php y style.css. Teóricamente, solo podía crear un tema con estos dos archivos, pero no lo recomendaría. La separación de cosas como el encabezado y el sótano y la creación de diferentes archivos de plantilla para páginas estáticas, páginas de archivo y publicaciones únicas, por ejemplo, facilitarán su vida. Y el uso de archivos incluye puede hacer que el código sea más eficiente. Nuestro tema inicial incluye los siguientes archivos:
index.php
style.css
funciones.php
Encabezado.php
Barra lateral.php
Pie de página.php
Este es un archivo de plantilla, una hoja de estilo, un archivo con funciones y tres plantillas de piezas. Explicaré lo que cada uno de ellos está en fila. Archivos de plantilla El primer archivo WordPress va cuando se muestra el contenido es el archivo de plantilla relevante. Elegirá esto de acuerdo con el contenido que se muestra, utilizando la jerarquía de plantillas.
Wpherarchy.com es una excelente guía interactiva para el hogar -de la jerarquía tópica
Entonces, por ejemplo, si un visitante lee una sola publicación de su blog, WordPress analizará esta lista de archivos y usará la primera que encuentra de esta lista para mostrar contenido:
Single-Post.php (para publicaciones únicas, sin páginas o tipos de publicaciones personalizadas)
Single.php (para publicaciones únicas o tipos de publicaciones personalizadas, no páginas)
singular.php (para publicaciones únicas, tipos de publicaciones o páginas personalizadas)
index.php (para lo que no tenga una plantilla más específica)
Y si su usuario navega por una página de archivo, por ejemplo, la categoría “destacada”, WordPress funcionará a través de estos archivos de plantilla: categoría-faatured.php (solo para esa categoría)
Categoría-xx.php (donde xx es la ID de categoría “representada”)

categoría.php (para todos los archivos de categoría)
Archive.php (para todos los archivos, incluidas categorías, taxonomía, autores y etiquetas)
index.php
Entonces, mientras su tema tenga un archivo index.php, siempre habrá un archivo disponible para mostrar contenido. Pero debe asegurarse de que todo tipo de contenido, incluidas publicaciones y páginas, archivos y páginas de búsqueda, así como la página 404. Puede ser más fácil crear archivos de plantilla, especialmente para cada uno de ellos. Agreguemos algunos archivos de plantilla a nuestro tema original para personalizar cómo el tema muestra publicaciones y páginas individuales. La forma más fácil de hacerlo es copiando el archivo index.php. Primero, hagamos esto para páginas.
Realice una copia de index.php y llámelo page.php.
Encuentra la siguiente línea:
Lo esencial de ABCB5A4B406E4B32577823D641096012 está cargado
Editarlo para que se lea de la siguiente manera:
Lo esencial de ABCB5A4B406E4B32577823D641096012 está cargado
Guarde el nuevo archivo.
Esto no cambia mucho cuando las personas ven el sitio, pero omite un código que no es necesario. La declaración condicional que ha eliminado los cheques si estamos en una página, lo cual no es necesario, porque WordPress usará este archivo de plantilla solo si estamos en una página. También cambia la etiqueta H2 a H1. Ahora que ha hecho esto, puede editar el archivo index.php para cambiar esa verificación de cheque. Abrir index.php.
Encuentra este código:
Lo esencial de ABCB5A4B406E4B32577823D641096012 está cargado
Editarlo para leer de esta manera:
Lo esencial de ABCB5A4B406E4B32577823D641096012 está cargado
Guarda el archivo.
Esto elimina verificar la primera página desde el bucle. Ahora creemos un archivo para publicaciones individuales.
Haga una copia de index.php y llámalo sencillo.php
Encuentra estas líneas:
Lo esencial de ABCB5A4B406E4B32577823D641096012 está cargado
Editarlos para leer de la siguiente manera:
Lo esencial de ABCB5A4B406E4B32577823D641096012 está cargado
Guarda el archivo.
Esto elimina la comprobación de estar en la primera página porque una sola publicación de blog no será la primera página. También cambia la etiqueta H2 a H1. Finalmente, creemos una plantilla de cuarto archivos.
Realice una copia de index.php y llámelo PHP Archive.
Encuentra esta línea:
Lo esencial de ABCB5A4B406E4B32577823D641096012 está cargado
A continuación, agregue estas líneas:
Lo esencial de ABCB5A4B406E4B32577823D641096012 está cargado
Guarda el archivo.
La hoja de estilo cada tema debe contener una hoja de estilo, ya que le dice a WordPress sobre el tema, así como proporciona estilo para su sitio. La hoja de estilo debe contener texto comentado en la parte superior, que contará todo sobre WordPress. En el tema que utilizaremos, la hoja de estilo comienza con lo siguiente: el esencial ABCB5A4B406E4B32577823D641096012 se carga con
Piezas de plantilla Si crea muchos archivos de plantilla, cada uno con su propio bucle, encabezado, sótano, etc., puede preocuparse por todo el código repetido. La buena noticia es que no tiene que repetir ningún código. Puede usar partes de plantilla para codificar ciertas partes del tema una vez e luego incluir ese código en archivos de plantilla. Ejemplos incluyen:
Encabezado – Header.php
Barra lateral – barra lateral.php
Sótano – Footer.php
Un bucle genérico – loop.php
Un bucle-loop-page.php más específico, por ejemplo
Usemos una parte de la plantilla para el bucle en nuestro tema.
Abra el archivo index.php.
Encuentra este código:
Lo esencial de ABCB5A4B406E4B32577823D641096012 está cargado
Copie ese código.
Cree un nuevo archivo en su tema llamado Loop.php.

Abra el nuevo archivo e inserte el código en él. Guarda el archivo.
Regrese a index.php y elimine el código que acaba de copiar.
En su lugar, agregue eso:
Lo esencial de ABCB5A4B406E4B32577823D641096012 está cargado
Guarda el archivo.
Ahora elimine el código anterior del archivo Archive.php y reemplácelo con el mismo get_template_part () que usó en Loop.php. Guarde el archivo Archive.php.
Ahora, en lugar de tener el bucle codificado en dos archivos de plantilla, lo tiene en un archivo. Si tiene que editarlo, debe hacer esto una vez. Para hacer lo mismo para el bucle para publicaciones y páginas individuales. Corte un nuevo archivo en su tema llamado bucle-single.php.
Abra el archivo page.php.
Encuentra este código:
Lo esencial de ABCB5A4B406E4B32577823D641096012 está cargado
Copiéelo al nuevo archivo incluye y límpelo desde page.php.
En Page.php, reemplácelo con esto:
Lo esencial de ABCB5A4B406E4B32577823D641096012 está cargado
Guarde sus archivos
Ahora repita lo anterior para Single.php, eliminando el bucle y reemplazándolo con la función.
Nuevamente, utiliza la función get_template_part (), pero esta vez tiene dos parámetros: “bucle” y “único”. Si WordPress no puede encontrar un archivo bucle-single.php, volverá al uso de loop.php. Archivo de funcionalidades Si desea agregar características a su tema, debe usar funciones.php. Aquí harías cosas como la grabación de widgets y menús. Si el tema comienza a contener muchas funciones y desea separarlo, puede usar un archivo que incluye. Lo haremos en la próxima publicación de esta serie, donde agregaremos un archivo de inclusión para la funcionalidad del personalizador. Para incluir un archivo, agregue algo como esto a las funciones.php:
Lo esencial de ABCB5A4B406E4B32577823D641096012 está cargado
Incluye un archivo en la carpeta incluida en su tema, llamado Customizer.php. El código en ese archivo se enrolla como si estuviera codificado en las funciones.php hasta el punto en que incluye la función. Nuestro tema ya tiene un archivo llamado Functions.php que contiene funciones para registrar menús y widgets. Agreguemos un soporte de tema. OpenSII Functions.php
En la parte inferior, agregue estas líneas:
Cargue el esencial 1C9DB3673E9A82CDFB72
Guarda el archivo.
Ahora descubrirá que cuando agrega publicaciones a su sitio, puede establecer imágenes presentadas y especificar los formatos de publicación. Para obtener más información sobre el uso de funciones.php para el soporte del tema, consulte nuestra guía final para las funciones del archivo. Desafío: agregue más archivos de plantilla ahora que ha agregado algunos archivos a su tema, intente agregar otros sin mi guía. Agregue los siguientes archivos:
404.php – para páginas de error
Search.php – para resultados de búsqueda
Es posible que desee usar una copia de Archive.php para la plantilla de búsqueda y una copia de cualquiera de sus 404 páginas, pero reemplazando el bucle con una notificación de error. Aún mejor, puede incluir una lista de las últimas publicaciones y/o un cuadro de búsqueda en su página de búsqueda, algo que haremos más adelante en este curso. Si está atascado, eche un vistazo al tema final de la Parte 1 de los archivos de origen para esta serie. Agregar etiquetas de plantilla a su tema El siguiente paso es agregar algunas etiquetas de plantilla a su tema. Así es como se define el códice de WordPress: las etiquetas de plantilla se usan en las plantillas de su blog para mostrar información dinámica o personalizarlo en otro mod el blog, dar, dar Las herramientas para hacerlo tan individual e interesante como usted es su etiqueta de plantilla, pero en lugar de usarlas en un archivo de características o en un complemento, úselas en archivos de plantilla para generar contenido, como: tomar el contenido de la plantilla con Get_heer (), get_sidebar (), get_footer () y get_template parte ().
Muestre información sobre el sitio, como el título, la URL del hogar o la descripción, utilizando BlogInfo ().
Muestre la publicación de contenido y metadatos con etiquetas como the_content (), _itle () y the_permalink ().
Mostrando información sobre el autor de una publicación de etiqueta como get_the_author () y get_the_author_link ().
Mostrar información de publicación como ID o clase para el estilo de etiquetas como Body_Class ().
Tenga en cuenta que algunas etiquetas tienen un get_ al principio, mientras que otras no. Si usa una etiqueta que comienza con Get_, todo lo que hace WordPress es hacerse cargo de la información, no la haga. Entonces, para eliminar lo que ha tomado, use Echo antes. Por ejemplo, echo get_the_author_link () Echou Link al perfil del autor. Esto le brinda más control sobre cómo se elimina el contenido. Si acaba de usar The_Author_Link (), WordPress lo sacaría de manera predefinida. A veces eso funciona para ti, pero a veces no quieres agregar tu propia marca en una etiqueta de plantilla Get_ al principio. El tema con el que trabajamos ya ha agregado algunas etiquetas de plantilla. Estudie archivos de plantilla y vea si puede encontrarlos. Debe encontrar lo siguiente: en Header.php: BlogInfo (‘URL’), BlogInfo (‘Nombre’) y BlogInfo (‘Descripción’).
En el index.php, archive.php, single.php y page.php: get_template_part (), que agregó anteriormente.
En loop.php y bucle-single.php: the_permalink (), the_itle_attribute (), the_itle () y the_content ().
Por lo tanto, puede ver que ya ha trabajado con etiquetas de plantilla. Agreguemos algunos más, especialmente para ayudar a la peluquería. Agregar etiquetas de plantilla de estilo WordPress ofrece tres etiquetas de plantilla increíblemente útiles que puede agregar al elemento para permitir un estilo más fino de sus publicaciones, páginas y archivos son: Estas son:
Cuerpo
The_id (), que puede usar para agregar la ID de publicación a una publicación en LoopSt_class (), que funciona de manera similar a Body_Class () pero se usa con publicaciones de bucle
Agregamos a nuestro tema.
Abra el archivo Header.php.
Encuentre la etiqueta de apertura , que está en su propia línea.
Editarlo para leer de esta manera:
Lo esencial de ABCB5A4B406E4B32577823D641096012 está cargado
Guarde y cierre el archivo.
Abra el archivo loop.php.
Encuentre la etiqueta de apertura que estará en su propia línea.
Editarlo para leer:
Lo esencial de ABCB5A4B406E4B32577823D641096012 está cargado
Guarde y cierre el archivo.
Repita los 5-8 pasos para el archivo bucle.php.
Ahora descubrirá que su elemento tiene una serie de clases asignadas, dependiendo de qué tipo de contenido se ve. Y sus elementos tienen una identificación que es la identificación de la publicación y varias clases relevantes para el tipo de publicación que es. Echemos un vistazo al código que se genera para la página de inicio del sitio web. Guarde el tema y acceda a la página inicial de su sitio en su navegador. Inspeccionar el código. Aquí está el mío:
Este es el código que sale:
Lo esencial de ABCB5A4B406E4B32577823D641096012 está cargado
Ahora echemos un vistazo a otra página. Navegue a una sola publicación y vea qué resulta en el cuerpo:
Lo esencial de ABCB5A4B406E4B32577823D641096012 está cargado
Como puede ver, WordPress genera diferentes clases porque estamos en una sola publicación. Ahora eche un vistazo al código que se genera para la etiqueta en la página de publicación respectiva:
Lo esencial de ABCB5A4B406E4B32577823D641096012 está cargado
El artículo tiene una serie de clases que indican el ID de publicación, el tipo de publicación, la condición, la categoría y más, así como una ID equivalente. Luego puede usar esto para atacar sus publicaciones de acuerdo con la categoría o tipo de publicación, o incluso individualmente, dirigirse a la ID de publicación. Por lo tanto, si ejecuta un sitio de noticias, por ejemplo, con cada categoría con su propio color, puede atacar todas las publicaciones en esa categoría utilizando el color apropiado en la página de listado principal. Agregar el filtro y los ganchos de acción a su tema Lo siguiente que puede agregar al tema para que sea aún más fuerte son los ganchos. Estos le permiten cambiar el contenido que ya tiene en su tema, o agregar nuevo contenido sin editar los archivos de plantilla ellos mismos. Entonces, si desea escribir un complemento que inserta contenido en algún lugar de sus páginas, puede hacerlo fácilmente. De hecho, haremos esto más adelante en progreso. También es una técnica verdaderamente útil si desarrolla un tema que pretende usar como padre. En archivos con funciones del tema del niño, puede crear funciones que insertan contenido adicional según sea necesario en el padre (o cambie el contenido existente) sin crear archivos de plantilla duplicados en el niño. Todos los marcos temáticos tienen una gran cantidad de ganchos, por lo que puede hacerlo. Si desea comprender cómo los ganchos y la diferencia entre los ganchos de acción y el filtro funcionan, debe estudiar la Parte 5 de nuestra serie de desarrollo de WordPress, que le muestra cómo usar ganchos en complementos. Entonces, en otras palabras, ¡ya deberías saber esto!
Hay dos tipos de ganchos: ganchos de acción y ganchos de filtro: los ganchos de acción están vacíos: son un lugar en su tema o complemento donde usted u otro desarrollador pueden ingresar un código al conectar una función a ese gancho.
Los ganchos de filtro rodean el código o el contenido existente: envuelva un gancho de filtro alrededor del contenido existente para que sea posible exceder ese contenido al conectar una función a ese gancho. Esto reemplaza el contenido del filtro con el contenido de la función.
Aquí, haremos algo un poco diferente: en lugar de escribir una función para conectarse a un gancho existente, crearemos ese gancho en nuestro tema. Agregar ganchos de acción para crear un gancho de acción en su tema Use la función do_act (). Tiene solo un parámetro: el nombre único del gancho. Así que usemos esto para agregar algunos ganchos de acción.
Abra el archivo Header.php.
Inmediatamente por encima de la etiqueta , agregue esta línea:
Lo esencial de ABCB5A4B406E4B32577823D641096012 está cargado
Ahora, inmediatamente debajo de la lectura de la etiqueta del encabezado de cierre , agregue esta línea:
Lo esencial de ABCB5A4B406E4B32577823D641096012 está cargado
Guarde y cierre el archivo.

Acaba de agregar dos ganchos de acción a su encabezado. Puede usarlos para agregar contenido adicional allí al archivo de función de su base (o un tema secundario) o mediante un complemento. Ahora agregemos algunos más.
Abra el archivo index.php.
Encuentre la línea y agréguela inmediatamente debajo:
Lo esencial de ABCB5A4B406E4B32577823D641096012 está cargado
Ahora, inmediatamente antes de la etiqueta de cierre , agregue esto: se carga el ABCB5A4B406E4B32577823D641096012 esencial
Guarde y cierre el archivo.
Repita los pasos 1-4 para single.php y page.php.
Se notará que ha agregado el mismo gancho tres veces en tres archivos diferentes. Si lo desea, puede cambiar la estructura del archivo, puede mover la marca de apertura de index.php, page.php y single.php a header.php y la marca de cierre en la barra lateral.php. Si desea probar esto, continúe, pero tenga cuidado de no perder nada. La ventaja de usar el gancho, aunque tuvimos que agregarlo tres veces, es que si queremos agregar código adicional antes o después del contenido, debemos hacerlo una vez, a través de una función que luego adjuntamos. Ese gancho. La función se ejecutaría sin importar cuál de los tres archivos de plantilla use actualmente WordPress. Y si solo desea conectar nuevo contenido a uno de los archivos de plantilla, puede usar una etiqueta condicional para verificar qué tipo de contenido se ve. Nuevamente aprenderás esto más adelante en progreso. Luego, agregue un gancho a cada barra y sótano. No voy a darte instrucciones detalladas aquí, pero te dejaré resolverte. Si está atascado, verifique el código fuente para esta parte del curso. En ese código fuente incluimos tanto el tema inicial como el tema final. Así que agregue estos ganchos:
Wpmu_before_sidebar antes del área del widget en la barra lateral (asegurándose de colocarla fuera de la etiqueta condicional para widgets activos.
Wpmu_after_sidebar después del área del widget en la barra lateral.
wpmu_before_footer antes del sótano.
WPMU_AFTER_FOOTER Después del sótano. Tiene que editar dos archivos: SideBar.php y Footer.php. Asegúrese de que los ganchos estén dentro de los elementos y pie de página. Agregar ganchos de filtro Los ganchos de filtro permiten a los usuarios reemplazar el código existente. Un lugar útil para hacer esto es en el encabezado, donde se encuentra el título y la descripción del sitio. Al hacer esto, brinde a los usuarios la opción de reemplazarlos con un logotipo, por ejemplo. ¡Hagamoslo!
Abra el archivo Header.php y busque este código:
Se carga la idea de ABCB5A4B406E4B32577823D641096012.
Editarlo para leer:
Lo esencial de ABCB5A4B406E4B32577823D641096012 está cargado
Recuerde cambiar todas las instancias BlogInfo () en get_bloginfo () debido al eco que rodea todo. ¡Y asegúrese de tener toda la sintaxis correcta-php es muy injusto cuando se trata de una coma y una coma!
Guarda el archivo.
Esto todavía no hace nada diferente de lo que se muestra en el encabezado, pero si alguien que usa un tema infantil o escriba un complemento debería querer cambiar este encabezado específico en el futuro, no tendrá que crear una copia. todo el archivo encabezado.php. Todo lo que tiene que hacer es escribir una función que se adjunte a ese gancho de filtro usando add_filter (). Echaremos un vistazo a esto más adelante en progreso. ¡Construir el tema es divertido! Ahora que ha completado esta parte del curso, sabrá más sobre la creación del tema y tendrá el comienzo de su propio tema con algunas características fuertes que puede usar para desarrollar el tema y agregar contenido a su sitio. No incluí CSS en esta serie porque es WordPress, no CSS. Pero si desea agregar o cambiar el CSS en la hoja de estilo, continúe.
Si hay elementos con los que ha luchado cuando se trata de agregar el código a su tema o si desea ver cómo lo hicimos, consulte los archivos del tema 1 de los archivos de origen para esta serie.Recomiendo encarecidamente hacer esto antes de publicar preguntas a continuación, porque la mejor manera de aprender la construcción del tema es consultar el código.En el próximo tutorial de esta serie, continuaremos trabajando con este tema y agregaremos la funcionalidad de la personalización del tema.Así es, toneladas de conocimiento de WordPress, evaluación de pares, comentarios e certificación de instructores, gratis para los miembros de WPMU Dev.¿Empiezas a aprender que 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.