Queridos usuários do plugin WordPress tooltip, Esperamos que todos estejam bem e aproveitando um bom tempo com suas famílias. Recentemente, recebemos sugestões emocionantes de novas funcionalidades de um talentoso desenvolvedor de WordPress que chamaram muito nossa atenção. Nossa equipe de desenvolvimento está trabalhando arduamente nessas ideias para implementá-las o mais rápido possível.
Saudações da equipe Tooltips,
Agradecemos sua rápida resposta sobre a atualização para a versão 35.5.8 e seu apoio contínuo. Estou usando o plugin Tooltips Pro Plus para meu site, que se baseia no tema Salient (e WPBakery).
Problema: Os tooltips no front-end estão carregando CSS relacionado ao Bootstrap/Awesome/reset + admin.css, o que cobre a grade personalizada do Salient e cria conflitos com a equipe do Font Awesome.
Existem conflitos com o Font Awesome (o tema/equipe utiliza a versão FA6, enquanto o plugin adiciona outra versão de FA, fazendo com que os ícones de comunicação apareçam como caixas vazias ou gerem erros de ícones).
Solução A:
Eu modifiquei o plugin WordPress Tooltip da seguinte forma:
- Verificar se cada estilo carregado/detenido está relacionado à cadeia Bootstrap/font-awesome.
- Se o tema ou outros plugins já foram carregados, interromper imediatamente a função para evitar carregar o Bootstrap/font-awesome personalizado do plugin WordPress Tooltip.
- Caso contrário, o plugin WordPress Tooltip carregará seu próprio Bootstrap/font-awesome.
Nosso código é o seguinte:
$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);
}
Outro requerimento funcional:
Precisamos resolver o problema dos tooltips que se desviam em telas móveis (os tooltips cobrem o conteúdo nas laterais).
Passos para estabilizar:
A) Parar o carregamento de estilos do plugin que não deveriam estar no front-end.
Removemos/reduzimos os recursos de Tooltips que estavam causando conflitos (admin.css, skin ionRangeSlider, bootstrap/awesome/reset). Objetivo mínimo:
Solução B:
Examinamos cuidadosamente o código do plugin WordPress Tooltip. As versões anteriores apenas carregavam admin.css e skin ionRangeSlider no painel, impedindo seu carregamento no front-end. O código está organizado da seguinte maneira:
add_action('admin_head', 'tooltips_pro_admin_css');add_action('admin_head', 'tooltips_admin_rangeslider_css_js');
Outro requerimento funcional:
B) Carregar FA6 apenas uma vez (eliminar repetições no front-end).
Essa solução resolverá problemas de ícones (as versões anteriores shim nas categorias fa-* estão disponíveis).
Solução C:
Esse desafio foi abordado na Solução A.
Requerimento funcional:
Seria ótimo implementar isso em seu plugin.
Isolamento de recursos/casos extremos:
- Não carregar CSS do tema para o back-end no front-end (is_admin()).
Concluído. - Forneça a opção de selecionar Bootstrap/Font Awesome (sem aprovação como configuração padrão). Ofereça 3 opções na configuração:
A) Não carregar nenhuma equipe de ícones (usar a equipe do tema),
B) Carregar FA6 (core/brands/solid),
C) Carregar apenas versões anteriores de shim fa.
Concluído. A versão anterior ainda está usando FA6.5 e o plugin Tooltip está em FA6.4. - Carregar o estilo ionRangeSlider no front-end apenas se o slider não estiver visível.
Concluído. - Os nomes dos estilos devem ser únicos e específicos.
Adicionar um nome raiz único (por exemplo: .tooltips-pro …) a todas suas opções no plugin e evitar o uso de seletores muito gerais como .row, .col, .btn, i, .icon, strong.
Concluído. Não podemos usar seletores gerais como .row, .col, .btn, i, .icon, strong. - Sempre que possível, use estilos similares ao Bootstrap, limite: .tooltips-pro .btn { … } não .btn { … }
Concluído. - Carregar somente se for absolutamente necessário.
Adicionar recursos ao front-end somente quando os tooltips já estiverem presentes na página (verificar o shortcode/conteúdo ou usar uma etiqueta do servidor).
Embora apoiemos funções relacionadas ao Tooltip (menu em Tooltip, uso de texto alternativo de imagens como tooltip, e Tooltip para campos de formulário de contato e mais), ainda não encontramos uma solução simples para esse requerimento. Pedimos desculpas por isso.
Compatibilidade com Font Awesome:
Se você alterar o Font Awesome, por favor, use FA6 e documente isso. Evite importar versões anteriores de FA para FA6 para evitar problemas com os ícones. Usar SVG como ícones integrados na interface do usuário é um bom método para eliminar completamente as dependências de FA.
Concluído. A versão anterior ainda está usando FA6.5 e o plugin Tooltip está em FA6.4.
Agradecemos sinceramente por suas excelentes sugestões e, se você tiver outros requisitos funcionais, não hesite em nos contatar. Esperamos poder implementá-los para você
Obrigado. Esperamos que você tenha um bom tempo com sua família
Atenciosamente,
Suporte do plugin WordPress Tooltip
Related posts:
- Como mudar a ativação do tooltip no WordPress de passar o mouse para clicar
- No painel de configurações do diretório de tooltips do WordPress, carregue Bootstrap.js e Bootstrap.css somente quando necessário, a versão WordPress Tooltips Plus 31.9.8 foi lançada
- Há uma maneira de mostrar seletivamente dicas do WordPress de categorias específicas — WordPress Tooltips
- Criando uma Experiência de Aprendizagem Sem Costura — Vinculando Termos do Glossário a Categorias, Plugin Gratuito WordPress Tooltip Versão 10.6.3 Lançado
Leave a Reply