team | Wordpress Tooltips Plugin

Author: team

Bullet Screen description in wordpress tooltips 5.9.2 (2018) (Archived)

Posted on November 22, 2025 by team Posted in Archive Document — No Comments ↓

Hi Dears,

Since wordpress tooltips pro 5.9.2 in 2018 (the current version is 35.9.8 in 2025), we start to build bullets screen effect for wordpress tooltip users, and many users told us they like bullet screen feature. What is Bullets Screen ? <<<< please mouse hover this demo to check bullet screen effect. In some countries, for example Korean, China… and so on, a few site start to allows show text messages fly across the screen like bullets, we call it bullet screen, a example site which USA / EU / CN users like is viki.com. Basically Bullet Screen is a new function that add your scrolling comments / the mood at the moment / slogans / quotations / famous sayings / aphorism / news title / quick tips…etc to any section in content of wordpress posts, it provides a very special experience for users, if you know how to use the tool correctly, you can provider your users with stunning results

In recent days we decide improve functions of wordpress bullet screen for wordpress tooltip users, we believe if we can allow wordpress tooltip user insert GIF / SVG / PNG / JPEG …etc images in bullet screen, it will help wordpress tooltip users build more stunning effect for their reader, for example, if you are writing some religion articles, when you told users about a hero, when users hover the name of the hero, a tooltip window pop-up with his story, and then an image of his portrait pops up and move slowly upwards, then popup with the prayer, then display flowers, popup image of the landscape of his hometown…etc, it will provide an immersive experience for your readers

How to set up wordpress bullet screen?

At first, please login wordpress dashboard, then click “tooltips” menu item, and then click “bullet screen” sub menu-item, you will open bullet screen settings panel,it looks like this( tooltips pro plus version 17.2.8)

Bullets Running Direction option in Bullet Screen Settings

As you can see in the screenshot, as wordpress tooltip admin, you can custom bullets style in back end via a few clicks. 🙂

In wordpress bullets setting panel, you can custom bullets screen style and action:
* Bullets setting support custom Bullets Font Size

* Support custom Bullets Speed (for example 2500)

* Support custom Bullets Font Color via wordpress color picker

* Support custom Bullets Amimate Opacity (for example 0.8)

* Support custom Bullets Class Name (so you can add your own css and effect too)

* Support custom Bullets Screen pop-up when:
# Mouse Over
# Mouse Leave
# Mouse Enter
# Mouse Out
# Mouse Move
# Mouse Up
# Mouse Down
# Double Click
# Click

* Support custom Bullets Screen direction:

# goes up

# goes down

# goes left

# goes right

Once finish settings, please remember to click the blue “Save Changes” blue button 🙂

Then you finished the bullets screen settings and you can start to use bullet screen in your wordpress post or other section in your wordpress site, for example, post content, menu item, comment, tag, title, woocommerce shop, product description, sidebar, bbpress forum, buddypress activity…. etc 🙂

How to use bullet screen in your wordpress post?

1: please login your wordpress dashboard

2: click tooltips menu item and then just click to edit a tooltip term from tooltip list

3: you will open wordpress tooltip editor

4: In the right hand of wordpress tooltip editor, you will find ” Bullet Screen Words ” metabox, it looks like this:

Bullet Screen Metabox

Please note, the black bar is caused by my screenshot software, you will not see it in real tooltip editor

As you can see I have inputted my image bullet screen codes in the metabox, the code looks like this:

<img src=’https://tooltips.org/wp-content/uploads/2022/10/bear-134_128.gif’ />

This means when wordpress user mouse hover a tooltip term, he will find lovely Gif image goes up, of course you can change the direction, for example, we received an amazing wordpress tooltip user’s feedback, in which he told us, he love the bullet screen functions in wordpress tooltip plugin, but he do not want the bullet screen GIF images rise up, because he have many advertiser in the right sidebar of his wordpresss site, so if the bullet screen GIF images goes right to his advertiser, that will improve revenue from his advertiser

If you do not want pop-up a image in bullet screen, you can just enter text in the bullet screen metabox, and we are adding more effects in bullet screen 🙂

6: in the “Bullet Screen Words ” metabox, you can enter more text or images, just separated by comma

For example:

<img src=’https://tooltips.org/wp-content/uploads/2022/10/bear-134_128.gif’ />, <img src=’https://tooltips.org/wp-content/uploads/2022/10/cat-133_128.gif’ />, <img src=’https://tooltips.org/wp-content/uploads/2022/10/new-years-day-1134_256.gif’ />, thanks

Then everytime when user mouse hover the tooltip term, we will display a bullet screen item randomly, from your bullet screen list 🙂

7: Finally, after publish the tooltip term, in front end, when user hover the tooltip term in your wordpress post or anywhere you enabled tooltip effect in backend — for example wordpress menu item, you will see the lovely gif / svg / png images / text…etc displayed on the tooltip term and goes up slowly. Please check our demo of wordpress bullet screen effect and check the bullets screen term at the top of the demo, you will find a lovely bear goes up, and when you mouse hover the demo again, you will find a lovely cat…etc

We know a few users using it on e-commerce site, you can use it to promote your woocommerce product too, show more features of component of your woocommerce product to buyer, or popup a discount coupon code that slowly goes up and fades out, or build a more colorful online reading library for your readers…etc

You can insert the bullet screen effect anywhere on your wordpress, for example, please try to check our wordpress tooltip menu, please mouse hover our top menu bar: “try demo” menu item, then mouse hover “bullet screen” sub menu item, you will find description of bullet screen popup in the wodpress tooltip window, and then a lovely bear will goes up slowly and then a lovely read heart…

If you do not want to show bullet screen effect, just delete it from the post metabox panel 🙂

