Agregar encabezados predeterminados adicionales al tema de WordPress Twenty Ten

El tema Twenty Ten viene con ocho encabezados predeterminados. Cualquier encabezado predeterminado que establezcas se reemplaza con la «imagen destacada» de una publicación. Solo puede ver el nuevo encabezado al ver esa publicación. En el Consejo rápido de WordPress de esta semana, veremos lo simple que es agregar encabezados adicionales al Panel de encabezados.

Mira el Screencast

Functions.php

Abra el archivo functions.php del tema Twenty Ten. Busque la siguiente sección:

// Default custom headers packaged with the theme. %s is a placeholder for the theme template directory URI.

Lo que sigue es una matriz que enumera los encabezados predeterminados actuales y su ubicación. Para agregar el suyo, agregue una coma después del último paréntesis de la matriz de encabezado de puesta de sol. A continuación, se muestra un ejemplo de cómo puede verse después de agregar dos encabezados más:

register_default_headers( array(
‘berries’ => array(
‘url’ => ‘%s/images/headers/berries.jpg’,
‘thumbnail_url’ => ‘%s/images/headers/berries-thumbnail.jpg’,
/* translators: header image description */
‘description’ => __( ‘Berries’, ‘twentyten’ )
),
‘cherryblossom’ => array(
‘url’ => ‘%s/images/headers/cherryblossoms.jpg’,
‘thumbnail_url’ => ‘%s/images/headers/cherryblossoms-thumbnail.jpg’,
/* translators: header image description */
‘description’ => __( ‘Cherry Blossoms’, ‘twentyten’ )
),
‘concave’ => array(
‘url’ => ‘%s/images/headers/concave.jpg’,
‘thumbnail_url’ => ‘%s/images/headers/concave-thumbnail.jpg’,
/* translators: header image description */
‘description’ => __( ‘Concave’, ‘twentyten’ )
),
‘fern’ => array(
‘url’ => ‘%s/images/headers/fern.jpg’,
‘thumbnail_url’ => ‘%s/images/headers/fern-thumbnail.jpg’,
/* translators: header image description */
‘description’ => __( ‘Fern’, ‘twentyten’ )
),
‘forestfloor’ => array(
‘url’ => ‘%s/images/headers/forestfloor.jpg’,
‘thumbnail_url’ => ‘%s/images/headers/forestfloor-thumbnail.jpg’,
/* translators: header image description */
‘description’ => __( ‘Forest Floor’, ‘twentyten’ )
),
‘inkwell’ => array(
‘url’ => ‘%s/images/headers/inkwell.jpg’,
‘thumbnail_url’ => ‘%s/images/headers/inkwell-thumbnail.jpg’,
/* translators: header image description */
‘description’ => __( ‘Inkwell’, ‘twentyten’ )
),
‘path’ => array(
‘url’ => ‘%s/images/headers/path.jpg’,
‘thumbnail_url’ => ‘%s/images/headers/path-thumbnail.jpg’,
/* translators: header image description */
‘description’ => __( ‘Path’, ‘twentyten’ )
),
‘sunset’ => array(
‘url’ => ‘%s/images/headers/sunset.jpg’,
‘thumbnail_url’ => ‘%s/images/headers/sunset-thumbnail.jpg’,
/* translators: header image description */
‘description’ => __( ‘Sunset’, ‘twentyten’ )
),
‘waterfall’ => array(
‘url’ => ‘%s/images/headers/waterfall.jpg’,
‘thumbnail_url’ => ‘%s/images/headers/waterfall-thumbnail.jpg’,
/* translators: header image description */
‘description’ => __( ‘Waterfall’, ‘twentyten’ )
),
‘mountain’ => array(
‘url’ => ‘%s/images/headers/mountain.jpg’,
‘thumbnail_url’ => ‘%s/images/headers/mountain-thumbnail.jpg’,
/* translators: header image description */
‘description’ => __( ‘Mountain’, ‘twentyten’ )
)
) );

Analicemos un poco el código.

register_default_headers: Esta es la función que crea y muestra nuestros encabezados predeterminados. Acepta una serie de parámetros.

nombre: Establece un valor con nuestro nombre de encabezados. Luego podemos establecer una matriz de valores y claves adicionales.

url: Ruta relativa a la imagen del encabezado. Observe que la ruta actual es /images/headers/image_name.jpg

thumbnail_url: Ruta relativa a una miniatura de la imagen del encabezado. La ruta actual es /images/headers/image_name-thumbnail.jpg

descripción: Una descripción de la imagen. Esto se mostrará al pasar el cursor sobre la imagen dentro del Panel de encabezados.

Cosas a tener en cuenta

El encabezado Twenty Ten es de 940 × 198, cualquier cosa más grande que eso cambiaría de tamaño; cualquier cosa más pequeña sería estirada para ajustarse a esas dimensiones. Las imágenes en miniatura se pueden configurar en cualquier dimensión, 230 × 48 es el valor predeterminado. Las imágenes solo pueden ser .jpg o se ignorarán y no se mostrarán.