Pregunta sobre AMP for WP - Accelerated Mobile Pages de Wordpress:

OK Enlace de color en el escritorio pero no en el teléfono móvil

Un usuario preguntó 👇

Hola. Seguí los consejos de este otro tema sobre cómo cambiar el color de un hipervínculo, y aunque cambia el color del enlace cuando veo mis páginas AMP en mi escritorio, el color del texto vinculado en un teléfono móvil no cambia y no se puede cambiar identificar del texto sin encuadernar.

¡Gracias!

(@frenchomatic)

Hace 3 años, 4 meses

El color de la conexión para mí no se ha corregido en su sitio de amplificador. Vaya a su panel de administración para el plugin, luego vaya a diseño e ingrese al área CSS personalizada. Por ejemplo, péguelo si desea que sea igual a las páginas de su escritorio:

.a, .a:visited{
   color: #0D72C7;
   text-decoration: underline;
   font-weight:bold;
}

Observo que no tienes el cursor sobre las conexiones de tu escritorio. Si lo hizo, también deberá ingresar el mismo CSS en su versión de AMP.

(@marqas)

Hace 3 años, 4 meses

Hola @enxaqueca,

Intente agregar este código a la opción CSS personalizada presente en el panel de opciones de AMP.

.amp-wp-article a{
    color: red
}

(@enxaqueca)

Hace 3 años, 4 meses

Hola @marqas y gracias por tu ayuda! Por extraño que parezca, no funcionó para mí. Me pregunto qué podría estar mal.

(@frenchomatic)

Hace 3 años, 4 meses

Esto puede funcionar debido a la jerarquía CSS si desea reflejar los enlaces de su versión que no es de AMP. Escribí mal en mi publicación original.

a, a: visita {color: # 0D72C7; decoración del texto: subrayado}

Luego, si tiene almacenamiento en caché en su sitio, vacíe el caché por si acaso. No estoy seguro de por qué no se muestra si realizó el cambio y luego lo guardó. ¿Tiene algo especial en .htaccess?

La SEC de Marqas también debería funcionar.

Debería poder ver el CSS que ingresó en el código fuente de su página AMP.

Esta respuesta fue modificada hace 3 años, 4 meses por. Esta respuesta fue modificada hace 3 años, 4 meses por. Esta respuesta fue modificada hace 3 años, 4 meses por.

(@enxaqueca)

Hace 3 años, 4 meses

¡Hola, @frenchomatic! Tu CSS hizo el trik, en lugar de la parte subrayada. ¡Gracias! Ya es una gran mejora en mis enlaces que no se pueden identificar en texto sin formato. Me pregunto por qué la línea no se hundió.

(@frenchomatic)

Hace 3 años, 4 meses

Agrega esto

.amp-wp-article a {decoración del texto: forro; }

y esto también para lidiar con el desplazamiento del mouse de AMP, ya que no parece estar repasando las páginas que no son de AMP. Personalmente, quiero definir un interruptor de desplazamiento en su página AMP y no AMP, pero esa es su decisión de diseño. Si desea cambiar el color de los enlaces para mantener el mouse, hágamelo saber y le daré el CSS.

a, a: visit, a: hover, a: focus {color: # 0D72C7; decoración de texto: forro; }

Básicamente, necesitas replicar el CSS que estás usando en los enlaces de tu página que no es de amp.

(@enxaqueca)

Hace 3 años, 4 meses

Gracias, @frenchomatic, ¡el subrayado está ahí ahora!

Y muchas gracias también por el consejo sobre la implementación del cambio de desplazamiento. Mi idea era que, dado que los teléfonos móviles no tienen un cursor para ir al texto del enlace, solo las puntas de nuestros dedos, simplemente toque, podría terminar con la nota. ¿No es así?

Si esto hace que la accesibilidad sea más visible para mis Me gusta, definitivamente quiero implementar el cambio flotante del color del enlace. ¿Sería tan amable de informarme de la SEC? Gracias de nuevo.

(@frenchomatic)

Hace 3 años, 4 meses

Enfatizaría los enlaces y pasaría el mouse sin énfasis en ellos. El cambio de color no es suficiente para las personas con discapacidad visual. El cambio de forma es más accesible para ellos y cumple con los estándares de accesibilidad. También usaría un cambio de color para hover y onfocus, ya que es un buen diseño de hacer. En este caso

a, a: visita {color: # 0D72C7; decoración de texto: forro; }

a: hover, a: focus {color: red; o del color que elijas. decoración de texto: ninguna; }

.amp-wp-alt a, .amp-wp-alt a: visita {color: # 0D72C7; decoración de texto: forro; } .amp-wp-alt a: desplazarse, centrarse .amp-wp-article {color: rojo; o el color que elijas #hex. decoración de texto: ninguna; }

Luego use (cambie) los primeros dos bits de código en su CSS que no sea de AMP también. La esperanza tiene sentido.

(@marqas)

Hace 3 años, 4 meses

Hola, @frenchomatic Muchas gracias por ayudar a los usuarios.

@enxaqueca, avísanos si necesitas más ayuda.

Sobre Marqas

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