Also we support show Bullet Screen effects for tooltips in the shortcode [tooltipslist], in glossary, we support Bullet Screen effects for tooltips bbpress forum, buddyperss site, woocommerce products page …etc. This is just start stage, if you have any feedback, we are happy to improve it. 🙂

Thanks, have a blessings day with your family. 🙂

Best Regards,
Tomas

Updated at 2025-11-21

Great Tooltip plugin, very helpful support ⭐⭐⭐⭐⭐

Posted on November 12, 2025 by team Posted in Blog — No Comments ↓

Illusionistmagic:

There are a Ton of feature in this plugin, and for a week I found it daunting. But now I have a knack of it(Still learning more about it).

Currently I have it set to work on every page of my site, just because I think Tooltips are cool.

You can customize the look of the tooltips when it pops up. You can customize the background color of it, and tons of customizations.

كيفية تخصيص ترتيب عناصر المعجم – WordPress Tooltips Pro Plus 35.9.8

Posted on November 5, 2025 by team Posted in وثيقة إضافة التحويم لووردبريس — No Comments ↓

إضافة تلميحات ووردبريس: وظيفة جديدة لترتيب عناصر المعجم المخصصة WordPress Tooltips

مرحبًا، أعزائي مستخدمي إضافة تلميحات ووردبريس، آمل أن تكونوا بخير وأن تقضوا أيامًا سعيدة مع عائلتكم. لقد أطلقنا للتو إصدار ووردبريس تلميحات برو بلس 35.9.8 وإصدار ووردبريس تلميحات برو 20.8.4، بناءً على ملاحظات رائعة من مستخدمي تلميحات ووردبريس:

ترتيب في صفحة المعجم

رسالة:
مرحبًا

لدي الكثير من التلميحات لوصف أجزاء من القطارات النموذجية – أنا جامع.

يتضمن عنوان التلميح رقم إصدار: 1، 2، 3 أو 10.1، 10.4….

انظر هنا:
لكن الترتيب على الصفحة غير صحيح….

يبدأ بكل شيء يحتوي على 1 (أيضًا 1ن)، ثم 2… وهكذا.

هل هناك فرصة لترتيبها بشكل صحيح؟؟؟

شكرًا!

تحقق دعم تلميحات ووردبريس من الموقع الجميل لمستخدم التلميحات، وردنا:

مرحبًا،

آمل أن تكون هذه الرسالة قد وجدتك بخير وأنك تقضي يومًا رائعًا مع عائلتك

شكرًا جزيلاً على الرد

شكرًا لمشاركتك الرابط معنا، لكن عندما حاولنا فتح الصفحة، كانت الصفحة تقول:

”

تم تقييد وصولك إلى هذا الموقع من قبل مالك الموقع

تم تقييد وصولك إلى هذه الخدمة. (رمز استجابة HTTP 503)

إذا كنت تعتقد أنك تم حظرك عن طريق الخطأ، فاتصل بمالك هذا الموقع للحصول على المساعدة.

”

يبدو أن موقعك قد قام بتثبيت إضافة رائعة: “ووردفنس” لحظر المستخدمين

سيدي، هل يمكنك من فضلك:

1: تزويدنا بلقطة شاشة، حتى نتمكن من فهم المشكلة بشكل أفضل؟

2: تزويدنا ببعض التفاصيل حول المشكلة في لقطة الشاشة

3: إخبارنا بإصدار التلميحات الذي تستخدمه

شكرًا، أتمنى لك يومًا مباركًا مع عائلتك

أطيب التحيات،

الدعم

قدم لنا مستخدم التلميحات المزيد من التفاصيل:

مرحبًا دعم!

الروابط تعمل بدون تفويض……

يمكنك أن ترى: نوع 1.6، نوع 12.3 و….. نوع 2.
يجب أن تكون 1.6، 2، 12.3 – يمكن إصلاحها بـ 01.6، 2، 12.3….. لكن ليس بشكل جميل.

أحدث إصدار من برنامجك.

إذا كان هناك خيار لتعطيل الترتيب تمامًا…. هناك بعض الإضافات التي يمكن أن ترتبها يدويًا.

راجع مطور تلميحات ووردبريس التذكرة وطورنا إصدارات جديدة لتحقيق اقتراح مستخدم التلميحات الرائع:

مرحبًا،

آمل أن تكون هذه الرسالة قد وجدتك بخير وأنك تقضي عطلة نهاية أسبوع رائعة مع عائلتك

تحقق مطورنا من طلب الميزة الخاص بك بعناية، بشكل افتراضي ستعرض صفحة المعجم عناصر المعجم حسب العنوان، نحن نطور إصدارًا جديدًا مثل هذا:

1: في لوحة إعدادات المعجم، أضفنا خيارًا جديدًا: “ترتيب عناصر المعجم المخصصة”

هنا، يمكنك فقط إدخال معرف المعجم (قائمة مفصولة بفواصل)

2: في الواجهة الأمامية، سيعرض المعجم العناصر حسب ترتيب المعرف المدخل في الخلفية

آمل أن تحل هذه الحلول المشكلة بالنسبة لك، إذا كنا قد أسأنا فهمك، نعتذر عن ذلك، يرجى إخبارنا بمزيد من التفاصيل (لا يمكننا فتح صفحتك بعد).

شكرًا، أتمنى لك عطلة نهاية أسبوع مباركة مع عائلتك

أطيب التحيات،

الدعم 🙂

ترتيب عناصر المعجم المخصصة، الآن مباشر في إضافة تلميحات ووردبريس
يمكن خيار “ترتيب عناصر المعجم المخصصة” مستخدمي المعجم من التحكم الكامل في تسلسل عرض عناصر المعجم. إليك كيف يستفيدون من ذلك:

