Pregunta sobre GeneratePress de Wordpress:

Agregar una imagen al pasar el mouse para publicar imágenes

Un usuario preguntó 👇

Hola, agregué la SEC (https://docs.generatepress.com/article/add-a-zoom-effect-on-hover-to-post-images/) agregue una imagen flotante para publicar imágenes. Sin embargo, no veo ningún efecto. Estoy seguro de que hice un desastre en alguna parte. ¿Podrías por favor? ayúdame en este sentido?

Sobre BM

(@leohsiang)

Hace 1 año, 9 meses

Hola,

No veo que se agregue CSS.

¿Puede borrar y deshabilitar el plugin de almacenamiento en caché primero?

Sería bueno si también nos permitiera usar el clic derecho durante la depuración.

Avísame 🙂

Lanzador de hilos

(@dhyanakendra)

Hace 1 año, 9 meses

Hola, Leo 1. Se agregó al CSS `.post-image {posición: relativa; desbordamiento: oculto; } .post-image img {ancho máximo: 100%;

-Transferencia de moz: cada 0,3 s; -transferencia-webkit: cada 0.3 s; transición: cada 0,3 s; } .post-image: hover img {-moz-translate: scale (1.2); -webkit-translate: scale (1.2); transformación: escala (1,2); }

2. Hacer clic derecho habilitado 3. La caché también se borra

(@leohsiang)

Hace 1 año, 9 meses

¿Alguna posibilidad de que pueda deshabilitar el plugin de almacenamiento en caché ahora?

Solo veo este bloque de código que se muestra en la fuente:

.post-image:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

Revisé el código en mi instalación y funciona.

¿Es esto lo que también agregaste? Si es así, ¿también puede eliminarlo temporalmente?

@media (min-width: 769px) {
    .inside-article .post-image a img {
        height: 232px;
        object-fit: cover;
        object-position: center;
    }
}

Lanzador de hilos

(@dhyanakendra)

Hace 1 año, 9 meses

Hola Leo, he adjuntado las capturas de pantalla (de Simple CSS) para tu referencia. Tenga en cuenta que todos los tamaños de imagen en la página de archivo no están firmados. Quiero alinear los tamaños de la imagen y con un efecto de desplazamiento.

Sí, el código CSS funciona bien en otro sitio web:
https://kriyayogasandesh.com

Capturas de pantalla:
https://prnt.sc/nz4a4z
https://prnt.sc/nz4aae

Autor del tema

(@ borde22)

Hace 1 año, 9 meses

Hola,

El problema parece deberse a este aspecto:

<a class="post-block-link" href="https://your-website.com/practical-words-of-wisdom/"></a>

¿Cómo publicas este enlace en este momento?

Avísame 🙂

Lanzador de hilos

(@dhyanakendra)

Hace 1 año, 9 meses

Hola Tom

Básicamente, quería hacer clic en la columna de publicación completa usando este código:

whole post div clickable in blog / archives - https://generatepress.com/
forums/topic/how-to-make-whole-post-div-clickable-in-blog-archives/
.inside-article {
	position: relative;
}
a.post-block-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    /* Makes sure the link doesn't get underlined */
    z-index: 10;
    /* raises anchor tag above everything else in div */
    background-color: white;
    /*workaround to make clickable in IE */
    opacity: 0;
    /*workaround to make clickable in IE */
    filter: alpha(opacity=0);
    /*workaround to make clickable in IE */
}

He desactivado el CSS y todo vuelve a la normalidad con un efecto de desplazamiento. Muchas gracias por el hecho y por el amplio apoyo para personas no tecnológicas como yo.

Lección aprendida: nunca copie ciegamente ningún código. ¡Pregúntele al EXPERTO! 🙂

Acerca de BM Warmers

Autor del tema

(@ borde22)

Hace 1 año, 9 meses

¡No hay problema! Creo que javascript es una mejor solución para ese tipo de cosas: https://generatepress.com/forums/topic/making-blog-post-container-clickable/#post-602864

¿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 *