Estimados usuarios del plugin WordPress tooltip, Esperamos que se encuentren bien y que estén disfrutando de un buen tiempo con sus seres queridos. Recientemente hemos recibido emocionantes sugerencias de nuevas funciones por parte de un talentoso desarrollador de WordPress que nos han interesado mucho. Nuestro equipo de desarrollo está trabajando arduamente en estas ideas para implementarlas lo antes posible.
Saludos del equipo de Tooltips,
Agradecemos su pronta respuesta sobre la actualización a la versión 35.5.8 y su apoyo continuo. Estoy utilizando el plugin Tooltips Pro Plus para mi sitio web, que se basa en el tema Salient (y WPBakery).
Problema: Los tooltips en el front-end están cargando CSS relacionado con Bootstrap/Awesome/reset + admin.css, lo que cubre la cuadrícula personalizada de Salient y crea conflictos con el equipo de Font Awesome.
Hay conflictos con Font Awesome (el tema/equipo utiliza la versión FA6, mientras que el plugin agrega otra versión de FA, y por lo tanto, los iconos de comunicación aparecen como cuadros vacíos o provocan errores de iconos).
Solución A:
He modificado el plugin WordPress Tooltip de la siguiente manera:
- Verificar si cada estilo cargado/detenido está relacionado con la cadena Bootstrap/font-awesome.
- Si el tema o otros plugins ya se han cargado, detener inmediatamente la función para evitar cargar Bootstrap/font-awesome personalizado del plugin WordPress Tooltip.
- De lo contrario, el plugin WordPress Tooltip cargará su propio Bootstrap/font-awesome.
Nuestro código es el siguiente:
$enableBootstrapCSS = get_option('enableBootstrapCSS');
if ($enableBootstrapCSS == 'NO')
{}
else
{
global $wp_styles;
$bs_handles = array(
'bootstrap',
'bootstrap-css',
'bootstrap-style',
'bootstrap5',
'bootstrap-5',
'bootstrap4',
'bootstrap-4',
'tb-bootstrap',
'theme-bootstrap',
'font-enableBootstrapCSS',
'enableBootstrapCSS',
);
foreach ( $bs_handles as $hdl ) {
if ( wp_style_is( $hdl, 'registered' ) || wp_style_is( $hdl, 'done' ) ) {
return;
}
}
$needles = array( 'bootstrap', 'bootstrap.min.css' );
foreach ( array_merge( $wp_styles->done, $wp_styles->queue ) as $done_or_queued ) {
$obj = $wp_styles->registered[ $done_or_queued ] ?? false;
if ( ! $obj ) {
continue;
}
$src = $obj->src ?? "";
foreach ( $needles as $n ) {
if ( stripos( $src, $n ) !== false ) {
return;
}
}
}
wp_enqueue_script('bootstrap', plugin_dir_url( __FILE__ ) . 'js/bootstrap/bootstrap.min.js', array('jquery'), '5.0', true);
}
Otro requerimiento funcional:
Resolvamos el problema de los tooltips que se desvían en pantallas móviles (los tooltips cubren el contenido a los lados).
Pasos para estabilizar:
A) Detener la carga de estilos del plugin que no deberían estar en el front-end.
Hemos eliminado/reducido los recursos de Tooltips que causaban conflictos (admin.css, skin ionRangeSlider, bootstrap/awesome/reset). Objetivo mínimo:
Solución B:
Hemos examinado cuidadosamente el código del plugin WordPress Tooltip. Las versiones anteriores solo cargaban admin.css y skin ionRangeSlider en el panel, lo que impedía su carga en el front-end. El código está organizado de la siguiente manera:
add_action('admin_head', 'tooltips_pro_admin_css');add_action('admin_head', 'tooltips_admin_rangeslider_css_js');
Otro requerimiento funcional:
B) Cargar FA6 solo una vez (eliminar repeticiones en el front-end).
Esta solución resolverá problemas de iconos (las versiones anteriores shim en las categorías fa-* están disponibles).
Solución C:
Este desafío fue abordado en la Solución A.
Requerimiento funcional:
Sería genial implementar esto en su plugin.
Aislamiento de recursos/casos extremos:
- No cargar CSS del tema para el backend en el front-end (is_admin()).
Completado. - Proporcione la opción de seleccionar Bootstrap/Font Awesome (sin aprobación como configuración predeterminada). Ofrezca 3 opciones en la configuración:
A) No cargar ningún equipo de iconos (usar el equipo del tema),
B) Cargar FA6 (core/brands/solid),
C) Cargar solo versiones anteriores de shim fa.
Completado. La versión anterior sigue usando FA6.5 y el plugin Tooltip está en FA6.4. - Cargar el estilo ionRangeSlider en el front-end solo si el slider no es visible.
Completado. - Los nombres de los estilos deben ser únicos y específicos.
Agregar un nombre raíz único (por ejemplo: .tooltips-pro …) a todas sus opciones en el plugin y evitar el uso de selectores demasiado generales como .row, .col, .btn, i, .icon, strong.
Completado. No podemos usar selectores generales como .row, .col, .btn, i, .icon, strong. - Siempre que sea necesario, use estilos similares a Bootstrap, limite: .tooltips-pro .btn { … } no .btn { … }
Completado. - Cargar solo si es absolutamente necesario.
Agregar recursos al front-end solo cuando los tooltips ya estén presentes en la página (comprobar el shortcode/contenido o usar una etiqueta del servidor).
A pesar de que apoyamos funciones relacionadas con Tooltip (menú en Tooltip, uso de texto alternativo de imágenes como tooltip, y Tooltip para campos de formularios de contacto y más), aún no se ha encontrado una solución simple para este requerimiento. Nos disculpamos por ello.
Compatibilidad con Font Awesome:
Si cambias Font Awesome, por favor utiliza FA6 y documenta eso. Evita importar versiones anteriores de FA a FA6 para evitar problemas con los iconos. Usar SVG como iconos integrados en la interfaz de usuario es un buen método para eliminar completamente las dependencias de FA.
Completado. La versión anterior sigue usando FA6.5 y el plugin Tooltip está en FA6.4.
Le agradecemos sinceramente por sus excelentes sugerencias y si tiene otros requisitos funcionales, no dude en contactarnos. Esperamos poder implementarlos para usted
Gracias. Esperamos que pase un buen rato con su familia
Saludos,
Soporte del plugin WordPress Tooltip
Related posts:
- ¿Cómo crear tooltips multilingües utilizando el plugin Polylang con tooltips de WordPress?
- ¿Cómo desactivar los Tooltips de WordPress en los enlaces URL?
- En el panel de configuración del directorio de tooltips de WordPress, carga Bootstrap.js y Bootstrap.css solo cuando sea necesario, se ha lanzado la versión WordPress Tooltips Plus 31.9.8
- Nueva plantilla de lista de glosario con nuevo shortcode de lista de glosario en el complemento Tooltips de WordPress – Lanzado WordPress Tooltips Pro Plus 35.4.8
Leave a Reply