– **إعطاء الأولوية للمصطلحات الرئيسية**
يمكن للمستخدمين تسليط الضوء على المصطلحات المهمة أو التي يتم الوصول إليها بشكل متكرر من خلال وضعها في الأعلى، مما يحسن الوصول للقراء.
– **التجميع المنطقي**
يمكن ترتيب العناصر بشكل موضوعي أو أبجدي، مما يجعل التنقل أكثر سهولة ويقلل من الوقت الذي يقضيه المستخدمون في البحث.
– **التوافق مع استراتيجية المحتوى**
يتماشى ترتيب العرض مع الأولويات التحريرية، مثل عكس تسلسل المصطلحات في الوثائق أو المواد التدريبية ذات الصلة.
– **القدرة على التكيف الديناميكي**
يمكن إجراء تعديلات سريعة على الترتيب دون تعديل المحتوى الأساسي، مما يتكيف بسلاسة مع المواضيع المتطورة أو ملاحظات المستخدمين.

بشكل أساسي، يحول هذا الخيار المعجم من قائمة ثابتة إلى مورد ديناميكي يركز على المستخدم، مما يعزز قابلية القراءة ويدعم تقديم المحتوى الاستراتيجي.

كيفية ترتيب عناصر المعجم المخصصة في إضافة تلميحات ووردبريس:
1: تسجيل الدخول إلى ووردبريس كمسؤول
2: يرجى الترقية إلى ووردبريس تلميحات برو بلس 35.9.8 أو ووردبريس تلميحات برو 20.8.4 أو ووردبريس تلميحات مجانية 10.7.9

فيديو تعليمي لتلميحات ووردبريس 1: تحميل إضافة تلميحات ووردبريس برو

فيديو تعليمي لتلميحات ووردبريس 3: كيفية تحميل وتفعيل إضافة تلميحات ووردبريس برو

3: في لوحة تحكم ووردبريس، يرجى النقر على عنصر قائمة التلميحات

4: ستفتح جميع لوحة إعدادات التلميحات:
جميع لوحة إعدادات التلميحات

5: للحصول على معرفات المعجم لجميع التلميحات في لوحة الإعدادات، فقط مرر الماوس فوق رابط “تعديل” لكل عنصر من عناصر التلميحات. سترى رابطًا مثل هذا:

tooltips.org/wp-admin/post.php?post=232&action=edit

يمثل الرقم “232” في هذا الرابط معرف المعجم. انسخ هذه المعرفات ورتبها بالترتيب المطلوب. على سبيل المثال، يمكنك تخصيص ترتيب عناصر المعجم عن طريق ترتيب معرفات المعجم مثل هذا:

177، 232، 231، 207، 131، 172، 173، 174، 175. قم بتدوين تسلسل أرقام المعرفات هذا حيث سنستخدمه قريبًا لتخصيص ترتيب عناصر المعجم.

6: يرجى إنشاء صفحة تجريبية للمعجم، فقط أدخل الشيفرة القصيرة للمعجم [ glossary ] كمحتوى، تبدو صفحة اختبار المعجم الخاصة بي هكذا:
ترتيب المعجم الافتراضي

ترتيب المعجم الافتراضي
كما ترى، فإن الترتيب الافتراضي هو أبجدي، بعد ذلك، سنخصص ترتيب عناصر المعجم.
7: في لوحة تحكم ووردبريس، يرجى النقر على عنصر قائمة إعدادات المعجم الفرعية، في ووردبريس تلميحات برو بلس 35.9.8، يبدو هكذا:
إعدادات المعجم في ووردبريس تلميحات برو بلس 35.9.8

إعدادات المعجم في ووردبريس تلميحات برو بلس 35.9.8
(يرجى ملاحظة أن الشريط الأسود في الصورة هو من أداة لقطة الشاشة في المتصفح وليس جزءًا من لوحة إعدادات المعجم في ووردبريس)
8: كما ترى، في أسفل لوحة إعدادات المعجم، هناك خيار جديد: ترتيب عناصر المعجم المخصصة، يرجى نسخ تسلسل أرقام المعرفات:
177، 232، 231، 207، 131، 172، 173، 174، 175 في الخيار، ثم انقر على زر حفظ التغييرات الأزرق.
9: في الواجهة الأمامية، ستجد أننا قد قمنا بنجاح بتخصيص ترتيب عناصر المعجم وفقًا لهذا التسلسل المحدد للمعرفات:
ترتيب عناصر المعجم المخصصة في ووردبريس

ترتيب عناصر المعجم المخصصة في ووردبريس

يمكنك العثور على العرض التوضيحي عبر الإنترنت هنا.

يرجى ملاحظة أنه في هذه المنطقة، غالبًا ما تنشأ الغموض لأن لدينا صفحة أرشيف المعجم. هذه الصفحة تنشأ من قالب أرشيف الفئة في السمة الخاصة بك. لا يمكن لإضافة تلميحات ووردبريس التحكم في هذا القالب من السمة الخاصة بك، لكننا نقدم خدمة تخصيص مدفوعة – جيدة، سريعة، ورخيصة. يمكننا بسرعة تخصيص سمة فرعية لك. هذا يسمح لسمتك بالاستمرار في تلقي التحديثات مع الحفاظ على قالب المعجم المخصص الذي تريده.
شكرًا، أتمنى لك يومًا مباركًا مع عائلتك
أطيب التحيات،
دعم تلميحات ووردبريس

Rezolvarea conflictelor de teme între Awesome și Bootstrap în pluginul de tooltip-uri WordPress, cum să folosești tooltip-urile font-awesome – Versiunea 35.8.8 acum disponibilă

Posted on October 31, 2025 by team Posted in Document Plugin Tooltip pentru Wordpress(Romanian) — No Comments ↓

