Agregar encabezados predeterminados adicionales al tema Twenty Ten WordPress

El tema Twenty Ten viene con ocho encabezados predefinidos. 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 sencillo que es agregar encabezados adicionales al panel de encabezados.

Índice

    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.

    La siguiente es una matriz que enumera los encabezados predeterminados actuales y su ubicación. Para agregar el suyo, agregue una coma después del último corchete de la matriz de encabezado de puesta del sol. A continuación, se muestra un ejemplo de cómo se verá 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.

    primer nombre: Establece un valor con el nombre de nuestros encabezados. Luego podemos configurar 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á al pasar el mouse sobre la imagen dentro del panel de encabezado.

    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 se estiraría para ajustarse a ese tamaño. Las imágenes en miniatura se pueden configurar en cualquier tamaño, 230 × 48 es la configuración predeterminada. Las imágenes pueden ser solo .jpg o se ignorarán y no se mostrarán.

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

    Subir