IZ Block Editor Tooltips

الوصف

This lightweight plugin adds button “Tooltip” to the RichText toolbar.

Use it to paste popover tooltips over the words and phrases in your articles.

You can style tooltips with the admin settings page.

You can also style tooltips with CSS and using filters:

add_filter('izbet_style_text_color', function() { return '#247DE0'; });
add_filter('izbet_style_border_color', function() { return '#247DE0'; });
add_filter('izbet_style_tooltip_text_color', function() { return '#fff'; });
add_filter('izbet_style_tooltip_background_color', function() { return 'rgba(0, 010, 030, .85)'; });
add_filter('izbet_style_tooltip_font_size', function() { return '.8rem'; });
add_filter('izbet_style_tooltip_padding', function() { return '.6rem'; });
add_filter('izbet_style_tooltip_border_radius', function() { return '.3rem'; });

How to contribute

If you want to help me develop the plugin please visit its repository on GitHub: https://github.com/IvanZhuck/wordpress-iz-bet. The repository contains the source code and tools for development.

لقطات الشاشة

  • How tooltips look on the page
  • How tooltips look in the editor
  • Settings page

التنصيب

  1. Upload iz-block-editor-tooltips folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the “Plugins” menu in WordPress.
  3. Visit “Settings” -> “IZ BET Setting” to set up tooltip colors.

المراجعات

17 سبتمبر، 2024 1 reply
Great plugin the function work perfectly well and lightweight! However, when i added the add_filter in [Code Snippet Pro] (run the code in both frontend and admin) as descriebd to customize my own color style , it show noting in frontend. I wonder if i missed anything. add_filter(‘izbet_style_text_color’, function() { return ‘#4CC4A4’; });add_filter(‘izbet_style_border_color’, function() { return ‘#247DE0’; });add_filter(‘izbet_style_tooltip_text_color’, function() { return ‘#4CC4A4’; });add_filter(‘izbet_style_tooltip_background_color’, function() { return ‘rgba(0, 010, 030, .85)’; });add_filter(‘izbet_style_tooltip_font_size’, function() { return ‘.8rem’; });add_filter(‘izbet_style_tooltip_padding’, function() { return ‘.6rem’; });add_filter(‘izbet_style_tooltip_border_radius’, function() { return ‘.3rem’; });
20 يونيو، 2024
It is really an amazing tool. Very easy to use. Thank you developer. Please add some way to increase the font size of the content if possible.
3 فبراير، 2024
After several hours wasted looking for a simple title-box on hover for links, here’s the miracle: I found this great plugin that does exactly what it says it does. It is very useful, clean, effective. I’m surprised he’s so little famous. I recommend it and hope it has more success. Thanks so much for developing this!
إقرأ جميع المراجعات 4

المساهمون والمطوّرون

“IZ Block Editor Tooltips” هو برنامج مفتوح المصدر. وقد ساهم هؤلاء الأشخاص بالأسفل في هذه الإضافة.

المساهمون

لقد تم ترجمة ”IZ Block Editor Tooltips“ إلى لغة واحدة. شكراً إلى جميع المُترجمين لمُساهماتهم.

ترجمة ”IZ Block Editor Tooltips“ إلى لغتك.

مُهتم بالتطوير؟

تصفّح الشفرة، تحقق من مستودع SVN، أو الاشتراك في سجل التطوير بواسطة RSS.

سجل التغييرات

3.4.2

  • Tested with WordPress 6.6

3.4.1

  • Fixed filter names in readme
  • Fixed string for translation

3.4.0

  • Added custom size settings
  • Tested with WordPress 6.5.5

3.3.0

  • Tested with WordPress 6.5
  • Fixed tooltip editor popover position
  • Fixed new lines inside tooltip content

3.2.3

  • Updated readme.txt

3.2.2

  • Tested with WordPress 6.4.2
  • Added screenshots

3.2.1

  • Updated output escaping

3.2.0

  • Tested with WordPress 6.4.1
  • Added variable escaping

3.1.1

  • Updated @wordpress/eslint-plugin version
  • Updated readme.txt

3.1.0

  • Updated plugin text prefix
  • Updated plugin text domain
  • Changed the way to read json config files

Please visit the Releases page on GitHub to see the full plugin’s changelog,