Bună, dragi utilizatori ai pluginului WordPress Tooltip, sper că acest mesaj vă găsește bine și că vă bucurați de zile minunate alături de familie. Am primit un ticket de la un utilizator uimitor al pluginului WordPress Tooltip care a raportat un conflict CSS cu tema lor în pluginul WordPress Tooltips. Dezvoltatorul nostru WordPress a verificat tema și a constatat că aceasta intră în conflict cu Bootstrap și Font Awesome, care sunt utilizate de tooltips, printre altele. Pentru a rezolva problema pentru utilizatorul nostru valoros de tooltips, dezvoltatorul nostru de WordPress Tooltips a lansat o nouă versiune: WordPress Tooltips Pro Plus 35.8.8.

1: Am rezolvat conflictul dintre temă și cadrul Bootstrap inclus în tooltipurile WordPress:

Bună echipă de suport,
În primul rând: mulțumiri enorme din nou pentru răspunsul incredibil de rapid și pentru munca de noapte târziu.
Cu 35.8.8 aproape totul este perfect de partea mea:

Pagina de comenzi WooCommerce → avertismentele PHP au dispărut ✅

Salient → Panoul de administrare tipografie → nu mai este rupt ✅

Iconițele sociale din antet/subsol → arată bine ✅

Există doar o regresie care a apărut imediat după actualizarea la 35.8.8:

Pe pagina principală, aspectul antetului/eroi pe mobil este rupt (blocul de meniu/antet se deplasează și distanțarea este greșită).

Aceasta a fost deja reparată în versiunea anterioară, dar cu 35.8.8 a revenit.

Din nou, vă mulțumesc foarte mult pentru munca voastră neobosită și pentru răspunsurile super-rapide — apreciez cu adevărat cât de flexibili și de ajutor sunteți!

Cu căldură,

Am rezolvat problema pentru utilizatorul de tooltipuri și am răspuns:

Bună

Sper că acest mesaj te găsește bine și că ai zile fericite alături de familie 

Ne pare rău pentru problemă, am verificat codurile temei și ale pluginului nostru, am testat această problemă pe diverse rezoluții și, în cele din urmă, am descoperit că a fost cauzată de un conflict între Bootstrap și temă. Soluția este simplă, te rugăm să deschizi panoul de setări globale ale tooltipurilor și să dezactivezi opțiunea: „Activează / Dezactivează CSS Bootstrap pentru a evita conflictele cu tema?”, din partea noastră, am constatat că toate lucrurile funcționează bine 

Ai putea, te rog, să faci un test și să ne dai un feedback? Dacă există vreo problemă, te rugăm să nu eziți să ne spui, o vom rezolva pentru tine cât mai repede posibil 

Mulțumim, să ai o zi binecuvântată alături de cei dragi 

Cu cele mai bune gânduri,

Suport WordPress Tooltips

2: Pagina de comenzi WooCommerce: mai multe avertismente PHP apar încă sub secțiunea detalii comenzi (legate de post_type fiind null):

Am rezolvat, am rescris codurile noastre astfel pentru a rezolva problema:

if (isset($post->post_type)) {

if ($post->post_type == ‘tooltips’) { add_meta_box(“show_tooltips_excerpt_control_meta_box_id”, __(‘Afișați extrasul în tooltip pop-up?’, ‘wordpress-tooltips’), ‘show_tooltips_excerpt_meta_box’, null, “side”, “high”, null); } }

Funcționează bine acum

3: Panoul de tipografie Salient: interfața de administrare sub Salient → Tipografie devine ruptă și nealiniată atunci când WordPress Tooltips Pro este activ.

Am rezolvat, am revizuit codul temei de bază și am constatat că include o clasă .tooltip, care intră în conflict cu clasa .tooltips din fișierul nostru admin.css. Am rescris pluginul nostru WordPress Tooltips astfel:

încărcați fișierul admin.css pentru pluginul WordPress Tooltips în zona wp-admin doar atunci când ecranul curent aparține pluginului.

Coduri:

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’);
}
}

Funcționează bine acum

4: Iconițele sociale: iconițele Font Awesome din meniu și subsol (linkuri sociale) încă se afișează incorect sau ca niște casete goale.

Am rezolvat, în tema Salient, am constatat că acestea își încarcă scripturile târziu astfel:

add_action( ‘wp_enqueue_scripts’, ‘nectar_enqueue_dynamic_css’, 20 );

Am rescris pluginul nostru pentru a încărca Font Awesome târziu pentru a evita conflictele cu alte teme sau pluginuri:

add_action( ‘wp_enqueue_scripts’, ‘ttfa_load_font_awesome’ ,10000);

Astfel, toate codurile din tema Salient vor rula mai întâi, codurile noastre vor apela la încărcarea fontului awesome la final.

Prin urmare, toate codurile din tema Salient vor fi executate cu prioritate, iar pluginul nostru va apela în cele din urmă Font Awesome pentru a se încărca.

Funcționează bine acum

Tema utilizatorului folosea Font Awesome 6.5, iar tooltipurile noastre Font Awesome utilizau de asemenea Font Awesome 6.4 în WordPress Tooltips Pro Plus 35.8.8. Am actualizat tooltipurile Font Awesome pentru a folosi cea mai recentă versiune: Font Awesome 7.1. Ce este Font Awesome?

Font Awesome este un toolkit popular de iconițe și font web care oferă o vastă colecție de iconițe vectoriale scalabile și logo-uri sociale. Permite dezvoltatorilor să încorporeze cu ușurință iconițe de înaltă calitate în site-urile și aplicațiile lor fără a necesita fișiere de imagine. Caracteristici cheie ale Font Awesome:

