Casa » Wordpress » Temas » Agregar encabezados predeterminados adicionales al tema de WordPress Twenty Ten
Temas

Agregar encabezados predeterminados adicionales al tema de WordPress Twenty Ten

El tema Twenty Ten viene con ocho encabezados predeterminados. Cualquier encabezado predeterminado que establezca se reemplaza con la «imagen mostrada» 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 qué fácil es agregar encabezados adicionales al Panel del encabezado.

Mira el Screencast

Functions.php

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

// Encabezados personalizados predeterminados empaquetados con el tema.  % s es un marcador de posición para el URI del directorio de plantillas de temas. 

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 del encabezado sunset. Aquí hay un ejemplo de cómo se ve 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',
 / * traductores: descripción de la imagen del encabezado * /
 'Description' => __ ('Berries', 'twentyten')
 ),
 'Cherryblossom' => array (
 'Url' => '% s / images / headers / cherryblossoms.jpg',
 'Thumbnail_url' => '% s / images / headers / cherryblossoms-thumbnail.jpg',
 / * traductores: descripción de la imagen del encabezado * /
 'Description' => __ ('Cherry Blossoms', 'twentyten')
 ),
 'Cóncavo' => array (
 'Url' => '% s / images / headers / concave.jpg',
 'Thumbnail_url' => '% s / images / headers / concave-thumbnail.jpg',
 / * traductores: descripción de la imagen del encabezado * /
 'Description' => __ ('Concave', 'twentyten')
 ),
 'Fern' => array (
 'Url' => '% s / images / headers / fern.jpg',
 'Thumbnail_url' => '% s / images / headers / fern-thumbnail.jpg',
 / * traductores: descripción de la imagen del encabezado * /
 'Description' => __ ('Fern', 'twentyten')
 ),
 'Forestfloor' => array (
 'Url' => '% s / images / headers / forestfloor.jpg',
 'Thumbnail_url' => '% s / images / headers / forestfloor-thumbnail.jpg',
 / * traductores: descripción de la imagen del encabezado * /
 'Description' => __ ('Piso del bosque', 'twentyten')
 ),
 'Inkwell' => array (
 'Url' => '% s / images / headers / inkwell.jpg',
 'Thumbnail_url' => '% s / images / headers / inkwell-thumbnail.jpg',
 / * traductores: descripción de la imagen del encabezado * /
 'Description' => __ ('Inkwell', 'twentyten')
 ),
 'Path' => array (
 'Url' => '% s / images / headers / path.jpg',
 'Thumbnail_url' => '% s / images / headers / path-thumbnail.jpg',
 / * traductores: descripción de la imagen del encabezado * /
 'Description' => __ ('Path', 'twentyten')
 ),
 'Sunset' => array (
 'Url' => '% s / images / headers / sunset.jpg',
 'Thumbnail_url' => '% s / images / headers / sunset-thumbnail.jpg',
 / * traductores: descripción de la imagen del encabezado * /
 'Description' => __ ('Sunset', 'twentyten')
 ),
 'Cascada' => matriz (
 'Url' => '% s / images / headers / waterfall.jpg',
 'Thumbnail_url' => '% s / images / headers / waterfall-thumbnail.jpg',
 / * traductores: descripción de la imagen del encabezado * /
 'Description' => __ ('Waterfall', 'twentyten')
 ),
 'Montaña' => array (
 'Url' => '% s / images / headers / mountain.jpg',
 'Thumbnail_url' => '% s / images / headers / mountain-thumbnail.jpg',
 / * traductores: descripción de la imagen del encabezado * /
 'Description' => __ ('Montaña', 'Veinte')
 )
 )); 

Vamos a diseccionar el código un poco.

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

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

url: Ruta relativa a la imagen del encabezado. Tenga en cuenta 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ía al pasar el mouse sobre la imagen dentro del Panel de Encabezados.

Cosas a tener en cuenta

El encabezado Twenty Ten es 940 × 198, cualquier cosa más grande que eso sería redimensionada; cualquier cosa más pequeña sería estirar para adaptarse 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.