Pregunta sobre Options for Twenty Twenty de Wordpress:

¿Puedes agregar una opción para cambiar el ícono del menú de hamburguesas?

Un usuario preguntó 👇

Quiero cambiar los 3 puntos horizontales a un menú de hamburguesa horizontal normal de 3 líneas. También es posible que las líneas estén dentro de un cuadro de color. Sería bueno si hubiera un sitio para cargar mi propia imagen con un mouse o si no tuviera una opción súper simple que seleccionar un menú de hamburguesas de 3 líneas. El tema Twenty One tiene un menú SVG, por lo que no estoy seguro de si es fácil cambiar el código, pero cualquier opción gratuita como otros plugins sería muy buena. Estaba usando Twenty Custom Customization – Twentig y me gustó, pero creo que su plugin ofrece algunas configuraciones básicas que prefiero. Estoy buscando un plugin que pueda ofrecer opciones de personalización fáciles para el tema Twenty Twenty.

(@domainsupport)

Hace 11 meses, 3 semanas

Hola,

Lo investigaremos por ti. Twenty Twenty tiene íconos SVG integrados y, si no hay un ícono adecuado, usaremos WordPress integrado en Dashicons.

No debería ser un problema, sino una opción para elegir un color de fondo para el icono.

Oliver

Lanzador de hilos

(@ a4jpcom)

Hace 11 meses, 3 semanas

Genial. Muchas gracias por la respuesta y el arreglo súper rápidos.

También creo que la transparencia podría no funcionar para el encabezado superior. Si tengo un div con una imagen y lo muevo menos un margen, está debajo del menú blanco. No estoy seguro de si esta es la imagen oculta todavía. Verificaré y presentaré un informe de error adecuado si este es el plugin.

(@domainsupport)

Hace 11 meses, 3 semanas

No hay problema. Ahora estoy encerrado con mis hijos, así que trabajaré en esto para usted cuando se vayan a la cama 🙂

Por favor, avíseme cuando haya investigado el problema de transparencia del encabezado y si necesito resolverlo.

Gracias,

Oliver

(@domainsupport)

Hace 11 meses, 3 semanas

Bien, acabo de enviar una actualización.

Si va a «Personalizador – Opciones de navegación – Usar icono de hamburguesa», podrá cambiar el icono de elipse a un icono de hamburguesa según se solicite.

Déjame saber lo que piensas.

Oliver

Lanzador de hilos

(@ a4jpcom)

Hace 11 meses, 3 semanas

Muchas gracias por eso. No creo que haya visto antes una actualización lanzada rápidamente.

Tuve que cambiar esto .nav-toggle .toggle-inner{padding-top:0} para centrar correctamente el icono de la hamburguesa.

Pude conseguir una hamburguesa de buen color con este código adaptado.

.dashicons{background-color:#394999;color:white}
.nav-toggle .toggle-inner{padding-top:0}

Supongo que debe haber 5 sitios en el futuro.

alternar color de fondo: alternar color: alternar tamaño: alternar almohadilla: alternar margen: ———————————————

Intenté eliminar el espacio en blanco del CSS del encabezado, pero todavía no se ha vuelto transparente por alguna razón y el ancho del encabezado también es un poco loco. Sería genial si pudieras ver esos fragmentos de código. Quizás algunas cosas no se están conectando correctamente.

(@domainsupport)

Hace 11 meses, 3 semanas

Gracias, no nos metemos

Bien, si no escucho a más personas tratando de cambiar el color de fondo del ícono, creo que lo dejaremos ahora (y asumiremos que está contento de haber cambiado eso con su CSS).

Creo que el tamaño debe cambiar, pero una vez que se elige un tamaño visible atractivo, no debería haber necesidad de una opción para esto (igual que el relleno, etc.). Existe un umbral en el que demasiadas opciones innecesarias comienzan a hacer que el plugin sea demasiado voluminoso.

Así que miraré el relleno y el tamaño para la próxima actualización.

Mencionas «eliminar el espacio en blanco de los encabezados» y «el ancho del encabezado es un poco loco». ¿Puede explicar exactamente lo que quiere decir con esto? ¿Quizás mostrar capturas de pantalla para explicar cuál es el problema?

Gracias,

Oliver

Lanzador de hilos

(@ a4jpcom)

Hace 11 meses, 3 semanas

Acabo de descubrir este.

#site-content {
    overflow: hidden;
}

El desbordamiento debe mostrarse cuando la transparencia está activada o no se puede mostrar nada del campo de material en el campo transparente.

El ícono de Dash es de 20 × 20, que es un poco pequeño pero casi perfecto. Creo que Google dice que los botones deberían tener 48 píxeles.

https://developers.google.com/web/fundamentals/accessibility/accessible-styles

“El objetivo táctil mínimo recomendado es de aproximadamente 48 píxeles independientes del dispositivo en un sitio con una ventana de visualización móvil configurada correctamente. Por ejemplo, mientras que un ícono puede tener solo un ancho y alto de 24 px, puedes usar un relleno adicional para llevar el tamaño de toque objetivo hasta 48 px. 3 de septiembre de 2019 ”

Lanzador de hilos

(@ a4jpcom)

Hace 11 meses, 3 semanas

Actualmente, el desbordamiento de div # content-sites está aislado y oculto para que nunca pueda aparecer en el área transparente.
http://a4jp.com/0/bugs/2020-03-24-09-23-pm-001.png

Una vez que se corrige el desbordamiento, todo se muestra correctamente.
http://a4jp.com/0/bugs/2020-03-24-09-23-pm-002.png

Cuando la transparencia está activada, debe mostrar un desbordamiento del contenido del sitio div # o debe haber algo que explique este problema. Sin embargo, cualquier idea que tengas es buena.

(@domainsupport)

Hace 11 meses, 3 semanas

Simplemente presione una actualización para ajustar un poco el ícono de la hamburguesa (relleno y tamaño) para que ahora esté perfectamente centralizado y tenga un tamaño que creemos que está en línea con el ícono original.

Para el asesoramiento de Google por tamaño de botón, el área en la que se puede hacer clic es 86px x 44px (se reduce a 66px x 87px en un teléfono móvil). Esto se hace diseñando el tema original y si Google no está satisfecho con él, estoy seguro de que escuchará de Google Search Console. Si es así, ¡este debería ser un informe de error para el desarrollador del tema!

Para su problema de «desbordamiento». ¡No podemos replicar el problema! ¿Puede explicar exactamente qué opciones está utilizando para ver esta pregunta paso a paso? ¿Estás hablando de “Personalizador – Opciones de navegación – Navegación transparente” o “Personalizador – Opciones de operación – Encabezado transparente”? ¡No reconocemos las capturas de pantalla que mostraste como parte del tema!

Gracias,

Oliver

(@domainsupport)

Hace 11 meses, 1 semana

Como se resolvió el problema básico en este hilo, lo marcaremos como ahora resuelto.

Oliver

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.