Iconițe scalabile: Fiind bazate pe vectori, iconițele Font Awesome pot fi scalate la orice dimensiune fără a pierde calitate, făcându-le perfecte pentru designuri responsive.
Compatibilitate între browsere: Font Awesome funcționează perfect pe toate browserele web moderne.
Integrare ușoară: Dezvoltatorii pot integra cu ușurință Font Awesome în proiectele lor folosind un simplu tag <link> sau instalându-l prin manageri de pachete precum npm sau Yarn.
Personalizabil: Iconițele pot fi stilizate cu CSS, permițând modificări de culoare, dimensiune, rotație și multe altele pentru a se potrivi cerințelor de design ale unui site web.
Accesibilitate: Iconițele Font Awesome pot fi făcute accesibile prin atribute HTML corespunzătoare, asigurându-se că sunt utilizabile de cititoarele de ecran.
Actualizări regulate: Toolkitul este actualizat frecvent cu noi iconițe, îmbunătățind biblioteca sa în timp.

De ce utilizatorii apreciază Font Awesome:

Varietate largă: Font Awesome oferă mii de iconițe care acoperă numeroase categorii, oferind utilizatorilor suficiente opțiuni pentru a găsi iconița perfectă pentru orice aplicație.
Simplitate: Sintaxa pentru utilizarea Font Awesome este simplă, făcându-l ușor de implementat pentru dezvoltatori de toate nivelurile de abilități.
Performanță: Fiind un set de iconițe bazat pe fonturi, Font Awesome se încarcă de obicei mai repede decât iconițele tradiționale din imagini, contribuind la îmbunătățirea performanței site-ului.
Suport comunitar: Cu o comunitate mare de utilizatori și documentație cuprinzătoare, dezvoltatorii pot găsi cu ușurință suport, tutoriale și exemple.
Stil consistent: Toate iconițele au un stil uniform, ceea ce ajută la menținerea consistenței vizuale în aplicațiile web.
Opțiuni gratuite și plătite: Font Awesome oferă atât versiuni gratuite, cât și premium, permițând utilizatorilor să aleagă în funcție de nevoile și bugetul lor.

Concluzie

Font Awesome a devenit o soluție preferată pentru mulți dezvoltatori datorită versatilității, ușurinței de utilizare și bibliotecii extinse de iconițe. Indiferent dacă construiești un site web simplu sau o aplicație web complexă, Font Awesome oferă instrumentele necesare pentru a îmbunătăți designul UI și a îmbunătăți experiența utilizatorului. Ce sunt Tooltipurile Font Awesome?

Tooltipurile Font Awesome sunt o caracteristică care permite dezvoltatorilor să creeze casete de informații sau sugestii hoverabile folosind iconițe Font Awesome, incluse în versiunea wordpress tooltips pro plus 19.9.8. Aceste tooltipuri oferă context sau informații suplimentare despre un element de pe o pagină web atunci când un utilizator trece cu cursorul peste acesta. Caracteristici cheie ale Tooltipurilor Font Awesome:

Iconițe: Poți încorpora cu ușurință iconițe din biblioteca Font Awesome în tooltipurile tale, îmbunătățind atractivitatea vizuală și experiența utilizatorului.
Personalizare: Tooltipurile pot fi stilizate și personalizate pentru a se potrivi designului site-ului tău, permițând ajustări de culoare, dimensiune și poziționare.
Responsivitate: Acestea se adaptează bine la diferite dimensiuni de ecran, făcându-le potrivite atât pentru interfețele desktop, cât și pentru cele mobile.
Accesibilitate: Tooltipurile implementate corect pot îmbunătăți accesibilitatea prin furnizarea de informații suplimentare fără a aglomera UI-ul.
Suport JavaScript: Multe implementări de tooltipuri folosesc JavaScript sau cadre CSS (cum ar fi Bootstrap) pentru a îmbunătăți funcționalitatea, cum ar fi efectele de afișare și ascundere.

Cum să adaugi Tooltipuri Font Awesome în Postarea ta WordPress

Crearea de conținut captivant în postările tale WordPress a devenit mai ușoară cu tooltipurile Font Awesome! Urmează acești pași simpli pentru a-ți îmbunătăți postările cu iconițe frumoase care oferă informații suplimentare cititorilor tăi. Pasul 1: Creează o Nouă Postare WordPress

Începe prin a crea o nouă postare în WordPress. În editor, pur și simplu inserează shortcode-ul tooltip Font Awesome astfel:

