Pregunta sobre Twenty Twenty de Wordpress:

Agregar Telegram a los íconos sociales

Un usuario preguntó 👇

Hola, estoy usando el tema Twenty Twenty y he habilitado el menú social. Tenemos un canal de Telegram, así que me gustaría agregar un ícono social de Telegram, pero cuando escribo «Telegram» solo aparece un ícono de «url».

¿Se puede agregar un ícono de Telegram manualmente?

Gracias.

(@jarretc)

Hace 1 año, 1 mes

Puede agregar cualquier ícono asumiendo que tiene la imagen correcta y conoce algún código. No estoy seguro de qué tan hábil es con el código, pero he proporcionado un ejemplo aquí:

https://wordpress.org/support/topic/icon-whatsapp-in-social-menu-2/#post-12284873

Cómo configurar el icono de Whatsapp en el tema para que puedas hacer lo mismo con Telegram

Lanzador de hilos

(@skariko)

Hace 1 año, 1 mes

¡Funciona! Gracias 🙂

Lanzador de hilos

(@skariko)

Hace 1 año, 1 mes

Hola @jarretc Descubrí que este arreglo no funciona en el menú de hamburguesas en un teléfono inteligente. ¿Sabes cómo incluirlo?

¡Gracias!

(@jarretc)

Hace 1 año, 1 mes

¿Encontraste que esto funcionaba? Cuando reviso el sitio al que vinculó originalmente en mi navegador con un ancho más pequeño y miro el sitio en mi iPhone 7, veo el icono de Telegram ubicado en el menú.

¿Quizás no lo ha visto debido al almacenamiento en caché? Si aún no está allí, intente usar una ventana privada / de incógnito en su dispositivo móvil o fuerce el borrado de cualquier caché visitando su sitio con algo adjunto al final de la URL:

https://example.com?nocache

Lanzador de hilos

(@skariko)

Hace 1 año, 1 mes

Me refiero al menú de hamburguesas, no al encabezado ni al pie de página. En el encabezado y pie de página funciona bien.

En el móvil hay una hamburguesa de menú en la parte superior derecha. Si hace clic en él, el menú social está allí.

Pero al escribir para usted ahora, descubrí cómo solucionarlo, luego escribo para ayudar a cualquiera que necesite esto.

.social-menu
a[href*="t.me"] {
	background-image: url('/wp-content/uploads/2020/01/tg-social.png');
	background-repeat: no-repeat;
	background-position: center;
}

y

.social-menu li a[href*="t.me"] svg {
	display: none;
}

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