Tere, kallid WordPress Tooltip Plugin’i kasutajad! Loodan, et see sõnum leiab teid hästi ja et naudite imelisi päevi oma perega. Saime piletit fantastiliselt WordPress Tooltip kasutajalt, kes teatas CSS-i konfliktist oma teema ja WordPress Tooltips Plugin’i vahel. Meie WordPressi arendaja kontrollis teemat ja leidis, et see on konfliktis Bootstrap’i ja Font Awesome’iga, mida kasutatakse tooltip’ides, teiste asjade seas. Probleemi lahendamiseks meie hinnatud tooltip kasutajale on meie WordPress Tooltips arendaja välja andnud uue versiooni: WordPress Tooltips Pro Plus 35.8.8.
1: Lahendatud konflikt teema ja WordPress tooltip’i hulka kuuluva Bootstrap’i raamistikuga:
Tere, tugimeeskond,
Esiteks: suur tänu veel kord uskumatult kiire reageerimise ja öötöö eest.
Versiooniga 35.8.8 on peaaegu kõik minu poolel korras:
WooCommerce'i tellimuste leht → PHP hoiatused on kadunud ✅
Salient → Tüübi haldamise paneel → enam ei ole katki ✅
Sotsiaalikoonid päises/jalas → näevad head välja ✅
Ainult üks regressioon ilmus kohe pärast versioonile 35.8.8 uuendamist:
Esilehel on mobiilne päis/hero paigutus katki (menüü/päise plokk nihkub ja vahemaa läheb valesti).
See oli juba eelnevas versioonis parandatud, kuid versiooniga 35.8.8 on see tagasi.
Taaskord, suur tänu teie väsimatu töö ja superkiirete vastuste eest — ma tõeliselt hindan, kui paindlikud ja abivalmid te olete!
Soojalt,
Lahendame probleemi tooltip kasutajaga ja vastasime:
Tere
Loodan, et see sõnum leiab teid hästi ja et teil on õnnelikud päevad oma perega
Vabandame probleemi pärast, kontrollisime teema ja meie plugina koode, testisime seda probleemi erinevates resolutsioonides ja avastasime, et see oli põhjustatud konfliktist Bootstrap'i ja teema vahel. Lahendus on lihtne, palun avage tooltipide globaalsete seadete paneel ja keelake valik: "Luba / Keela Bootstrap CSS teema konfliktide vältimiseks?" Meie poolelt leidsime, et kõik töötab hästi
Kas saaksite palun teha testi ja anda meile tagasisidet? Kui on mingeid probleeme, ärge kõhelge meile öelda, lahendame selle teie jaoks nii kiiresti kui võimalik
Aitäh, olge õnnistatud päeva oma lähedastega
Parimate soovidega,
WordPress Tooltips Tugi
2: WooCommerce’i tellimuste leht: mitmed PHP hoiatused ilmuvad endiselt tellimuse detailide sektsiooni alla (seotud post_type’i nulliga):
Tehtud, oleme oma koode ümber kirjutanud, et probleem lahendada:
if (isset($post->post_type)) {
if ($post->post_type == ‘tooltips’) { add_meta_box(“show_tooltips_excerpt_control_meta_box_id”, __(‘Kas näidata kokkuvõtet tooltip’i hüpikaknas?’, ‘wordpress-tooltips’), ‘show_tooltips_excerpt_meta_box’, null, “side”, “high”, null); } }
Nüüd töötab hästi
3: Salient Tüübi paneel: halduspaneel Salient → Tüüp muutub katki ja valejooneliseks, kui WordPress Tooltips Pro on aktiivne.
Tehtud, vaatasime põhiteema koodi ja leidsime, et see sisaldab .tooltip klassi, mis on konfliktis .tooltips klassiga meie admin.css failis. Oleme oma WordPress Tooltips plugina ümber kirjutanud järgmiselt:
Laadige admin.css fail WordPress Tooltips plugina jaoks wp-admin alal ainult siis, kui praegune ekraan kuulub pluginasse.
Koodid:
if (isset($_GET['post_type']))
{
$tooltips_admin_post_type_check = sanitize_text_field($_GET['post_type']);
if ($tooltips_admin_post_type_check === 'tooltips')
{
wp_enqueue_style('tooltips_pro_admin_css', plugin_dir_url(__FILE__) . 'asset/css/admin/admin.css');
}
}
Nüüd töötab hästi
4: Sotsiaalikoonid: Font Awesome ikoonid menüüs ja jalas (sotsiaalsete linkide) kuvatakse endiselt valesti või tühjade kastidena.
Tehtud, Salient teemas leidsime, et nad laadivad oma skripte hilja järgmiselt:
add_action('wp_enqueue_scripts', 'nectar_enqueue_dynamic_css', 20);
Oleme oma plugina ümber kirjutanud, et laadida Font Awesome hilja, et vältida konflikte teiste teemade või pluginatega:
add_action('wp_enqueue_scripts', 'ttfa_load_font_awesome', 10000);
Nii et kõik koodid Salient teemas käivitatakse esimesena, meie koodid kutsuvad Font Awesome'i laadimist viimase asjana.
Seega käivitatakse kõik koodid Salient teemas prioriteediga ja meie plugin kutsub lõpuks Font Awesome'i laadima.
Nüüd töötab hästi
Kasutaja teema kasutas Font Awesome 6.5, ja meie Font Awesome Tooltips kasutasid samuti Font Awesome 6.4 versioonis WordPress Tooltips Pro Plus 35.8.8. Uuendasime Font Awesome tooltip’e, et kasutada uusimat versiooni: Font Awesome 7.1. Mis on Font Awesome?
Font Awesome on populaarne ikoonide tööriistakomplekt ja veebifont, mis pakub suurt kogumit skaleeritavatest vektoriikoonidest ja sotsiaalsetest logodest. See võimaldab arendajatel hõlpsasti integreerida kvaliteetseid ikoone oma veebisaitidele ja rakendustele ilma pildifailide vajaduseta. Font Awesome’i peamised omadused:
Skaleeritavad ikoonid: Kuna Font Awesome'i ikoonid on vektorpõhised, saab neid skaleerida mis tahes suurusele ilma kvaliteedi kadumiseta, muutes need ideaalseks reageerivate disainide jaoks.
Ühilduvus erinevate brauseritega: Font Awesome töötab sujuvalt kõigis kaasaegsetes veebibrauserites.
Lihtne integreerimine: Arendajad saavad Font Awesome'i hõlpsasti oma projektidesse integreerida, kasutades lihtsat <link> sildi või installides selle pakihaldurite, nagu npm või Yarn, kaudu.
Kohandatav: Ikoone saab CSS-iga stiilida, võimaldades muuta värvi, suurust, pöörlemist ja palju muud, et need sobiksid veebisaidi disaininõuetega.
Juurdepääsetav: Font Awesome'i ikoone saab muuta juurdepääsetavaks, kasutades õigeid HTML atribuute, tagades, et neid saavad kasutada ekraanilugejad.
Regulaarne uuendamine: Tööriistakomplekti uuendatakse sageli uute ikoonidega, rikastades selle raamatukogu aja jooksul.
Miks kasutajad armastavad Font Awesome’i:
Lai valik: Font Awesome pakub tuhandeid ikoone, mis katab mitmesuguseid kategooriaid, pakkudes kasutajatele piisavalt valikuvõimalusi, et leida igasuguste rakenduste jaoks ideaalne ikoon.
Lihtsus: Font Awesome'i süntaks on lihtne, muutes selle rakendamise lihtsaks kõigi oskustasemete arendajatele.
Tõhusus: Kuna see on fondipõhine ikoonide komplekt, laadib Font Awesome tavaliselt kiiremini kui traditsioonilised pildiikoonid, aidates parandada veebisaidi jõudlust.
Ühenduse tugi: Suure kasutajaskonna ja põhjaliku dokumentatsiooniga saavad arendajad hõlpsasti leida tuge, õpetusi ja näiteid.
Ühtlane stiil: Kõik ikoonid on ühtse stiiliga, mis aitab säilitada visuaalset järjepidevust veebirakendustes.
Tasuta ja tasulised valikud: Font Awesome pakub nii tasuta kui ka premium versioone, võimaldades kasutajatel valida vastavalt oma vajadustele ja eelarvele.
Kokkuvõte
Font Awesome on saanud paljude arendajate lemmiklahenduseks oma mitmekesisuse, kasutusmugavuse ja ulatusliku ikooniraamatukogu tõttu. Olgu tegemist lihtsa veebisaidi või keeruka veebirakenduse loomisega, Font Awesome pakub tööriistu, mis on vajalikud kasutajaliidese disaini täiustamiseks ja kasutajakogemuse parandamiseks. Mis on Font Awesome Tooltips?
Font Awesome Tooltips on funktsioon, mis võimaldab arendajatel luua hõljutavaid teabeaknaid või vihjeid, kasutades Font Awesome ikoone, mis on kaasatud WordPress Tooltips Pro Plus versioonis 19.9.8. Need tooltip’id pakuvad täiendavat konteksti või teavet veebilehe elemendi kohta, kui kasutaja hõljutab selle kohal oma kursori. Font Awesome Tooltips peamised omadused:
Ikoonid: Saate hõlpsasti integreerida ikoone Font Awesome'i raamatukogust oma tooltip'idesse, suurendades visuaalset atraktiivsust ja kasutajakogemust.
Kohandamine: Tooltip'e saab stiilida ja kohandada, et need sobiksid teie veebisaidi disainiga, võimaldades värvi, suuruse ja paigutuse kohandamist.
Reageerivus: Need kohanduvad sageli hästi erinevatele ekraanisuurustele, muutes need sobivaks nii lauaarvutite kui ka mobiilsete liideste jaoks.
Juurdepääsetavus: Korralikult rakendatud tooltip'id võivad parandada juurdepääsetavust, pakkudes täiendavat teavet ilma kasutajaliidese segamiseta.
JavaScripti tugi: Paljud tooltip'i rakendused kasutavad JavaScripti või CSS-i raamistikke (nt Bootstrap), et täiustada funktsionaalsust, näiteks kuvamis- ja peitmisefekte.
Kuidas lisada Font Awesome Tooltips oma WordPressi postitusse
Huvitava sisu loomine oma WordPressi postitustes on nüüd lihtsam kui kunagi varem Font Awesome tooltip’ide abil! Järgige neid lihtsaid samme, et täiustada oma postitusi kaunite ikonidega, mis pakuvad teie lugejatele täiendavat teavet.
- samm: Looge uus WordPressi postitus
Alustage uue postituse loomisega WordPressis. Redaktoris sisestage lihtsalt Font Awesome tooltip’i lühikood järgmiselt:
[ ttfa tooltip_id=”13″ set=”fas” icon=”fa-question-circle” size=”2x” color=”#9ee2c6″ ]
See Font Awesome tooltip’i lühikood võimaldab teil kuvada tooltip’i oma postituses.
Rohkem WordPressi tooltip’i lühikoode leiate meie üksikasjalikust tooltip’i lühikoodi dokumendist; tooltips.org/how-to-use-wordpress-tooltip-shortcode-tooltips-to-add-tooltips-manually/ 2. samm: Eelvaade oma tooltip’ile
Kui olete lühikoodi lisanud, minge oma WordPressi postituse esipaneelile. Näete kaunist küsimusringi ikooni, mis näeb välja selline:
Font Awesome Tooltip Ikoon
Kui kasutajad hõljutavad küsimusringi kohal, ilmub tooltip’i hüpikaken, pakkudes rohkem üksikasju:
Font Awesome Tooltip Hüpikaken 3. samm: Kohandage oma tooltip’i
Teil on paindlikkus kohandada oma Font Awesome’i ikoone suuruse ja värvi osas. Näiteks, kui soovite, et küsimusringi ikoon oleks suurem, muutke lihtsalt suuruse parameetrit 2x-lt 3x-ks, 4x-ks või isegi suuremaks! Siin on näide: font awesome tooltip hüpikakna aken esipaneelil
Värvi muutmiseks muutke värvi parameetrit mis tahes soovitud heksaväärtuseks, näiteks #cccccc või #eeeeee. 4. samm: Valige oma ikooni stiil
Saate ka kohandada oma Font Awesome tooltip’i stiili, muutes set parameetrit:
fas — Tugevad ikoonid
far — Tavalised ikoonid
fab — Brändi ikoonid
Kiire kokkuvõte, mida peate teadma:
tooltip_id: See on tooltip'i ID, mille lõite WordPressi tooltip'i redaktoris.
set: Valige kas tugev (fas), tavaline (far) või bränd (fab) ikoonid.
icon: Kasutasime küsimusringi ikooni, kuid pidage meeles, et valimiseks on üle 1,588 hämmastava ikooni!
size: Võite suurust suurendada 3x, 4x jne, vastavalt oma disainieelistustele.
color: Kohandage värvi, et see sobiks teie saidiga, näiteks #eeeeee.
Nüüd olete valmis oma WordPressi postitusi täiustama kaunite Font Awesome tooltip’idega! Head blogimist! Kokkuvõte:
Font Awesome sisaldab üle 1,500 kvaliteetse ikooni, mida saab kohandada suuruse, värvi ja stiili osas CSS-i abil. Need ikoonid on loodud olema ühilduvad erinevate brauseritega. Font Awesome Tooltips on kasulik komponent, mis parandab kasutajate interaktsiooni ja pakub kasulikku teavet visuaalselt atraktiivsel viisil veebilehtedel.
Kui on midagi, mida soovite, et me muudaksime, ärge kõhelge meile öelda, me püüame oma parima, et seda võimalikult kiiresti täita (kell on 01:52).
Kui kõik töötab hästi, palun muutke oma testsaidile juurdepääsu, me ei ole kunagi teie kontole sisse loginud, et kaitsta teie isiklikke andmeid ja teavet
Aitäh, olge õnnistatud päeva oma lähedastega
Parimate soovidega,
WordPress Tooltips Tugi