[ ttfa tooltip_id=”13″ set=”fas” icon=”fa-question-circle” size=”2x” color=”#9ee2c6″ ]

Acest shortcode pentru tooltip Font Awesome îți va permite să afișezi un tooltip în postarea ta.

Mai multe shortcode-uri pentru tooltipuri WordPress pot fi găsite în documentația noastră detaliată despre shortcode-uri; tooltips.org/how-to-use-wordpress-tooltip-shortcode-tooltips-to-add-tooltips-manually/ Pasul 2: Previziunea Tooltipului Tău

Odată ce ai adăugat shortcode-ul, mergi la partea din față a postării tale WordPress. Vei vedea o frumoasă iconiță de cerc cu întrebare, care arată astfel:

Iconița Tooltip Font Awesome

Când utilizatorii trec cu mouse-ul peste cercul cu întrebare, un popup tooltip va apărea, oferind mai multe detalii:

Popup Tooltip Font Awesome Pasul 3: Personalizează-ți Tooltipul

Ai flexibilitatea de a personaliza dimensiunea și culoarea iconițelor tale Font Awesome. De exemplu, dacă vrei să faci iconița cercului cu întrebare mai mare, pur și simplu schimbă parametrul de dimensiune de la 2x la 3x, 4x sau chiar mai mare! Iată un exemplu: fereastra popup tooltip font awesome în partea din față

Pentru a schimba culoarea, modifică parametrul de culoare la orice valoare hex preferi, cum ar fi #cccccc sau #eeeeee. Pasul 4: Alege Stilul Iconiței Tale

Poți, de asemenea, să ajustezi stilul tooltipului tău Font Awesome schimbând parametrul set:

fas — Iconițe solide
far — Iconițe regulate
fab — Iconițe de marcă

Rezumat rapid al ceea ce trebuie să știi:

tooltip_id: Acesta este ID-ul tooltipului pe care l-ai creat în editorul de tooltipuri WordPress.
set: Alege între iconițe solide (fas), regulate (far) sau de marcă (fab).
icon: Am folosit iconița cercului cu întrebare, dar amintește-ți, există peste 1.588 de iconițe uimitoare disponibile pentru tine!
size: Nu ezita să crești dimensiunea la 3x, 4x etc., în funcție de preferințele tale de design.
color: Personalizează culoarea pentru a se potrivi cu site-ul tău, cum ar fi #eeeeee.

Acum ești pregătit să îmbunătățești postările tale WordPress cu tooltipuri delicioase Font Awesome! Blogging plăcut! Concluzie:

Font Awesome include peste 1.500 de iconițe de înaltă calitate care pot fi personalizate în ceea ce privește dimensiunea, culoarea și stilul folosind CSS

„Acum ești pregătit să îmbunătățești postările tale WordPress cu minunatele tooltip-uri Font Awesome! Blogging plăcut!

Concluzie:

Font Awesome include peste 1.500 de pictograme de înaltă calitate care pot fi personalizate în ceea ce privește dimensiunea, culoarea și stilul folosind CSS. Aceste pictograme sunt concepute pentru a fi compatibile cu diferite browsere. Tooltip-urile Font Awesome sunt un component util pentru îmbunătățirea interacțiunii utilizatorului și oferirea de informații utile într-un mod vizual atrăgător pe paginile web.

Dacă este nevoie să facem vreo modificare, te rugăm să nu eziți să ne spui, vom încerca să o finalizăm cât mai repede posibil (este ora 01:52 AM pentru noi).

Dacă totul funcționează bine, te rugăm să schimbi accesul site-ului tău de test, nu ne-am conectat niciodată la contul tău, pentru a-ți proteja datele private și informațiile personale

Mulțumim, să ai o zi binecuvântată alături de cei dragi

Cu cele mai bune gânduri,

Asistența pentru Tooltip-uri WordPress

Tagged with: font-awesome tooltips, wordpress tooltips, wordpress tooltips plugin

قم بتحميل ملف admin.css لإضافة WordPress Tooltips في منطقة wp-admin فقط عندما ينتمي الشاشة الحالية إلى الإضافة. تم تحسين تلميحات WooCommerce، وتم إصدار WordPress Tooltips Pro Plus 35.7.8

Posted on October 1, 2025 by team Posted in وثيقة إضافة التحويم لووردبريس — No Comments ↓

مرحبا بكم، مستخدمي إضافة wordpress tooltips، آمل أن يجدكم هذا الرسالة في أفضل حال، وأن تقضوا يوماً رائعاً مع العائلة . يسرني أن أعلن عن إصدار WordPress Tooltips Pro 35.7.8 وWordPress Tooltips Free 10.7.3، استنادًا إلى بعض الاقتراحات الرائعة التي تلقيناها من أحد المستخدمين الرائعين. تضم هذه التحديثات ميزات جديدة بناءً على طلباتكم.

أخبرنا مستخدم رائع عن:

لوحة الطباعة في سمة Salient: واجهة إدارة Salient: عند تفعيل tooltips، يتم كسر الطباعة وعرضها بشكل غير صحيح.

قمنا بمراجعة الكود الأساسي للسمة ووجدنا أن هناك .tooltip class تتعارض مع فئة admin.css في الورقة النمطية للإدارة. لذلك، قمنا بتعديل إضافة WordPress tooltips بحيث:

في الإصدار الجديد، ستقوم WordPress Tooltips بتحميل ملف admin.css في منطقة wp-admin فقط، عندما يكون الشاشة الحالية ذات صلة بالمكون الإضافي. سيساعد هذا التغيير في منع التعارض مع السمات أو المكونات الإضافية الأخرى.

تحسينات إضافية في WordPress Tooltips Pro Plus 35.7.8 لـ WooCommerce Tooltips

تُعد WooCommerce Tooltips أداة قوية تهدف إلى تعزيز تجربة المستخدم في المتاجر عبر الإنترنت. من خلال هذه الميزة، يمكن للبائعين توفير معلومات تفصيلية عن المنتجات مثل مقاطع الفيديو، وملفات الصوت، والصور، والنصوص، ورموز الاستجابة السريعة (QR)، والأسئلة والأجوبة لتحفيز اهتمام العملاء وزيادة المبيعات.

تضيف إضافات WooCommerce Tooltips تأثيرات tooltips الجميلة لشرح المنتجات وملخص المنتجات، وأرشيف منتجات WooCommerce، وعناوين المنتجات، وعلامات المنتجات في WooCommerce. على سبيل المثال، tooltips يمكن أن تقدم معلومات عن خصائص المنتجات.

معلومات إضافية عن المنتجات عبر tooltips

الميزات الرئيسية:

دعم الوسائط المتعددة:
- إمكانية إضافة tooltips فيديو لتجارب المنتج.
- دعم tooltips صوتية لتوفير معلومات إضافية حول المنتج.
- عرض صور ذات صلة باستخدام tooltips الصور.
تحسينات تخصيص:
- إمكانية تخصيص tooltips مع 50 خيارًا مختلفًا، بما في ذلك:
  - لون الخط
  - لون الحدود
  - لون الخلفية
  - موقع tooltips ومحاذاتها
  - شفافية tooltips
  - حجم النص وخيارات تصميم مرئية أخرى.
محتوى تفاعلي:
- إمكانية تضمين رموز الاستجابة السريعة (QR) والقسائم مباشرة في tooltips.
- استخدام تأثيرات tooltips مثل التدوير، والاختفاء، والظهور التدريجي.
تحسين تجربة المستخدم:
- tooltips للخصائص المنتج توفر معلومات تفصيلية لتقليل أسئلة العملاء (مثل مواصفات المواد).
- تقديم tooltips مخصصة لعناوين المنتجات ووصفها لنقل معلومات هامة بسرعة.
- تقليل طلبات العملاء: من خلال توفير معلومات إضافية، يمكن تقليل الطلبات لدعم العملاء.
- الحفاظ على تفاعل العملاء: تسهم tooltips في تحسين تجربة التسوق وبناء الثقة مع العملاء، مما يشجعهم على الشراء.
سهولة الاستخدام:
- تثبيت قوي وسهل من لوحة تحكم WordPress.
- واجهة إعداد بديهية لسهولة الإعداد.
- إعداد tooltips في أوصاف المنتجات أو الصفحات بشكل سهل.
خيارات عرض متنوعة:
- إمكانية دمج عدة tooltips في صفحة المنتج، مما يجنب تعقيد الصفحة بسبب الفيديوهات الكبيرة.
- تصميم متجاوب يعمل بشكل جيد على الأجهزة المحمولة.
وظائف دليل المنتج:
- ضمان إمكانية إنشاء دليل منتجات لتحسين عرض ومقارنة المنتجات مع سهولة الاستخدام. يظهر كالتالي:
  Search for:
  ← 1 2
  ← 1 2
شفرة قصيرة:
- استخدام رموز قصيرة لدمج tooltips في جميع مواقع أوصاف منتجات WooCommerce.
تحسين SEO:
- يتم تحسين محتوى tooltips لـ SEO لجعل أداء الموقع بشكل أفضل.
تحديثات متكررة:
- يتم مراجعة التحسينات المستمرة والميزات المطلوبة لتطوير مستمر للإضافة.
تطبيقات إضافية:
- التوافق مع تطبيقات أخرى مثل BuddyPress وbbPress وAdvanced Custom Fields (ACF).

الخاتمة

تجعل هذه الميزات إضافة WooCommerce Tooltips أداة متعددة الاستخدامات وقوية لزيادة تفاعل العملاء وزيادة المبيعات في المتاجر عبر الإنترنت.

الفوائد:

زيادة المبيعات: يمكن أن تزيد tooltips الجذابة نسبة التحويل.
تعبير ديناميكي: يمكن لـ tooltips ذات التأثيرات البصرية جذب اهتمام العملاء.
تحسين تجربة التسوق: يجد العملاء معلوماتهم بسرعة دون مغادرة صفحة المنتج.

خطوات التثبيت:

قم بتنزيل وتفعيل إضافة WooCommerce Tooltip.
قم بتفعيل tooltips للمنتجات عبر إعدادات الإضافة.
قم بتعديل إعدادات tooltips لتناسب علامتك التجارية.

الخاتمة:

تعد WooCommerce Tooltips تطبيقاً أساسياً لأي متجر عبر الإنترنت يرغب في التميز بين المنافسين وزيادة التفاعل مع العملاء. من خلال تقديم فهم أعمق للمنتجات، تدعم الحصول على المبيعات وتثري تجربة التسوق. لبدء الاستخدام، يرجى زيارة صفحة إضافة WooCommerce Tooltips.

Tagged with: woocommerce tooltips, wordpress tooltips, wordpress tooltips plugin

تحسين تحميل CSS / JAVASCRIPT لإضافة WordPress Tooltips، إصدار إضافة WordPress Tooltips Pro Plus 36.5.8

Posted on September 14, 2025 by team Posted in وثيقة إضافة التحويم لووردبريس — No Comments ↓

مرحبًا، مستخدمي إضافة WordPress tooltip، نأمل أن تصلكم هذه الرسالة وأن تكونوا تقضون أيامًا رائعة مع أحبائكم. مؤخرًا، تلقينا طلبًا مثيرًا للميزات من مطور WordPress موهوب، وقد تأثرنا حقًا بالأفكار الرائعة التي اقترحها. يعمل فريق تطوير الإضافة لدينا بجد على تنفيذ هذه الطلبات في أسرع وقت ممكن.

مرحبًا، فريق Tooltips،
شكرًا لكم على الرد السريع بشأن تحديث 35.5.8 والدعم السابق. أستخدم إضافة Tooltips Pro Plus مع سمة Salient (و WPBakery) على موقعي.

المشكلة: يتم تحميل Tooltips في الواجهة الأمامية مع CSS الخاصة بـ Bootstrap/Awesome/reset + admin.css، مما يتسبب في تغطية شبكة Salient المتجاوبة، بالإضافة إلى حدوث تعارض مع مجموعة FA.
تعارض مع Font Awesome (تستخدم السمة/المجموعة FA6 والملحق يقوم بإدخال إصدار مختلف من FA، مما يتسبب في ظهور رموز التواصل كصناديق فارغة أو رموز غير صحيحة).

الحل A:

قمنا بتعديل إضافة WordPress Tooltip على النحو التالي:

قم بمسح كل ملف نمط تم تحميله/إنهائه للتحقق مما إذا كان يحتوي على سلسلة bootstrap/font-awesome.
إذا كانت السمة أو الإضافات الأخرى قد قامت بالفعل بتحميلها، يتم إنهاء العملية على الفور حتى لا تقوم إضافة WordPress Tooltip بتحميل حزمة bootstrap/font-awesome.
خلاف ذلك، ستقوم إضافة WordPress Tooltip بتحميل حزمة bootstrap/font-awesome الخاصة بها.

الكود لدينا على النحو التالي:

$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); }

