Cari utenti del plugin WordPress tooltip, Speriamo che stiate bene e che stiate trascorrendo del tempo di qualità con i vostri cari. Di recente abbiamo ricevuto proposte entusiasmanti per nuove funzionalità da un talentuoso sviluppatore WordPress, le quali ci hanno colpito. Il nostro team di sviluppo sta lavorando sodo su queste idee affinché possiamo realizzarle al più presto.
Saluti dal team di Tooltips,
Grazie per la rapida risposta riguardo l’aggiornamento alla versione 35.5.8 e per il vostro supporto passato. Utilizzo il plugin Tooltips Pro Plus per il mio sito web, che si basa sul tema Salient (e WPBakery).
Problema: I tooltip nel frontend caricano CSS relativi a Bootstrap/Awesome/reset + admin.css, il che copre la griglia personalizzata di Salient e crea conflitti con il team di Font Awesome.
Ci sono conflitti con Font Awesome (il tema/il team utilizza la versione FA6, mentre il plugin aggiunge una versione diversa di FA, ecco perché le icone di comunicazione vengono visualizzate come quadrati vuoti o provocano errori iconici).
Soluzione A:
Ho modificato il plugin WordPress Tooltip nel seguente modo:
- Controlla se ogni file di stile caricato/fermo è collegato alla catena Bootstrap/font-awesome.
- Se il tema o altri plugin sono già stati caricati, interrompi immediatamente la funzione per evitare di caricare il proprio Bootstrap/font-awesome del plugin WordPress Tooltip.
- In caso contrario, il plugin WordPress Tooltip carica il proprio Bootstrap/font-awesome.
Il nostro codice è il seguente:
$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);
}
Richiesta funzionale successiva:
Risolviamo il problema dei tooltip spostati sugli schermi mobili (i tooltip coprono il contenuto ai lati).
Passi di stabilizzazione:
A) Interrompere il caricamento degli stili di plugin che non dovrebbero essere nel frontend.
Abbiamo rimosso/ridotto al minimo le risorse di Tooltips che causavano conflitti (admin.css, skin ionRangeSlider, bootstrap/awesome/reset). Obiettivo minimo:
Soluzione B:
Abbiamo esaminato attentamente il codice del plugin WordPress Tooltip. La versione precedente caricava solo admin.css e skin ionRangeSlider nel pannello di controllo, impedendo il loro caricamento nel frontend. Il codice è organizzato nel seguente modo:
add_action('admin_head', 'tooltips_pro_admin_css');add_action('admin_head', 'tooltips_admin_rangeslider_css_js');
Richiesta funzionale successiva:
B) Caricare FA6 una sola volta (rimuovendo le ripetizioni nel frontend).
Questa soluzione risolverà i problemi iconici (le versioni più vecchie shim v4 delle categorie fa-* sono disponibili).
Soluzione C:
Questa sfida è stata affrontata nella Soluzione A.
Richiesta funzionale:
Sarebbe bello realizzare ciò nel vostro plugin.
Isolamento delle risorse/corner cases:
- Non caricare CSS di tema per il backend nel frontend (is_admin()).
Concluso. - Si prega di fornire un’opzione per scegliere Bootstrap/Font Awesome (senza autorizzazione come impostazione predefinita). Offrire 3 opzioni nelle impostazioni:
A) Non caricare alcuna squadra di icone (utilizzare la squadra del tema),
B) Caricare FA6 (core/brands/solid),
C) Caricare solo versioni shim fa ereditarie.
Concluso. La versione più vecchia utilizza ancora FA6.5 e il plugin Tooltip è su FA6.4. - Caricare lo stile di ionRangeSlider nel frontend solo se il cursore non è visibile.
Concluso. - I nomi degli stili devono essere unici e specifici.
Aggiungere un nome radice unico (ad es.: .tooltips-pro …) a tutte le vostre opzioni nel plugin e evitare di utilizzare selettori troppo generali, come .row, .col, .btn, i, .icon, strong.
Concluso. Non possiamo utilizzare selettori generali come .row, .col, .btn, i, .icon, strong. - Quando necessario, utilizzare stili simili a Bootstrap, limitare: .tooltips-pro .btn { … } non .btn { … }
Concluso. - Caricare solo se è assolutamente necessario.
Aggiungere risorse nel frontend solo quando i tooltip sono già presenti nella pagina (controllare shortcode/contenuto o utilizzare server label).
Anche se supportiamo funzioni relative al Tooltip (menu nel Tooltip, utilizzo di testo alternativo delle immagini come tooltip, e Tooltip per i campi del modulo di contatto e altro), fino a questo momento non c’è stata una soluzione semplice per questa richiesta. Ci scusiamo per questo.
Compatibilità con Font Awesome:
Se cambiate Font Awesome, si prega di utilizzare FA6 e documentarlo. Evitare l’importazione di vecchie versioni da FA in FA6 per evitare problemi con le icone. L’uso di SVG come icone incorporate nell’interfaccia è un buon metodo per eliminare completamente le dipendenze da FA.
Concluso. La versione più vecchia utilizza ancora FA6.5 e il plugin Tooltip è su FA6.4.
Vi ringraziamo sinceramente per le fantastiche proposte e se avete ulteriori richieste funzionali, non esitate a contattarci. Non vediamo l’ora di realizzarle per voi
Vi ringraziamo. Speriamo che trascorriate del tempo piacevole con la vostra famiglia
Cordiali saluti,
Supporto del plugin WordPress Tooltip
Related posts:
- Come sostituire il link “Glossario” nelle briciole di pane del glossario nel plugin WordPress Tooltips?
- Come creare tooltip multilingue utilizzando il plugin Polylang con i tooltip di WordPress?
- Come utilizzare il modello di glossario della tabella Bootstrap all’interno del plugin WordPress Tooltips per creare un glossario attraente
- C’è un modo per mostrare selettivamente i tooltip di WordPress provenienti da categorie specifiche — WordPress Tooltips
Leave a Reply