Tere, WordPress tooltip lisanduse kasutajad, Loodame, et teil läheb hästi ja veedate toredat aega oma lähedastega. Hiljuti saime põneva taotluse uute funktsioonide osas ühelt andekalt WordPressi arendajalt ning olime tõeliselt hämmastunud tema ettepanekutest. Meie lisanduse arendusmeeskond töötab kõvasti nende ideede teostamise kallal, et need saaksid peagi valmis.
Tere, Tooltips meeskond,
Aitäh kiire vastuse eest seoses värskendusega 35.5.8 ja eelneva toe eest. Kasutan Tooltips Pro Plus lisandust Salient teema (ja WPBakery) koosseisus oma veebisaidil.
Probleem: Tooltips laadivad esiplaanil CSS-i, mis on seotud Bootstrap/Awesome/reset + admin.css, mis katab Salienti kohandatud ruudustiku ning tekitab konflikte Font Awesome meeskonnaga.
Konfliktid Font Awesome’iga (teema/meeskond kasutavad FA6 versiooni ja lisand lisab erineva versiooni FA-st, mis põhjustab, et suhtlusikoonid kuvatakse tühjade kastidena või ikoonivigadena).
Lahendus A:
Parandasin WordPress Tooltip lisanduse järgmiselt:
- Kontrollige, kas iga laaditud/peatatud stiili fail sisaldab Bootstrap’i/font-awesome ahelat.
- Kui teema või muud lisandused on juba laaditud, katkestage protsess kohe, et WordPress Tooltip lisand ei laadiks oma Bootstrap’i/font-awesome raamatukogu.
- Kui ei, laadib WordPress Tooltip lisand oma Bootstrap’i/font-awesome raamatukogu.
Meie kood on järgmine:
$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);
}
Järgmine funktsioonitaotlus:
Probleem tooltipide kõrvalekaldumisega ekraanilt mobiilseadmetes (tooltips katab sisu servades).
Stabiliseerimise sammud: A) Olen katkestanud stiilide laadimise lisanditest, mida ei tohiks esiplaanil laadida.
Eemaldasime/kirjutasime sisse ainult Tooltips’i ressursid, mis põhjustasid konflikti (admin.css, skin ionRangeSlider, bootstrap/awesome/reset). Minimumeesmärk on:
Lahendus B:
Uurisime põhjalikult WordPress Tooltip lisanduse koodi. Varasem versioon laadis admin.css ja skin ionRangeSlider ainult haldusala, takistades nende laadimist esiplaanil. Kood on organiseeritud järgmiselt:
add_action('admin_head', 'tooltips_pro_admin_css');add_action('admin_head', 'tooltips_admin_rangeslider_css_js');
Järgmine funktsioonitaotlus:
B) Laadige FA6 ainult üks kord (eemaldage kordused esiplaanil).
See lahendus lahendab ikooniprobleemid (vanad versioonid fa fa-* kategooriatest sisaldavad v4-shim’e).
Lahendus C:
See väljakutse on lahendatud lahenduses A.
Funktsioonitaotlus:
Oleks tore see teie lisandusse rakendada.
Ressursside/äärte isoleerimine:
- Ärge laadige haldusteema CSS-i esiplaanile (is_admin()).
Oleme lõpetanud. - Tehke Bootstrap/Font Awesome valik (ilma selle lubamiseta vaikevalikuna). Pakkuge seadistustes 3 valikut:
A) Ärge laadige ühtegi ikoonide meeskonda (kasutage teema meeskonda),
B) Laadige FA6 (core/brands/solid),
C) Laadige ainult pärand shim fa fa- versioonide jaoks.
Oleme lõpetanud. Kasutatakse endiselt FA6.5, ja WordPress Tooltip lisand kasutab FA6.4. - Laadige ionRangeSlider stiil esiplaanil ainult siis, kui reguleerimisriba ei ole nähtav.
Oleme lõpetanud. - Stiilinimed peavad olema unikaalsed ja spetsiifilised
Lisage kõikidele oma valikutest lisandile ainulaadne juur (nt: .tooltips-pro …) ja vältige üleüldiste valikute nagu .row, .col, .btn, i, .icon, strong kasutamist.
Oleme lõpetanud. Me ei saa kasutada üldisi valikuid nagu .row, .col, .btn, i, .icon, strong üleüldiselt. - Kui on vajalik kasutada Bootstrapiga sarnaseid stiile, piira: .tooltips-pro .btn { … } mitte .btn { … }
Oleme lõpetanud. - Laadi ainult siis, kui see on hädavajalik
Lisage ressursse esiplaanile ainult siis, kui tooltips on juba lehel (kontrollige shortcode/sisu või kasutage serveri sildi).
Arvestades, et pakume tuge seoses vastava Tooltips funktsiooniga (Tooltips menüüsse, alternatiivse pildi teksti kasutamine Tooltipsena, ja Tooltips kontaktvormi väljadele jne), ei ole seni olnud lihtne sellele taotlusele lahendus leida. Palun vabandage selle pärast.
Compatibiliteet Font Awesome’iga:
Kui pakute Font Awesome, kasutage palun FA6 ja dokumenteerige see. Vältige vanade versioonide importimist FA-st koos FA6-ga, et vältida ikoonide ühilduvusprobleeme. SVG-de kasutamine sisseehitatud kasutajaliidese ikoonidena on hea meetod, et täielikult vabaneda FA-sõltuvusest.
Oleme lõpetanud. Kasutatakse endiselt FA6.5, ja WordPress Tooltip lisand kasutab FA6.4.
Tänan teid suurepärase ettepaneku eest ning kui teil on veel funktsioonitaotlusi, ärge kõhelge meiega ühendust võtmast. Oleme väga põnevil, et saame selle teie jaoks ellu viia
Aitäh. Soovime, et veedaksite toreda päeva oma pere seltsis
Parimate soovidega,
WordPress Tooltip lisanduse tugimeeskond
Leave a Reply