طلب ميزة التالي:

مشكلة خروج Tooltips خارج الشاشة على الأجهزة المحمولة (تغطي صندوق Tooltips المحتوى الموجود على الحواف).

طرق الاستقرار: A) أوقفت تحميل نمط الإضافات التي لا ينبغي تحميلها في الواجهة الأمامية.
أزلت/سجلت فقط موارد Tooltips التي تسببت في التعارض (admin.css، skin ionRangeSlider، bootstrap/awesome/reset). الهدف الأدنى هو:

الحل B:

قمنا بمراجعة كود إضافة WordPress Tooltip بدقة. كانت النسخة السابقة تقوم بتحميل admin.css و skin ionRangeSlider في منطقة الإدارة فقط، مما يمنع تحميلها في الواجهة الأمامية. الكود ينظم كالتالي:

add_action('admin_head', 'tooltips_pro_admin_css');

add_action('admin_head', 'tooltips_admin_rangeslider_css_js');

طلب ميزة التالي:
B) تحميل FA6 مرة واحدة فقط (إزالة تكرار الواجهة الأمامية).
هذا الحل حل مشكلات الرموز (الإصدارات القديمة من الفئة fa fa-* تتضمن v4-shims).

الحل C:

تم حل هذه المشكلة في الحل A.

طلب ميزة:
سيكون من الرائع تنفيذ هذا في الإضافة الخاصة بك.

