Agregar un widget personalizado a cualquier página, publicación o plantilla en WordPress

Los widgets hacen WordPress realmente flexible. Al agregar zonas de widget a su tarea, permita a los usuarios ingresar su propio contenido personalizado sin tener que escribir una línea de código. Estos son los más comunes en las barras y sótanos laterales, donde a menudo se usan para propios widgets, como widget de búsqueda, widget para las últimas publicaciones o tal vez un menú personalizado. Pero si los agrega a su página y publica plantillas, haga que sean aún más fuertes. Puede agregar zonas de widget a cualquier archivo de plantilla que desee. Me gusta agregar muchos de ellos a mis temas, en lugares como el encabezado, antes y después de la navegación principal y antes y después del contenido. Puede agregarlos a la parte de la plantilla (como el encabezado) que usa cada página en su sitio, o puede ser más específica y simplemente agregarlos a los archivos de plantilla para un cierto tipo de contenido.
En esta publicación, te mostraré cómo hacerlo exactamente. Crearé un tema secundario del tema predeterminado de veintiete años y luego, dentro de ese tema secundario, crearé algunos archivos de plantilla nuevos: un archivo de plantilla de página personalizado, un archivo de archivo de categoría y una plantilla de publicación única. En cada uno de estos, agregaré un área de widget específica para ese tipo de contenido, de modo que los usuarios solo lo vean al visualizar una página usando la plantilla de página, un archivo de categorías o una sola publicación. Entonces, ¡comencemos! Nota: Agregué el código para esta publicación en GitHub para que pueda verificarlo si trabaja con este tutorial.
Configuración del tema para el niño usaré un tema infantil de los veintisiete años: si trabaja con su propio tema, puede editarlo directamente en lugar de crear un tema infantil. Pero si usa un tema de terceros, debe crear un tema secundario. Esto se debe al hecho de que cuando actualiza el tema, cualquier cambio que realice se perderá. Entonces, en la carpeta WP-Content/Temas, cree una nueva carpeta con el nombre base. Llamo a mis WPM-Template-Widgets. Dentro de él, agregue un archivo style.css y agréguelo: cargue el CFD584884F55AE99B25A30C5768E esencial
Recuerde, si trabaja con su propio tema, puede omitir este paso. Y si usa otro tema principal, deberá editar la hoja de estilo para reflejarlo. Si no está seguro, consulte nuestra publicación sobre la creación de temas de los niños.
Registrando áreas de widget antes de que podamos agregar áreas de widget a nuestros archivos de plantilla, debemos grabarlas en el archivo de función del archivo. Abra el archivo con funciones si el tema ya tiene uno o si se trata de un nuevo tema infantil, cree un archivo llamado functions.php. Comencemos agregando una función vacía para grabar widgets y conectándolo al gancho widgets_init. Agregue esto a su archivo de características:
Cargue el CFD58848484FF55AE99B25A30C5768E esencial
Dentro de esta función, registraremos cuatro áreas de widgets: una de las plantillas de archivo de postes y categorías y dos para la plantilla de página personalizada.
Comience registrando el primer widget:
Cargue el CFD58848484FF55AE99B25A30C5768E esencial
Esto utiliza la función registre_sidebar () con una matriz de parámetros de la siguiente manera:
El nombre del área de widget, que aparecerá en los widgets y personalización de la pantalla de administración. Hice esto traducible. Una identificación única para el área del widget.
Marcado para antes del widget, que usan sustituyentes para la internacionalización.
Marca para después del widget.
Marcado para el título de antes y después del widget, que se incluye en un elemento H3.
Así que ese es el primero. Ahora todavía dentro de su función, agregue los otros tres:
Cargue el CFD58848484FF55AE99B25A30C5768E esencial
Así que ahora tenemos cuatro widgets:
Uno después del contenido de publicaciones individuales.
Uno antes del contenido de un archivo de categorías.
Uno antes y otro después del contenido de nuestra plantilla de página widgetizada.
Si desea mover las áreas de widget (por ejemplo, colocar el archivo de categoría uno por contenido o publicación única antes del contenido), debe cambiar el nombre de las cosas correctamente. Esto es para que sepa lo que sucede cuando viene a editar su código en el futuro, y sus usuarios saben dónde se mostrarán las áreas de widgets al agregar widgets a través de la pantalla de administración de widgets. Recuerde que si cambia esto, deberá colocar el código para eliminar los widgets en el lugar correcto en los archivos de plantilla en el siguiente paso, que podría ser diferente de donde pongo el mío.
Ahora, si abre la página de administración de widgets, verá sus áreas de widget, preparadas para widgets:
Nuevas áreas de widgets registradas en la pantalla de administración de widgets.
Pero si agrega widgets a sus nuevas áreas de widgets, no aparecerán en el front-end de su sitio. Todavía deben codificarse en archivos de plantilla. Agregar áreas de widget a plantillas de plantilla ahora agregue el código para eliminar las áreas de widget. Si trabaja con su propio tema, puede editar los archivos de plantilla de tema existentes. Si trabaja con un tema secundario (o su tema aún no tiene los archivos de plantilla relevantes), deberá crear nuevos archivos. Comencemos con el archivo de plantilla de página Widgetized, porque su tema no lo tendrá. En la carpeta de temas, cree un nuevo archivo. Llamo a mi página_widgetized.php. Abra ese archivo y agréguelo:

Cargue el CFD58848484FF55AE99B25A30C5768E esencial
Esto le dice a WordPress que es una plantilla de página personalizada. Si desea saber más sobre ellos, consulte nuestra guía detallada.
NOTA: No use la página Widgetized como un nombre de archivo. Esto se debe al hecho de que la página es un sufijo reservado en WordPress. Use un personaje subrayado en lugar de un tablero o simplemente evite usar la página desde el principio, si lo prefiere.
Ahora, en ese texto comentado, copie todo del archivo Page.php de su tema (o padre). Una alternativa es hacer una copia del archivo y agregar el texto comentado, depende de usted. Ahora podrá seleccionar esta plantilla al editar una página en su sitio web:
El selector de plantilla de página en la pantalla de edición de la página de WordPress.

Seleccione para una de sus páginas para que pueda probar widgets. Aquí está mi página:
Página sin widgets mostrados todavía.

No parece muy interesante ahora, porque no he agregado áreas de widget al archivo de plantilla. Hagamos esto. En el archivo de plantilla, agregue este código inmediatamente por encima del contenido de la página, para el área del widget anterior:
Cargue el CFD58848484FF55AE99B25A30C5768E esencial

Verifica si el área del widget ha sido poblado, utilizando la ID única que creó para el área de widget cuando lo grabó en el archivo de características. Si se ha poblado, mostrará el contenido del área del widget. Ahora agregue el área del widget en contenido. De acuerdo con su contenido (y dentro de cualquier elemento de anexión), agregue esto:
Cargue el CFD58848484FF55AE99B25A30C5768E esencial
Guarde el archivo de plantilla de página. Aquí está el código completo del archivo de plantilla de página para que pueda ver dónde está el widget antes y después del bucle:
Cargue el CFD58848484FF55AE99B25A30C5768E esencial
Ahora lo pruebemos. Agregué un widget a cada una de las nuevas áreas de widget:
Pantallas de administración de widgets con un widget agregado a dos nuevas áreas de widgets.
Y así es como se ve en mi página:
Una página con widgets antes y después del contenido.
Así que esta es la plantilla de página personalizada configurada. Ahora debe editar los otros archivos de plantilla de dos páginas (o crearlos si es necesario). Sigue estos pasos:

Si trabaja con un tema infantil, cree un archivo llamado categoría.php. Copie el contenido del archivo Category.php del tema principal (si uno tiene uno) o el Archive.php (o index.php si no tiene eso).
Si no trabaja con un tema infantil, pero su tema no tiene un archivo Category.php, cree uno copiando el archivo Archive.php (o si no tiene uno, el archivo index.php).

Agregue el área del widget sobre el contenido del archivo de archivo de la categoría, nuevamente, inmediatamente antes del bucle.
Cargue el CFD58848484FF55AE99B25A30C5768E esencial
Ahora repita esto para la plantilla única:
Cree un archivo de Post.php si su tema no tiene uno (o use un tema infantil). Copie el contenido del archivo PHP de SinglePost.php del tema principal en él o desde el siguiente archivo de plantilla en la jerarquía de plantilla (single.php, singular.php o index.php).
Nuevamente, agregue el área del widget, esta vez por contenido.
Aquí está el código:
Cargue el CFD58848484FF55AE99B25A30C5768E esencial
Ahora, si agrega widgets, aparecerán en su sitio. Aquí hay una lista de publicaciones recientes después de una sola publicación:
Agregar áreas de widget a las plantillas le da a las áreas de widget de flexibilidad que los usuarios de su tema agregan contenido adicional sin tener que escribir código. Pero no soy solo para la barra lateral. Agregar áreas adicionales de widgets a los archivos de plantilla le ofrece áreas específicas de su sitio. A las cuales puede agregar widgets, con un buen control sobre el lugar donde aparecerán. Puede continuar con estos ejemplos si lo desea, agregando zonas de widget a todos sus archivos o incluso usando diferentes versiones del archivo SideBar.php para diferentes tipos de contenido. ¡El mundo es tu ostra!
¡Espero que hayas encontrado este tutorial de ayuda! Si tiene alguna pregunta sobre el código, pregunte en los comentarios a continuación.
Etiquetas:
widgets