No se han encontrado resultados. ¿Intentar de nuevo con otras palabras?

La búsqueda debe tener al menos 3 caracteres.

Añadir el atributo Título a la imagen de fondo de la cabecera como sustituto del texto Alt

Complemento Astra Pro ofrece la opción de establecer una imagen de fondo para la cabecera. Esta imagen se añade mediante CSS imagen de fondo Propiedad. Esta propiedad no tiene una opción para añadir un alt a la imagen.

Así que como alternativa al alt podemos añadir un atributo título al div. Esto actuará como un alt texto en el imagen de fondo propiedad.

El siguiente filtro añadirá un título al div de la cabecera, donde se añade la imagen de fondo mediante la propiedad CSS.

add_filter( 'astra_attr_main-header-bar', 'astra_function_to_add_title' );

/**
 * Add Attribute to the Header.
 *
 * @param array $attr Default attributes.
 * @return array $attr Modified attributes.
 */
function astra_function_to_add_title( $attr ) {
    $header_bg_obj  = astra_get_option( 'header-bg-obj-responsive' );
    $image_alt_text = get_post_meta( attachment_url_to_postid( $header_bg_obj['desktop']['background-image'] ), '_wp_attachment_image_alt', true );
    $attr['title']  = $image_alt_text;
    return $attr;
}

Texto Alt añadido para la imagen -

Alternative Text

El texto Alt aparecerá como título de la imagen en el marcado HTML -

Title Text
¿Le ha resultado útil este artículo?
¿No ha encontrado una solución? Estamos aquí para ayudarle a conseguirlo.

Documentos relacionados

Astra es gratis. Ahora y siempre.

Creemos que crear sitios web atractivos no debería ser caro. Por eso Astra es gratis para todos. Empieza gratis y amplía con paquetes asequibles.

REWIND

RESUMEN DEL AÑO

La descarga está a un solo clic

Introduce tu dirección de correo electrónico y sé el primero en enterarte de las actualizaciones y novedades.

Descargar gratis Astra Theme - Modal Popup Form
Scroll al inicio
Ahora elija la opción que prefiera
page builder addon
Elija su complemento de creación de páginas preferido

La descarga está a un solo clic

Introduce tu dirección de correo electrónico y sé el primero en enterarte de las actualizaciones y novedades.

Descargar gratis Astra Theme - Modal Popup Form