عزل الموارد/الإعدادات:

عدم تحميل CSS الإدارة في الواجهة الأمامية (is_admin()).
تم الانتهاء.
جعل Bootstrap/Font Awesome خيارًا (مع عدم تفعيله بشكل افتراضي). تقديم 3 خيارات في الإعدادات:
أ) عدم تحميل أي مجموعة من الرموز (استخدام مجموعة السمة)،
ب) تحميل FA6 (core/brands/solid)،
ج) تحميل فقط legacies shim لأصدار fa fa-.
تم الانتهاء. لا تزال تستخدم FA6.5، وإضافة WordPress Tooltip تستخدم FA6.4.
تحميل نمط ionRangeSlider في الواجهة الأمامية فقط عندما لا تظهر الشريط المنزلقي.
تم الانتهاء.
أسماء النمط نطاق خاص وفردي
قم بإضافة جذر فريد لجميع المحددات في الإضافة (على سبيل المثال: .tooltips-pro …) والتجنب من استخدام المحددات العامة مثل .row، .col، .btn، i، .icon، strong.
تم الانتهاء. لا يمكننا استخدام المحددات العامة مثل .row، .col، .btn، i، .icon، strong على نطاق عالمي.
إذا كان من الضروري استخدام أنماط مشابهة لـ bootstrap، قم بتقييد ذلك: .tooltips-pro .btn { … } بدلاً من .btn { … }
تم الانتهاء.
تحميل فقط عند الحاجة
قم بإضافة الموارد في الواجهة الأمامية فقط عندما تكون Tooltips موجودة بالفعل على الصفحة (التحقق من الشفرات القصيرة/المحتوى أو استخدام علامة خادم).

بما أننا نقدم دعم لميزات Tooltips ذات الصلة (Tooltips لعنصر قائمة، واستخدام نص بديل للصورة كـ Tooltips، وTooltips لمجال نموذج الاتصال، وما إلى ذلك)، حتى الآن لم يكن من السهل إيجاد حل لهذا الطلب. نعتذر عن ذلك.

التوافق مع Font Awesome:
إذا كنت توفر Font Awesome، فيرجى استخدام FA6 وتوثيقه؛ تجنب إدخال الإصدارات القديمة من FA مع FA6 لتجنب مشاكل عدم تطابق الرموز. تعتبر استخدام SVG مضمّن للرموز واجهة المستخدم وسيلة جيدة للتخلص من الاعتماد على FA تمامًا.
تم الانتهاء. لازالت تستخدم FA6.5، وإضافة WordPress Tooltip تستخدم FA6.4.

شكرًا لك على الاقتراح الرائع، وإذا كان لديك المزيد من طلبات الميزات، فلا تتردد في الاتصال بنا. نحن متحمسون جدًا لتنفيذ ذلك من أجلكم

شكرًا لكم. نتمنى لكم يومًا سعيدًا مع عائلتكم

تحياتي،

فريق دعم إضافة WordPress Tooltip

Tagged with: wordpress tooltips

Author: team

Bullet Screen description in wordpress tooltips 5.9.2 (2018) (Archived)

How to set up wordpress bullet screen?

How to use bullet screen in your wordpress post?

Great Tooltip plugin, very helpful support ⭐⭐⭐⭐⭐

كيفية تخصيص ترتيب عناصر المعجم – WordPress Tooltips Pro Plus 35.9.8

Rezolvarea conflictelor de teme între Awesome și Bootstrap în pluginul de tooltip-uri WordPress, cum să folosești tooltip-urile font-awesome – Versiunea 35.8.8 acum disponibilă

New WordPress Tooltips Plugins Released

قم بتحميل ملف admin.css لإضافة WordPress Tooltips في منطقة wp-admin فقط عندما ينتمي الشاشة الحالية إلى الإضافة. تم تحسين تلميحات WooCommerce، وتم إصدار WordPress Tooltips Pro Plus 35.7.8

الميزات الرئيسية:

الخاتمة

الفوائد:

خطوات التثبيت:

الخاتمة:

تحسين تحميل CSS / JAVASCRIPT لإضافة WordPress Tooltips، إصدار إضافة WordPress Tooltips Pro Plus 36.5.8

Optymalizacja ładowania CSS / JAVASCRIPT dla wtyczki WordPress Tooltips, wydanie wtyczki WordPress Tooltips Pro Plus 35.6.8

새 옵션: “테마 충돌을 피하기 위해 Awesome CSS 활성화 / 비활성화”, WordPress Tooltips Pro Plus 35.5.8 출시

WordPress Tooltips Pro Plugin 20.7.4: Javítva a wp-admin/admin-ajax.php 400-as hiba és módosítva a Bootstrap stílus

Cart

Questions? We’re Here to Help!

WordPresss Tooltips

Tooltip Plugins

Recent Tooltip News