¿Mosaico de encabezado personalizado?

He estado jugando con el encabezado personalizado wp y opciones de fondo. Me gusta la forma en que puede azulejo una pequeña imagen para el fondo y buscando una manera de agregar esa opción a la imagen de encabezado personalizado así como. Mi tema tiene un div para la cabecera y he añadido el encabezado personalizado wp así:
<div class="header">
<img src="<?php header_image(); ?>" height="<?php echo get_custom_header()->height; ?>"    width="<?php echo get_custom_header()->width; ?>" alt="" '/> 
Como puedo entender que el guión está llamando a la fuente de la imagen, los valores de anchura y de altura entraron en el diálogo de agregar encabezado personalizado, pero necesita ayuda para persuadir a la imagen elegida para azulejo.

He intentado algo así, pero no funcionó...
 <div class="art-header" style="background-image:url('<img src=<?php header_image(); ?>');> background-repeat:repeat;">
No hace falta el diálogo 'azulejo' al establecer el encabezado en el backend de wp, pero sólo quiero que azulejo automáticamente si las imágenes cargadas es menor que el tamaño del div gracias.



Solución 1

Estás poniendo una imagen en el atributo style está mal. Sólo necesita el camino, no una etiqueta:
<div class="art-header"
style="background-image:url('<?php header_image(); ?>'); background-repeat:repeat; height:<?php echo get_custom_header()->height; ?>px; width:<?php echo get_custom_header()->width;?>px;">
</div>
Después de ver el problema, en lugar de ello sugeriría esto: el código HTML:
<div class="art-header">....</div>
En el mismo archivo (o header.php):
<style type="text/css">
div.art-header, div.art-header::after {
background-image:url('<?php header_image(); ?>');
background-repeat:repeat;
height:<?php echo get_custom_header()->height; ?>px;
width:100%;
}
</style>
<style type="text/css">
div.art-header, div.art-header::after {
background-image:url('<?php header_image(); ?>');
background-repeat:repeat;
height:<?php echo get_custom_header()->height; ?>px;
width:100%;
}
</style>
.

Solución 2

Si añades la imagen en el HTML así, no tendrás que azulejo. Para obtener una imagen para el azulejo tiene que ser una imagen de fondo, así que necesitas agregarlo mediante una regla CSS. Si entiendo lo que has hecho, tienes que añadir la altura y la anchura a la clase de cabecera y colocar su imagen como imagen de fondo en ese div.

Para ambos casos debes escribir algunos CSS. Para poder utilizar la configuración que tienes en tu tema, usted necesitará crear el CSS en PHP e insertarla en el encabezado de su página.

function my_inserted_css() { ?>
<style type="text/css">
.header {
  height:<?php echo get_custom_header()->height;?>px;
  width:<?php echo get_custom_header()->width;?>px;
  background-image:url('<?php header_image(); ?>') background-repeat:repeat;"
}
</style> <?php
}
La 'altura' y 'width' sería el tamaño del envase no el tamaño de la imagen que desea azulejo. E insértelo enganchando a
wp_enqueue_scripts
.

add_action( 'wp_enqueue_scripts', 'my_inserted_css' );
Todo esto iría en tu tema
functions.php
archivo..





Problemas relacionados

Cómo hacer un mosaico de pulgares

Añadir campo de carga adicional a la página de encabezado personalizado

Punto get_header() a diferente plugin

Tratando de anulación\/interceptar un enlace Galería PhotoMosaic en Wordpress utilizando jQuery

Modificar una pantalla admin temas apariencia encabezado de un plugin

¿Cómo agregar imágenes predeterminadas para fondos personalizados?

add_theme_support ('encabezado personalizado') no agrega menú opción en tablero de instrumentos

Crear un encabezado personalizado

Tema parece tener distintas opciones en wordpress.com y la instalación del servidor propio

navegación encabezado personalizado tiene espacio extraño

texto de encabezado personalizado

Encabezados personalizados en WordPress, ¿hay también pies de página personalizados?

Source: Stack Exchange Inc; License: cc by-sa 3.0 Contacto / Contact