}Un buen caso de uso para esto sería si tienes una tienda en tu sitio y necesitas mostrar una imagen de cabecera diferente o un menú personalizado en la página de la tienda. Podrías entonces añadir estas personalizaciones en header-shop.php y se mostraría en el lugar apropiado.Sin embargo, las etiquetas condicionales no están limitadas a una página. Usted puede hacer varias declaraciones en una fila como así:if ( is_page(‘products’) ) {
Como puede ver, no hay nada demasiado sofisticado aquí: las llamadas habituales para la cabecera y el pie de página, y el bucle en el medio. La página en cuestión tiene este aspecto:La plantilla de página por defecto en el tema Twenty Twelve. (Ver versión grande)2. Copiar y renombrar el archivo de la plantillaDespués de identificar el archivo de la plantilla por defecto, es el momento de hacer una copia. Utilizaremos el archivo duplicado para realizar los cambios deseados en nuestra página. Para ello también tendremos que renombrarlo. No puedes tener dos archivos con el mismo nombre, eso sólo confunde a todo el mundo.Eres libre de darle al archivo el nombre que quieras siempre que no empiece con ninguno de los nombres de archivos de temas reservados. Así que no lo llames page-algo.php o cualquier otra cosa que haga pensar a WordPress que es un archivo de plantilla dedicado.Tiene sentido usar un nombre que identifique fácilmente para qué se usa este archivo de plantilla, como mi-plantilla-personalizada.php. En mi caso, usaré custom-full-width.php.3. Personalizar la cabecera del archivo de plantillaLuego tenemos que decirle a WordPress que este nuevo archivo es una plantilla de página personalizada. Para ello, tendremos que ajustar la cabecera del archivo de la siguiente manera:
Esta lección es la primera de una serie de ejercicios para aprender a crear temas en bloque, también conocidos como temas de edición de sitios completos. Aprenderá sobre los requisitos mínimos de los archivos, la configuración del tema y la estructura de los archivos. También señalaré algunas diferencias importantes entre los temas clásicos y los temas en bloque.
El nuevo Editor de Sitios (Añadido en WordPress 5.9) será una de sus principales herramientas para crear temas de bloque de WordPress. Para la mayoría de los proyectos de temas de bloques, ahí es donde montará, estilizará y editará los bloques:
Necesita instalar y activar un tema de bloques antes de poder usar el Editor de Sitios. Por eso, las primeras lecciones de este capítulo tratarán sobre la creación manual de un tema.Puedes seguir y crear un tema de bloques conmigo, o utilizar la “guía de inicio súper rápida” y sólo utilizar esta página como referencia.
1. Crea una nueva carpeta de temas dentro de wp-content/themes.2. Crea un archivo style.css para tu nuevo tema.3. Crea dos nuevas carpetas dentro de la carpeta de temas: templates y parts.4. Dentro de la carpeta parts, crea un archivo HTML llamado header.html. 5. En header.html, añade el siguiente código: <!– wp:site-title /–> y guarda.6. Dentro de la carpeta templates, crea un archivo HTML llamado index.html. 7. 7. En index.html, añada el siguiente código de bloque y guarde:
Nota: El mismo resultado se puede producir utilizando un plugin o functions.php. Si está creando nuevas funciones que deben estar disponibles sin importar el aspecto del sitio web, es la mejor práctica ponerlas en un plugin.
Cada tema tiene su propio archivo de funciones, pero sólo el código en el functions.php del tema activo se ejecuta realmente. Si tu tema ya tiene un archivo de funciones, puedes añadirle código. Si no, puedes crear un archivo de texto plano llamado functions.php para añadirlo al directorio de tu tema, como se explica a continuación.
Un tema hijo puede tener su propio archivo functions.php. Añadir una función al archivo functions.php del tema hijo es una forma de modificar el tema padre sin riesgos. De esta manera, cuando el tema padre se actualiza, no tienes que preocuparte de que tu función recién añadida desaparezca.
Puedes configurar múltiples menús en functions.php. Pueden ser añadidos usando register_nav_menus() e insertados en un tema usando wp_nav_menu(), como se discute más adelante en este manual. Si tu tema permite más de un menú, debes usar un array. Aunque algunos temas no tendrán menús de navegación personalizados, se recomienda permitir esta característica para facilitar la personalización.
Acciones del artículoObservador de intersección APLa API del observador de intersección proporciona una forma de observar asíncronamente los cambios en la intersección de un elemento de destino con un elemento antecesor o con la ventana gráfica de un documento de nivel superior.
Históricamente, la detección de la visibilidad de un elemento, o la visibilidad relativa de dos elementos en relación con el otro, ha sido una tarea difícil para la que las soluciones han sido poco fiables y propensas a hacer que el navegador y los sitios a los que el usuario accede se vuelvan lentos. A medida que la web ha ido madurando, la necesidad de este tipo de información ha crecido. La información de intersección es necesaria por muchas razones, por ejemplo:
La implementación de la detección de intersecciones en el pasado implicaba manejadores de eventos y bucles que llamaban a métodos como Element.getBoundingClientRect() para construir la información necesaria para cada elemento afectado. Como todo este código se ejecuta en el hilo principal, incluso uno de ellos puede causar problemas de rendimiento. Cuando un sitio se carga con estas pruebas, las cosas pueden ponerse francamente feas.