Cómo puedo evitar que las sugerencias emergentes de WordPress se posicionen fuera de la pantalla en pantallas pequeñas(WordPress Tooltips Plugin)?

Hola queridos usuarios del plugin de sugerencias emergentes de WordPress Tooltips, espero que este mensaje los encuentre bien y disfrutando de un maravilloso fin de semana con sus seres queridos. Hemos recibido una consulta de un nuevo usuario del plugin de sugerencias emergentes de WordPress, él pregunta:

Hola,
Las sugerencias emergentes se posicionan fuera de la pantalla en pantallas pequeñas.
¿Tienen planes de solucionar ese problema?

Creemos que puede haber más usuarios con preguntas similares, por lo que nos gustaría documentar públicamente la solución aquí

 

¿Cómo puedo evitar que las sugerencias emergentes de WordPress Tooltips se posicionen fuera de la pantalla en pantallas pequeñas?

  1. Si no has instalado la versión Pro de WordPress Tooltips, por favor inicia sesión en tu cuenta en el sitio web del Plugin de Sugerencias Emergentes de WordPress en tooltip.org. De lo contrario, consulta el paso #11.
  2. Dirígete a la página “Mi Cuenta” y descarga el Plugin de Sugerencias Emergentes de WordPress.
  3. ¡Ahora, continuemos con el proceso de instalación!
  4. Inicia sesión en el área de administración de WordPress como administrador.
  5. Haz clic en la opción “Plugins” en el panel de control.
  6. Desactiva cualquier versión anterior del plugin de sugerencias emergentes, si tienes alguna.
  7. Elimina por completo el antiguo Plugin de Sugerencias Emergentes de WordPress.
  8. Aún en el menú “Plugins”, selecciona “Añadir nuevo” en la parte superior del panel de plugins.
  9. Sube el archivo zip del plugin de sugerencias emergentes que descargaste desde el sitio del Plugin de Glosario de WordPress.
  10. Activa la última versión del Plugin de Glosario de WordPress. ¡Bien hecho! Ahora, personalicemos el estilo de las sugerencias emergentes.
  11. Haz clic en la opción “Sugerencias emergentes”.
  12. En el menú desplegable, elige “Estilo de sugerencia emergente”. Esto abrirá el panel “Estilo de sugerencias emergentes”, como se muestra en la siguiente captura de pantalla: Panel de Estilo de Sugerencias Emergentes en WordPress Tooltips Pro Plus 28.2.8 Captura de pantalla: Tooltips Style Panel in wordpress tooltips pro plus 28.2.8Panel de Estilo de Sugerencias Emergentes en WordPress Tooltips Pro Plus 28.2.8
  13. En este panel, encontrarás opciones para ajustar la posición de la sugerencia emergente, el color de fuente del título, el tamaño de fuente del título, el color de fondo ¡y mucho más! Tienes la libertad de personalizar cada aspecto de la sugerencia emergente de WordPress según tus preferencias. ¡Qué emocionante, ¿verdad?!
  14. En el panel de ajustes de estilo, encontrarás la opción “Posición de la Caja de Sugerencias Emergentes”, que ofrece diversas opciones de posicionamiento, como bottomRight, bottomLeft, topRight, topLeft, topMiddle, bottomMiddle, rightMiddle y leftMiddle… Nuestro plugin de Sugerencias Emergentes de WordPress ofrece la práctica función de posicionamiento automático. Permítenos explicarte cómo funciona con un par de ejemplos. Si seleccionas la posición “topMiddle” para la caja de sugerencias emergentes, aparecerá inteligentemente en la parte superior central de la palabra clave de la sugerencia en el frontend. Del mismo modo, si eliges la posición “bottomMiddle”, la caja de sugerencia se mostrará en la parte inferior central de la palabra clave. Hemos desarrollado esta función para asegurarnos de que tus sugerencias se alineen perfectamente con el contexto previsto, lo que resulta en una experiencia de usuario fluida e intuitiva. Nuestra sugerencia es seleccionar la opción “bottomMiddle” o “topMiddle”.
  15. Ahora, por favor, revisa la opción “Ancho de la Caja de Sugerencias Emergentes” en el panel de ajustes de estilo de sugerencia. Aquí puedes personalizar el ancho de la sugerencia emergente. Por ejemplo, “600” significa “600px” para la caja emergente de la sugerencia. Sin embargo, en una pantalla pequeña, si la caja de la sugerencia se establece en 600px, la posición de la sugerencia puede exceder el ancho de la pantalla pequeña. Nuestra sugerencia es seleccionar la opción “auto”. “Auto” significa que el ancho de la caja de la sugerencia se determinará automáticamente según lo que introduzcas.
  16. En general, esto resolverá el problema de “las sugerencias emergentes se posicionan fuera de la pantalla en pantallas pequeñas”. En el plugin de Sugerencias Emergentes de WordPress, ofrecemos un código personalizado para que el administrador del tooltip pueda personalizar el estilo de la sugerencia. Se ve así: código personalizado del glosario de sugerencias emergentes En el código personalizado de sugerencias emergentes, puedes personalizar el estilo de la caja de sugerencias. 
    tooltip glossary custom coder

    Un ejemplo simple de código se ve así:
    .ui-wordpress-tooltip-pro { width: 100px !important; }
    o
    .ui-wordpress-tooltip-pro { max-width: 40% !important; }
    Puedes ajustar el código según tus necesidades reales Espero que esto te ayude un poco

Deseándote un día encantador por delante.
Un cordial saludo,
Soporte del plugin de sugerencias emergentes de WordPress Tooltips

Tagged with: , , ,

Leave a Reply

Your email address will not be published. Required fields are marked *

*