Pregunta sobre Arreglando WordPress de Wordpress:

¿Reemplazar la imagen en algunas páginas con PHP o CSS?

Un usuario preguntó 👇

Cada cliente tiene la misma foto de fondo en el sitio de mi cliente. Quiere que algunas páginas muestren fotos alternativas. Estos se muestran a través de diapositivas personalizadas en lugar del marcado tradicional. Probé CSS y PHP, cada uno con el ID de la página. No tienes suerte. Con CSS y el trabajo importante !, la imagen de reemplazo correcta se mostraría en el panel derecho de las herramientas de desarrollo de Chrome, pero por alguna razón no se mostraría en la página. La actualización completa no funcionó. ¿Algun consejo?

<div id="herowrap">
<div id="hero" class="cycle-slideshow hidden-phone" data-cycle-log="false" data-cycle-fx="fade" data-cycle-speed="800" data-cycle-timeout="8000" data-cycle-pause-on-hover="false" data-cycle-pager="#heronav" data-cycle-next="#next" data-cycle-prev="#prev" data-cycle-slides="> div" data-cycle-pager-template="<a
href=#> {{slideNum}} </a>" style="position: relative;">
	<div class="slide cycle-slide cycle-sentinel" style="position: static; top: 0px; left: 0px; z-index: 99; opacity: 1; display: block; visibility: hidden;">
	<img src="https://client-name.com/wp-content/uploads/2016/08/image_to_replace.jpg" class="img-responsive" style="visibility: hidden;"></div><div class="slide cycle-slide cycle-slide-active" style="position: absolute; top: 0px; left: 0px; z-index: 99; opacity: 1; display: block; visibility: visible;">
	<img src="https://client-name.com/wp-content/uploads/2016/08/image_to_replace.jpg" class="img-responsive">
</div>
</div>
</div>

(@rossmitchell)

Hace 2 años, 9 meses

Nos ayudaría a publicar un enlace a su sitio web. E indicar qué páginas obtienen qué fondo.

(@lukefive)

Hace 2 años, 8 meses

Gracias @rossmitchell por responder. El enlace a continuación es un ejemplo comercial la parte donde se debe intercambiar la imagen de la casa. Como se mencionó, los métodos habituales no parecen funcionar para mí.

página que requiere intercambio de fotos

(@lukefive)

Hace 2 años, 8 meses

Aquí está la imagen que quería reemplazar la foto de la casa en esa sección …

https://holdersecurity.com/wp-content/uploads/2018/03/holders-slider-template-2.jpg

(@rossmitchell)

Hace 2 años, 8 meses

Puede ejecutar un filtro que identifique cuándo el «cuerpo» es para la clase «page-id-37» y, en este caso, reemplazar el texto con el nombre de la imagen. Pero no me gusta esta técnica en absoluto.

Una mejor manera es deshacerse del control deslizante y, en su lugar, establecer imágenes de fondo en el div con una identificación de «herowrap», por lo que en su CSS personalizado> adicional, tendría para sus páginas normales y un selector en ejecución fuera de la clase corporal para los especialistas:

#herowrap {
background-image: url("https://holdersecurity.com/wp-content/uploads/2016/08/holders-slider-template-1.png");
}
.page-id-37 #herowrap {
background-image: url("https://holdersecurity.com/wp-content/uploads/2018/03/holders-slider-template-2.jpg");
}

El gran bloque html en su publicación original sería:

<div id="herowrap">
</div>

(@lukefive)

Hace 2 años, 8 meses

@rossmitchell Mucho más que una solución a nivel de raíz. Lo retocaré, luego volveré aquí.

(@lukefive)

Hace 2 años, 7 meses

@rossmitchell Finalmente tuve la oportunidad de implementar esto. Se ve muy bien; gracias.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

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