Hei, rakkaat WordPress Tooltip Plugin -käyttäjät, toivottavasti tämä viesti löytää teidät hyvin ja että nautitte upeista päivistä perheenne kanssa. Saimme lipun eräältä mahtavalta WordPress Tooltip -käyttäjältä, joka ilmoitti CSS-yhteensopivuusongelmasta teeman kanssa WordPress Tooltips Pluginissa. WordPress-kehittäjämme tarkisti teeman ja huomasi, että se on ristiriidassa Bootstrapin ja Font Awesomen kanssa, joita käytetään työkaluvihjeissä, muiden asioiden ohella. Ratkaistaksemme ongelman arvokkaalle työkaluvihjeen käyttäjällemme, WordPress Tooltips -kehittäjämme on julkaissut uuden version: WordPress Tooltips Pro Plus 35.8.8.
1: Ratkaistu ristiriita teeman ja WordPress-työkaluvihjeeseen sisältyvän Bootstrap-kehyksen välillä:
Hei tukitiimi,
Ensinnäkin: valtavat kiitokset jälleen uskomattoman nopeasta käännöksestä ja myöhästyneestä työstä.
Versiossa 35.8.8 lähes kaikki on kohdallani kunnossa:
WooCommerce-tilaus-sivu → PHP-varoitukset ovat poissa ✅
Salient → Typografia-hallintapaneeli → ei enää rikki ✅
Sosiaaliset ikonit ylä-/alatunnisteessa → näyttävät hyviltä ✅
On vain yksi regressio, joka ilmestyi heti päivityksen jälkeen versioon 35.8.8:
Etusivulla mobiili ylä-/hero-asettelu on rikki (valikko/yliosa siirtyy ja väli on pielessä).
Tämä oli jo korjattu edellisessä versiossa, mutta versiossa 35.8.8 se on palannut.
Kiitos jälleen niin paljon väsymättömästä työstäsi ja supernopeista vastauksista — arvostan todella, kuinka joustava ja avulias olet!
Lämpimin terveisin,
Ratkaisimme ongelman työkaluvihjeen käyttäjälle ja vastasimme:
Hei
Toivottavasti tämä viesti löytää sinut hyvin ja että sinulla on onnellisia päiviä perheesi kanssa
Anteeksi ongelmasta, tarkistimme teeman ja lisäosamme koodit, testasimme myös tätä ongelmaa eri resoluutioissa ja lopulta huomasimme, että se johtui ristiriidasta Bootstrapin ja teeman välillä. Ratkaisu on yksinkertainen, avaa työkaluvihjeiden globaalit asetukset ja poista käytöstä vaihtoehto: "Ota käyttöön / Poista Bootstrap CSS käytöstä teemaongelmien välttämiseksi?" Meidän puoleltamme kaikki toimii hyvin
Voisitko tehdä testin ja antaa meille palautetta? Jos on ongelmia, älä epäröi kertoa meille, ratkaisemme sen sinulle mahdollisimman pian
Kiitos, ja toivottavasti sinulla on siunattu päivä rakkaidesi kanssa
Parhain terveisin,
WordPress Tooltips -tuki
2: WooCommerce-tilaus-sivu: useita PHP-varoituksia ilmestyy edelleen tilauksen yksityiskohtien osioon (liittyen post_type:n olevan null):
Tehty, olemme kirjoittaneet koodimme uudelleen näin ratkaistaksemme ongelman:
if (isset($post->post_type))
{
if ($post->post_type == ‘tooltips’)
{
add_meta_box(“show_tooltips_excerpt_control_meta_box_id”, __(‘Show excerpt in tooltip pop up?’, ‘wordpress-tooltips’), ‘show_tooltips_excerpt_meta_box’, null, “side”, “high”, null);
}
}
Se toimii nyt hyvin
3: Salient Typografia-paneeli: hallintaliittymä Salient → Typografia -kohdassa rikkoutuu ja on väärin kohdistettu, kun WordPress Tooltips Pro on aktiivinen.
Tehty, tarkistimme ydin-teeman koodin ja huomasimme, että se sisältää .tooltip-luokan, joka on ristiriidassa .tooltips-luokan kanssa admin.css-tiedostossamme. Olemme kirjoittaneet WordPress tooltips -laajennuksemme uudelleen tällä tavalla:
Lataa admin.css-tiedosto WordPress Tooltips -laajennukselle wp-admin-alueella vain, kun nykyinen näyttö kuuluu laajennukselle.
Koodit:
jos (isset($_GET['post_type']))
{
$tooltips_admin_post_type_check = sanitize_text_field($_GET['post_type']);
jos ($tooltips_admin_post_type_check === 'tooltips')
{
wp_enqueue_style('tooltips_pro_admin_css', plugin_dir_url(__FILE__) . 'asset/css/admin/admin.css');
}
}
Se toimii nyt hyvin
4: Sosiaaliset ikonit: Font Awesome -ikonit valikossa ja alatunnisteessa (sosiaaliset linkit) näyttävät edelleen väärin tai tyhjiltä laatikoilta.
Tehty, Salient-teemassa huomasimme, että ne lataavat skriptinsä myöhään näin:
add_action('wp_enqueue_scripts', 'nectar_enqueue_dynamic_css', 20);
Olemme kirjoittaneet laajennuksemme uudelleen lataamaan Font Awesome -ikonit myöhään välttääksemme ristiriitoja muiden teemojen tai laajennusten kanssa:
add_action('wp_enqueue_scripts', 'ttfa_load_font_awesome', 10000);
Joten kaikki koodit Salient-teemassa suoritetaan ensin, meidän koodimme kutsuu Font Awesome -latausta viimeisenä.
Tämän vuoksi kaikki koodi Salient-teemassa suoritetaan etusijalla, ja laajennuksemme kutsuu lopulta Font Awesomea lataamaan.
Se toimii nyt hyvin
Käyttäjän teema käytti Font Awesome 6.5:ttä, ja Font Awesome Tooltips -laajennuksemme käytti myös Font Awesome 6.4:ää WordPress Tooltips Pro Plus 35.8.8:ssä. Päivitimme Font Awesome -työkaluvihjeet käyttämään uusinta versiota: Font Awesome 7.1. Mikä on Font Awesome?
Font Awesome on suosittu ikonityökalu ja verkkofontti, joka tarjoaa laajan kokoelman skaalautuvia vektori-ikoneita ja sosiaalisia logoja. Se mahdollistaa kehittäjien helposti sisällyttää korkealaatuisia ikoneita verkkosivustoihinsa ja sovelluksiinsa ilman kuvafailien tarvetta. Font Awesome -työkalun keskeiset ominaisuudet:
Skaalautuvat ikonit: Koska ne ovat vektoripohjaisia, Font Awesome -ikonit voidaan skaalata mihin tahansa kokoon laadun heikkenemättä, mikä tekee niistä täydellisiä responsiivisiin suunnitelmiin.
Ristiin-selaimen yhteensopivuus: Font Awesome toimii saumattomasti kaikissa moderneissa verkkoselaimissa.
Helppo integrointi: Kehittäjät voivat helposti integroida Font Awesome -työkalun projekteihinsa yksinkertaisella <link> -tunnisteella tai asentamalla sen pakettien hallintatyökalujen, kuten npm:n tai Yarnin, kautta.
Mukautettavuus: Ikoneita voidaan tyylitellä CSS:llä, mikä mahdollistaa värin, koon, kierron ja paljon muuta muuttamisen verkkosivuston suunnittelutarpeiden mukaan.
Saavutettavuus: Font Awesome -ikonit voidaan tehdä saavutettaviksi oikeiden HTML-attribuuttien avulla, varmistaen, että ne ovat käytettävissä ruudunlukijoilla.
Säännölliset päivitykset: Työkalua päivitetään usein uusilla ikoneilla, mikä parantaa sen kirjastoa ajan myötä.
Miksi käyttäjät pitävät Font Awesome -työkalusta:
Laaja valikoima: Font Awesome tarjoaa tuhansia ikoneita, jotka kattavat lukuisia kategorioita, tarjoten käyttäjille runsaasti vaihtoehtoja löytää täydellinen ikoni mihin tahansa sovellukseen.
Yksinkertaisuus: Font Awesome -työkalun syntaksi on suoraviivainen, mikä tekee sen käyttämisestä helppoa kaikentasoisille kehittäjille.
Suorituskyky: Font Awesome, joka on fonttipohjainen ikonisarja, latautuu tyypillisesti nopeammin kuin perinteiset kuvakuvat, mikä parantaa verkkosivuston suorituskykyä.
Yhteisön tuki: Suuren käyttäjäyhteisön ja kattavan dokumentaation ansiosta kehittäjät voivat helposti löytää tukea, oppaita ja esimerkkejä.
Johdonmukainen tyyli: Kaikilla ikoneilla on yhtenäinen tyyli, mikä auttaa ylläpitämään visuaalista johdonmukaisuutta verkkosovelluksissa.
Ilmaiset ja maksulliset vaihtoehdot: Font Awesome tarjoaa sekä ilmaisia että premium-versioita, jolloin käyttäjät voivat valita tarpeidensa ja budjettinsa mukaan.
Yhteenveto
Font Awesome on tullut monien kehittäjien suosikkiratkaisuksi sen monipuolisuuden, helppokäyttöisyyden ja laajan ikonikirjaston ansiosta. Olitpa rakentamassa yksinkertaista verkkosivustoa tai monimutkaista verkkosovellusta, Font Awesome tarjoaa työkalut käyttöliittymän suunnittelun parantamiseen ja käyttäjäkokemuksen parantamiseen. Mikä on Font Awesome Tooltips?
Font Awesome Tooltips on ominaisuus, joka mahdollistaa kehittäjien luoda hiiren yli viettäviä tietolaatikoita tai vihjeitä Font Awesome -ikoneilla, jotka sisältyvät WordPress Tooltips Pro Plus -versioon 19.9.8. Nämä työkaluvihjeet tarjoavat lisäyhteyttä tai tietoa verkkosivuston elementistä, kun käyttäjä vie hiiren sen päälle. Font Awesome Tooltips -työkalun keskeiset ominaisuudet:
Ikonit: Voit helposti sisällyttää ikoneita Font Awesome -kirjastosta työkaluvihjeisiisi, mikä parantaa visuaalista vetovoimaa ja käyttäjäkokemusta.
Mukauttaminen: Työkaluvihjeitä voidaan tyylitellä ja mukauttaa vastaamaan verkkosivustosi suunnittelua, jolloin voit säätää väriä, kokoa ja sijaintia.
Responsiivisuus: Ne mukautuvat usein hyvin eri näyttökokoihin, mikä tekee niistä sopivia sekä työpöytä- että mobiiliympäristöihin.
Saavutettavuus: Oikein toteutetut työkaluvihjeet voivat parantaa saavutettavuutta tarjoamalla lisätietoa ilman käyttöliittymän sotkemista.
JavaScript-tuki: Monet työkaluvihjeiden toteutukset hyödyntävät JavaScriptiä tai CSS-kehyksiä (kuten Bootstrap) parantaakseen toiminnallisuutta, kuten näyttö- ja piilovaikutuksia.
Kuinka lisätä Font Awesome Tooltips WordPress-viestiisi
Viehättävän sisällön luominen WordPress-viesteissäsi on nyt helpompaa Font Awesome -työkaluvihjeiden avulla! Seuraa näitä yksinkertaisia vaiheita parantaaksesi viestejäsi kauniilla ikoneilla, jotka tarjoavat lisätietoa lukijoillesi. Vaihe 1: Luo uusi WordPress-viesti
Aloita luomalla uusi viesti WordPressissä. Muokkaimessa lisää yksinkertaisesti Font Awesome -työkaluvihjeen lyhytkoodi näin:
[ ttfa tooltip_id=”13″ set=”fas” icon=”fa-question-circle” size=”2x” color=”#9ee2c6″ ]
Tämä Font Awesome -työkaluvihjeen lyhytkoodi mahdollistaa työkaluvihjeen näyttämisen viestissäsi.
Lisää WordPress-työkaluvihjeen lyhytkoodia löytyy yksityiskohtaisesta työkaluvihjeen lyhytkoodidokumentistamme; tooltips.org/how-to-use-wordpress-tooltip-shortcode-tooltips-to-add-tooltips-manually/ Vaihe 2: Esikatsele työkaluvihjettäsi
Kun olet lisännyt lyhytkoodin, siirry WordPress-viestisi etupäähän. Näet kauniin kysymysympyräikonin, joka näyttää tältä:
Font Awesome Tooltip Icon
Kun käyttäjät vievät hiiren kysymysympyrän päälle, työkaluvihjeen ponnahdusikkuna ilmestyy, tarjoten lisätietoja:
Font Awesome Tooltip Popup Vaihe 3: Mukauta työkaluvihjettäsi
Sinulla on joustavuutta mukauttaa Font Awesome -ikoniisi kokoa ja väriä. Esimerkiksi, jos haluat tehdä kysymysympyräikonista suuremman, muuta vain size-parametria 2x:stä 3x:ään, 4x:ään tai jopa suurempaan! Tässä esimerkki: font awesome tooltip popup -ikkuna etupäähän
Väriä muuttaaksesi, muokkaa color-parametria mihin tahansa haluamaasi heksaarvoon, kuten #cccccc tai #eeeeee. Vaihe 4: Valitse ikonityylisi
Voit myös säätää Font Awesome -työkaluvihjeesi tyyliä muuttamalla set-parametria:
fas — Kiinteät ikonit
far — Tavalliset ikonit
fab — Brändi-ikonit
Nopea yhteenveto siitä, mitä sinun tarvitsee tietää:
tooltip_id: Tämä on työkaluvihjeen ID, jonka loit WordPress-työkaluvihjeeditorissa.
set: Valitse kiinteiden (fas), tavallisten (far) tai brändi (fab) ikonien välillä.
icon: Käytimme kysymysympyräikonia, mutta muista, että valittavanasi on yli 1 588 upeaa ikonia!
size: Voit vapaasti suurentaa kokoa 3x:ään, 4x:ään jne. suunnittelumieltymystesi mukaan.
color: Mukauta väri vastaamaan sivustoasi, kuten #eeeeee.
Nyt olet valmis parantamaan WordPress-viestejäsi viehättävillä Font Awesome -työkaluvihjeillä! Hyvää bloggausta! Yhteenveto:
Font Awesome sisältää yli 1 500 korkealaatuista ikonia, joita voidaan mukauttaa koon, värin ja tyylin osalta CSS:n avulla. Nämä ikonit on suunniteltu olevan ristiin-selaimen yhteensopivia. Font Awesome Tooltips ovat hyödyllinen komponentti käyttäjävuorovaikutuksen parantamiseksi ja hyödyllisten tietojen tarjoamiseksi visuaalisesti houkuttelevalla tavalla verkkosivuilla.
Jos tarvitset meiltä muutoksia, älä epäröi kertoa meille, yritämme parhaamme mukaan saada sen valmiiksi mahdollisimman pian (kello on 01:52).
Jos kaikki toimii hyvin, vaihda testisivustosi pääsy, emme ole koskaan kirjautuneet tiliisi suojellaksemme yksityisiä tietojasi ja henkilökohtaisia tietojasi
Kiitos, ja toivottavasti sinulla on siunattu päivä rakkaidesi kanssa
Parhain terveisin,
WordPress Tooltips -tuki
Leave a Reply