Search WordPress by Custom Fields without a Plugin Custom fields are one of the more powerful features available in WordPress. They are particularly useful when extending WordPress via the use of custom post types.
Struggling with how to add code to the WordPress header or footer? Many tools and tracking scripts require you to add code snippets to your WordPress site’s header or footer. But, by default, WordPress doesn’t make it very accessible to edit those files. In this entry, we’ll show you how to add code to the WordPress header or footer both by using a WordPress plugin or manually adding the code to your functions.php file. For most users, the plugin method is the recommended method. But intermediate-advanced WordPress users may prefer using the manual code method, instead.
You can click the links below to jump straight to your preferred method:
How to Add Code to WordPress Header and Footer With a Plugin
For most users, the easiest way to add code to the WordPress header and footer is via a plugin. The benefits of using a plugin over the manual method in the next section are:
Are you tired of slow WordPress hosting & horrible support? We do things different at Kinsta.
- Your code snippets will remain intact if you ever switch themes
- The plugin makes it easy to only add code snippets to the header or footer of your homepage, which can be helpful for some uses.
- The plugin is more beginner-friendly because it doesn’t require digging into code
While there are several plugins that offer this functionality, we recommend the Head, Footer and Post Injections plugin from Stefano Lissa because it gives you more control than many of the alternatives. It currently has over 100,000 active installs with a 5 out of 5-star rating.
Header and Footer WordPress plugin
Step 1: Install and Activate Head, Footer and Post Injections
Head, Footer and Post Injections is available for free at WordPress.org, so you can install and activate it directly from your WordPress dashboard by going to Plugins → Add New and searching for it:
Step 2: Add Code Snippet to Head, Footer and Post Injections
Once you activate the plugin, you can access its interface by going to Settings → Header and Footer in your WordPress dashboard. You’ll see a number of tabs in the plugin’s interface. But for this guide, you’ll mostly work in the default Head and footer tab:
Head, Footer and Post Injections interface
To add code to your site’s header, you need to paste it into one of the boxes under the <HEAD> SECTION INJECTION area:
- Every page – adds the code snippet to the header of every single page on your site. This is what you’ll want to use most of the time.
- Only home page – only adds the code snippet to the header of your homepage.
For example, to add the Google Analytics tracking code to WordPress, you’d just paste it into the Every page box and save your changes:
To add code to your site’s footer, you can scroll down to the BEFORE THE </BODY> CLOSING TAG (FOOTER) option. Again, you have two options, though they’re different from the header section:
- Desktop – despite the name, this adds code to the footer of both the desktop and mobile version of your siteunless you specifically check the box for Mobile.
- Mobile – when checked, this lets you add a different code snippet to the mobile version of your site.
If you just want to add a code snippet to the footer section for all users, no matter their devices, paste it in the Desktop box and leave Mobileunchecked:
Example of adding code to footer
If needed, you can add multiple code snippets to each box.
BONUS – Add Code to Header and Footer of Google AMP Pages
Another neat thing about this plugin is that, if you’re using Google AMP for WordPress, the plugin lets you specifically add code snippets to the header and footer of the Google AMP versions of your pages (as long as you’re using the official AMP plugin from Automattic).
To do it, head to the AMP tab in Header and Footer and paste your code snippet into the appropriate box:
If you are simply needing to add different PHP functions on a site-wide basis, we also recommend checking out the free Code Snippets plugin. It removes the need to add custom snippets to your theme’s functions.php file. It currently has over 50,000 active installs with a 5 out of 5-star rating.
Code Snippets WordPress plugin
How to Manually Add Code to WordPress Header and Footer
If you’re not familiar with the basics of PHP, we recommend you stick with the plugin method above. The manual method might be overly complicated for you.
In this section, you’ll learn how to manually add code snippets to your theme’s header and footer via its functions.php file.
If you want to proceed with this method over the plugin in the previous section, it’s essential that you use a WordPress child theme to make your edits. If you don’t use a child theme, any code that you add to your header or footer will get overwritten if you update your WordPress theme.
Many developers provide a child theme. But if your developer doesn’t, here’s a guide on how to create a WordPress child theme. Once you have your child theme ready to go, you can proceed with the following steps to add code to your theme’s header or footer.
While you can add code snippets directly to your header.php and footer.php files, a better way is to use your functions.php file and the appropriate WordPress hook. This lets you keep all your snippets in one place and avoid modifying core theme files.
Step 1: Prepare Code Snippets
To get you started, we’ll give you a rough framework to add code to both your header and footer.
Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features
To add code to your header, use this code snippet:
To add code to your footer, use this code snippet:
For each snippet, make sure to change:
- The comment description (helpful when you need to remember what a code snippet does a year later)
- The your_function_name placeholder (both instances)
- The PASTE X CODE HERE placeholder
Step 2: Add Code Snippets to functions.php File in Child Theme
Once you have the relevant code snippet(s) ready, you need to add them to the functions.php file of your child theme. You can either edit this file by connecting to your site via FTP. Or, you can go to Appearance → Editor and select the functions.php file. Then, paste your code at the end of the file:
Make sure to save your changes and you’re done!
BONUS: Add Code to Header or Footer For Only Specific Pages
If you want more control over where your header or footer code snippets show up, you can use if statements to only add the code to specific pages on your WordPress site.
For example, to only add code snippets to the header or footer of your homepage, you could use:
Another option is to only add the code snippets tospecific posts or pages. To do that, you can use this code snippet:
Make sure to replace the example number – 73790 – with the actual ID of the post or page you want to add the code snippets to.
When In Doubt, Use The Plugin
That wraps up our guide on how to add code to the header or footer of your WordPress site. If the manual code examples are confusing, we recommend that you use the plugin method. It’s much more beginner-friendly and, most of the time, gives you just as much functionality.
Description
Responsive WordPress Tooltips:
WordPress Tooltip
WordPress Glossary
When user hovers the pointer over an item, a tooltip box will appear — you can add text, image, video, radio, audio, social links… in tooltips box, you can add tooltips in post title / post content / post excerpt / post tags / wordpress archive / wordpress menu items / gallery… and so on.
WordPress Tooltips support glossary too, just insert shortcode [glossary] in any page or post, screenshot can be found at here https://ps.w.org/wordpress-tooltips/assets/screenshot-6.png.
WordPress Tooltips is a simple & quick & light & powerful jQuery tooltips solution, it is very easy to use, you can easily add any HTML content via wordpress standard WYSWYG editor, for example, pdf download link, video, audio, image, social link… and so on.
You can manage all tooltip keyword / tooltip content centrally in one admin panel easily and quickly. Just input keyword in keyword field and video / rideo / text/ image/ links in content field, our wordpress tooltips plugin will detect your tooltips keyword in post content, post title, post tags.. and so on, and show related tooltips box automatically.
For gallery users for examle next-gen, you do not need to do anything, our tooltips plugin will detected next-gen description and show it as a tooltips when user hovering on next-gen gallery images, also our plugin support many other gallery/slideshow plugins too, you can setting tooltips manage options in Tooltips Global Settings panel.
Live Demo of WordPress Tooltips Pro:
Our tooltips plugin have tooltip customization API so it have ability to integrate other amazing themes / plugins / platforms with our wordpress tooltip plugin
There are more amazing features in our wordpress tooltips plugin, for example:
- 3 preset tooltips color schemes: Light, Dark, Green. In tooltips settings panel in admin, support one click to select tooltips color schemes
- When mouse hover the tooltip terms, we will show highlight color with a transition effect
- Options to show tooltips animation effects
- Options to enable/disable Tooltip for images
- Options to enable/disable Tooltip for excerpt
- Options to enable/disable tooltip in post tags
- Options to enable / disable images in glossary page
- Options to enable / disable “Tooltip Close Button”
- Options to setting tooltip z-index Value via range slider
- Options to setting tooltip Hook Priority Value via range slider, by this way wordpress tooltips can support functionality of other wordpress plugins better, and show content which generated by other plugins(which followed WP the_content API) in tooltips popup window
- Option to disable specific tooltips effect in html tags, for example, h1, h2, h3, a, p…. and more, so you can disable tooltips in widget, or disable tooltips in links… and so on
- Drag the tooltip widget to appear in the sidear and we will list all tooltips in tooltips widget.
- Support tooltip categories
- Create unlimited tooltips as much as you like
- Support multiple tooltips on single page.
- Tooltip keyword Matching Mode option: You can select show tooltips to the first matching tooltip term in the same page or add tooltips effect to all matching keyword in the same page
- Responsive tooltips, our tooltips plugin works well in mobile devices
- WordPress tooltips will auto detect tooltip position — tooltips will not out Of screen, for example, if the tooltip word’s position is on the head of the page and some section of tooltip content is out of screen, our tooltip will shown on the bottom center of the tooltip word and tooltip content will be truncated or out of screen.
- Build-In Tooltip Global Settings
- Tooltip Synonyms, you can enter all synonyms in tooltips editor in one time, and our tooltips plugin will detect all these synonyms and add same tooltips content for these synonyms
- Create tooltips manually via shortcode [tooltips] — by this way, you can add any tooltips which is not in content of post, or not in wordpress database. It is very easy to using: [tooltips keyword=”wordpress” content=”WordPress is great system”], also you can use img tag to add images to tooltips content manually
- Create tooltips list page easily with shortcode [tooltipslist]
- Create glossary page easily with shortcode [glossary]
- Show Tooltips to only one single category, you can setting show tooltips only in 1 category from a category dropdown, or show tooltips in whole site wide. tooltips shortcode is not limited so there are still have a chance to customize it manually
- Admin-friendly — we added guide tips for each setting options, when you hover the question mark of a setting option, a text description will be shown to tell you the usage of this setting option.
- Super easy implementation
- Knowledge Base menu item to help you uderstand how to use wordpress tooltips quickly.
- Support translate wordpress tooltips plugin in content and launch localized versions, .po files can be found in languages folder
- more…
Just one minute test, you will find our plugin is easy to use and user friendly, you are very welcome to request new requirement / features at http://tomas.zhu.bz/wordpress-plugin-tooltips.html/ ?
More amazing features? Do you want to customize a beautiful style for your tooltips? Get WordPress Tooltips Pro now.
More Features of WordPress Tooltips Pro:
Pro Version Features
- Build pretty tooltip quickly, Fine-grained custom tooltips style, choose the color intuitively from color picker, Just a few click, you can easy to custom whole tooltips style in panel: color, border, opacity, width, position, shadow, font, tooltips underline style, animation effects(wiggle, scale, 360 degree rotation,rotateY vertical Y-axis), color of tooltips terms…
- Custom unique pretty style for each tooltip terms, each tooltip keyword can have their own “Tooltip Box Background”,”Tooltip Box Width”, “Tooltip Font Color”,”Tooltip Text Align”, “Tooltip Box Padding:”, “Tooltip Class Name”, “Tooltip Border Radius”, “Border Width”, “Tooltip Border Color”, “Tooltips Border Bottom”, “Tooltip Underline Color”, “Tooltips Shadow”, “Tooltip Font Size”, “Tooltips Line Height”, “Tooltip Term Color”, “Tooltips Popup Animation”, “Title Background Color”, “Tooltip Title Font Size”, “Title Font Color”, “Close Button Background”,”Close Button Radius”, “Close Button Font Color”… and so on
Build a colorful and varied and graceful tooltips site super easy and fast - Support show tooltips in many famouse wordpress plugins, for example show tooltips on WooCommerce shop, in contact form 7 fields, in Pricing Tables, in Tables, show tooltips for ACF ( Advanced Custom Fields ) fields in front end, on HTML5 Responsive FAQ, in Buttons, in Buddypress, in bbPress, works well with Visual Composer(VC)…
- Add tooltip to menu items:You can add tooltips into menu items, sub menu items, please check our menu on http://tooltips.org.
- Add tooltip in post title/archive: please check demo at http://tooltips.org/add-wordpress-tooltips-in-wordpress-post-title-demo/
- Add tooltip in post content/excerpt/post tags: please check demo at http://tooltips.org/add-wordpress-tooltips-in-wordpress-post-tag/
- Add woocommerce tooltip in WooCommerce product page, WooCommerce shop page, woocommerce product title, woocommerce checkout page, WooCommerce Product Attribute Tab… and so on automatically
- Easily add any HTML content via wordpress standard WYSWYG editor, Support unlimited number of tooltips and tooltips categories
- 7 preset stylesheet and beautiful tooltip color schemes: White, Blue, Light, Dark, Red, Cream, Green.
- 5 preset Glossary stylesheet and beautiful color schemes:Blue, Blonde, Dark, Red, Green, change your glossary template via one click in glossary setting panel.
- Support customize font size of Tooltips in Tooltips Style Settings panel
- Support customize Line Height of Tooltips in Tooltips Style Settings panel
- Support customize font color of tooltips terms in front end via color picker
- Support multiple tooltips popup animation effects, for example: wiggle, scale, 360 degree rotation,rotateY vertical Y-axis, just one click in setting panel
- Support Bullet Screen effect like viki.com for tooltips in post content
- Show any content in tooltip box: video, audio/song, image/photo, advertising, links/text, show tooltips for nextgen gallery,Show tooltips on image,Show tooltips on button…
- Option for Enable or Disable tooltips in site home page: Some themes show recent posts in home page, for keep the home page more cleaner, you can stop show tooltips in home page automatically. Of course we still keep the ability to add a few specified tooltips in home page, you can still use Tooltips Shortcode to insert tooltips manually in the home page
- Options to only add tooltips for specified post types: for example, you can setting to add tooltips only for post, page, and do not show tooltips for woocommerce product post type, and so on.
- Options to disable tooltips for specified pages, when you add / edit posts / pages / products, you can choose to not add tooltips content from tooltips database automatically, even there are tooltips keyword in the post content. If you want to add tooltips manually in this page, you can still use shortcode [tooltips] to add your customized tooltip in this page manually.
- Option for Show Tooltips to only one single category: you can setting show tooltips only in 1 category from a category dropdown, or show tooltips in whole site wide. tooltips shortcode is not limited so there are still have a chance to customize it manually
- Option to disable specific tooltips in specified pages: when you add / edit posts or pages, you can find post meta box to allow users disable any specific tooltips in this page, with autocomplete effect — so you do not need to waste time to remember or search all tooltips.
- Option to disable specific tooltips effect in html tags, for example, h1, h2, h3, a, p…. and more, so you can disable tooltips in widget, or disable tooltips in links… and so on
- Option to enable / disable close button in tooltip popup box
- Options for “Close Button Background”, you can setting close button Background color from color picker
- Options for “Close Button Font Color”, you can setting close button Font color from color picker
- Options for “Close Button Radius”, you can setting close button radius from color picker
- Options to display / hidden tooltip title bar in tooltip popup window, at tooltips style customize panel
- Options for “Title Background Color”, via color picker. The color will be used as tooltip title backgound color in tooltip popup window
- Options for “Tooltip Title Font Size”, in tooltips style customize panel
- Options for “Title Font Color” via color picker.
- Options to setting tooltip z-index Value via range slider
- Options to setting tooltip Hook Priority Value via range slider, by this way wordpress tooltips can support functionality of other wordpress plugins better, and show content which generated by other plugins(which followed WP the_content API) in tooltips popup window, for example, show QR Code in tooltips popup window and so on.
- WordPress standard TinyMCE editor: you can use wordpress standard TinyMCE editor to add/edit/delete text, image, song, video and so on
- Detect and fix your error automatically: Our plugin will detect what you filled in the customize style panel, for example, if you forget input “px” for the width or “#” in your color, WordPress Tooltips would still work well.
- have customization API so it have ability to integrate other amazing themes/plugins/platforms for example wiki, google translate and so on.
- Very easy to choose the color intuitively from color picker, support tooltips box backgroud color, tooltips font color, tooltips border color
- Change underline style of tooltips terms: For example double line, dotted, dashed, single line… and so on.
- Change underline color of tooltips terms: Via color picker, so you can customize underline color to match your theme and color schemes/
- Show Tooltips Shadow of tooltips box: users can setting show shadow for tooltips popup box or not
- Multi trigger method: You can select show/hidden your tooltips when: Mouse Over, Double Click, Click, Mouse Leave, Mouse Enter, Mouse Out, Mouse Move, Mouse Up, Mouse Down… and so on
- Keyword Matching Mode: You can select “Add tooltips to the first matching keyword in the same page” or “Add tooltips to all matching keyword in the same page”.
- Easy to add video tooltips: In tooltips editor, We added ‘Insert video into tooltips’ metabox, in which you can insert youtube video or any other video urls or videos in local servers, and you can custom all videos height and width… and so on
- Support tooltip synonyms:you can enter all synonyms in tooltips editor in one time, and our tooltips plugin will detect all these synonyms and add same tooltips content for these synonyms automatically
In wordpress tooltips standard editor, you can find synonyms setting meta box at top right of the editor - Enable/Disable Tooltips For Image Setting: You can enable or disable tooltips for your photos in control panel
- Use image as image tooltip for another image, you can add an image as tooltips on another image
- Tooltips For Image Keyword Matching Mode: We support add tooltips for many slideshow/gallery plugins, in back end, you setting gallery/slideshow support mode, for example next-gen gallery mode or ALT attribute mode or Title attribute mode or REL attribute mode in control panel
- Multi tooltip positioning options: bottomRight, bottomLeft, topRight, topLeft, topMiddle, bottomMiddle, rightMiddle, leftMiddle…
- Automatic positioning: tooltip position is calculated automatically, for example, if you select “topMiddle” as tooltip box position, our tooltips box will shown at top center of the tooltip keyword in front end, or let’s say if you select “bottomMiddle” as tooltip box position, our tooltips box will shown at the bottom center of the tooltip keyword.
- Auto detect tooltip position — tooltips will not out of screen, for example, if the tooltip word’s position is on the head of the page and some section of tooltip content is out of screen, our tooltip will shown on the bottom center of the tooltip word and tooltip content will be truncated or out of screen.
- Any post types and pages which follow wordpress standard the_content API will be supported automatically
- Multi language/UTF8 supported for tooltips: support any alphabets/language.
- Multilingual:support Polylang multilingual plugin add tooltips in each Polylang language automatically, support WPML multilingual plugin, in WPML String Translation, you can translate each tooltips pro settings to your languages.
- Tooltips Stats Report — In back end, you can see how many hists for each tooltips, you will know which tooltip on your sites is most popular on user side.
- Multi browsers supported.
- Easy to use and install tooltips plugin: Dim-witted system, all things just need 5 seconds, you don’t need to edit older posts because tooltips works automatically, just input the content in tooltip management page one time and it will works on all articles automatically, this is really cool if you have an older blog with lots of articles,you need to do is just active it and it will works well automatically,
- Easy to manage tooltips: In plugin setting panel, you can add / edit / delete any tooltips, you can add new tooltips categories, assign tooltips to categories, add image, video, audio, poll, links… and so on for each tooltips, you can trace each tooltips’ hit stats and you will know which tooltips is most popular in your site… and so on
- Detailed wordpress tooltip documentation and Video Tutorial
- Assign tooltip to keywords: tooltip will be displayed for these keywords.
- Create tooltips manually via shortcode [tooltips] to display the tooltip Sitewide Manually , you can add tooltips for WooCommerce Product , in Table Cell , on Button , in Pricing Table … and more
- Support wordpress text tooltips and wordpress image tooltips for Elementor Page Builder automatically
- Options to enable advance tooltips shortcode mode, for shortcode [[tooltips]], you can enable advance tooltips shortcode in post editor,
then our advance tooltips shortcode will support multimedia content, for example, image / audio / video… and so on in tooltips shorcode - Shortcode [tooltip_by_id]: you can add tooltips in front end by id like this: [tooltip_by_id tooltip_id=’222′], 222 is tooltip id
- Create tooltips list page easily with shortcode [tooltipslist]
- Create tooltips Glossary page easily with shortcode [glossary]
- User-friendly: pretty dotted keywords will catch your readers eye and keep the style of your site and not harass your readers.
- Responsive, Mobile devices friendly: our tooltips works well on Android, iOS,Tablet and other mobile devices.
- Quick load speed:everything is CSS, no image are used.
- Import your tooltips from csv:our import function will detect duplicated tooltis terms autimatically, so you do not need filter and remove tooltips terms in csv file. If you need a sample tooltips csv file, please check the file “sample.csv” in tooltips-pro folder.
- Glossary shortcode: it is very easy to use, just enter the shortcode [glossary] in any page or post, you will own a glossary system
- Only show glossary of specified glossary categories in glossary page, by glossary category id or by glossary categories name, it looks like this: [glossary catid=’1,2,3′], or [glossary catname=’classmate,family,school’]
- Easy to custom Glossary style:In Glossary settings panel, you can customize font size of glossary navigation bar item, font size of glossary navigation bar selected item, decide include or exclude numbers in glossary navigation bar, or you can hide the letters in the Glossary Nav Bar that don’t have any tooltips associated with them, i.e., where the number of tooltips is zero… and so on
- Glossary index page, SEO friendly:By default, our plugin will generate a powerful glossary index page at http://yourdomain.com/glossary/, you can change it to any your pages, just one click in glossary setting panel, glossary index page support page navigation, it is SEO friendly and help you get better SEO rank
- Glossary term pages, SEO friendly:Each glossary item have their own glossary page, the link structure looks like this: http://yourdomain.com/glossary/terms1/ , http://yourdomain.com/glossary/terms2/ , it is SEO-Friendly
- Easy to manage Glossary Pages:In Glossary settings panel, you can enable / disable glossary index page and glossary term links by one click
- Glossary Support Responsive:Our glossary works well on mobile devices
- Glossary Page support list style or table style: you can use shortcode [tooltipstable] to generate a glossary page, this shortcode will generate a glossary which have two-column table, left is term, right is content of the term. Also you can use shortcode [tooltipslist] to generate a glossary page which with a tooltips list format
- Glossary category filter / selector: In glossary index page, at the top of glossary items, user can select different glossary category from glossary category dropdown box, when user selected a category, glossary index page will only show related glossary in specified glossary category
- Options to enable / disable tooltips effect on glossary pages: In Glossary Settings panel, you can enable or disable tooltips effect on glossary pages by one click
- Options to enable / disable glossary searchable or not, if you disable glossary searchable, it means glossary terms / tooltip terms will not shown in wordpress standard search result.
If you enable glossary searchable,it means glossary terms / tooltip terms will shown in wordpress standard search result. - Glossary / Directory / List support multi-language: English, Swedish, German, Frensh, Finnish,Spanish,Russian, you can chose your language in optional settings
- Glossary Language addon: You can use language alphabet generator to generate your language alphabet, or just custom your own alphabet based on your application scenarios, also you can generate numbers based on your language or application scenarios, or you can replace words in glossary bar for example replace the “ALL” to your own language… and so on
- Via “How To Use WordPress Tooltips” Panel, you can watch video tutorial and text document to learn how to use wordpress tooltip plugin
- When tooltips new version released, you will get plugin update notify on admin top bar
- Optimized wordpress tooltips performance, speed up your site by: move all wordpress tooltips javascript function to the footer, Generate tooltips css file, not only add inlice css codes in the browser page
- Optimized whole site performance, for example: remove nearly all tooltips javascript or css codes to speed up frontend pages
- All features includes in wordpress tooltip free version
- Lifetime Upgrades, Unlimited Download ,Ticket Support: only $9, build a powerful and pretty tooltip and glossary system in 5 minutes
- more…
WordPress Tooltips Glossary Video Tutorial:
Video Tutorials
WordPress Tooltips Video Tutorial 1: Download wordpress tooltips pro plugin
WordPress Tooltips Video Tutorial 2: Deactivate tooltips free plugin
WordPress Tooltips Video Tutorial 3: How to upload and activate wordpress tooltips pro plugin
WordPress Tooltips Video Tutorial 4: How to Create Your First Tooltips In WordPress Tooltips Pro Plugin
WordPress Tooltips Video Tutorial 5: How to use 7 preset stylesheet and beautiful color schemes
WordPress Tooltips Video Tutorial 6: custom tooltip box color, font, underline, Shadow…and more
WordPress Tooltips Video Tutorial 7: WordPress Tooltip Keyword Matching Mode
WordPress Tooltips Video Tutorial 8: Enable/Disable WordPress Tooltips for Images
WordPress Tooltips Video Tutorial 9: WordPress tooltips for image setting
WordPress Tooltips Video Tutorial 10: Import WordPress Tooltips From csv
WordPress Tooltips Video Tutorial 11: WordPress Glossary Settings
* more…
WordPress Tooltips Video Tutorial 2: Deactivate tooltips free plugin
WordPress Tooltips Video Tutorial 3: How to upload and activate wordpress tooltips pro plugin
WordPress Tooltips Video Tutorial 4: How to Create Your First Tooltips In WordPress Tooltips Pro Plugin
WordPress Tooltips Video Tutorial 5: How to use 7 preset stylesheet and beautiful color schemes
WordPress Tooltips Video Tutorial 6: custom tooltip box color, font, underline, Shadow…and more
WordPress Tooltips Video Tutorial 7: WordPress Tooltip Keyword Matching Mode
WordPress Tooltips Video Tutorial 8: Enable/Disable WordPress Tooltips for Images
WordPress Tooltips Video Tutorial 9: WordPress tooltips for image setting
WordPress Tooltips Video Tutorial 10: Import WordPress Tooltips From csv
WordPress Tooltips Video Tutorial 11: WordPress Glossary Settings
* more…
More amazing features are being developed and you can upgrade unlimited, you are very welcome to submit your feature request at https://tooltips.org/contact-us/
Download
![Without Without](/uploads/1/2/4/7/124727000/230470441.png)
https://wordpress.org/extend/plugins/wordpress-tooltips/
Screenshots
Installation
1:Upload the WordPress Tooltips plugin to your blog
2:Activate it
3:edit keyword and content in tooltips menu, it is very easy, If you want to add/edit/delete tooltips, please log in admin panel, Under “Tooltips” Menu, You can editor/delete all existed tooltips in “All Tooltips” Sub Menu, also you can add new tooltip in “Add New” sub menu.
we will use the title of the post as the keyword of your tooltips, and use the content of the post as the content of your tooltips, for example: If you use “wordpress” as post title, and use “we love wordpress” as the
post content, when users view your post, they will find the word “wordpress” with a dotted line under it, and when user move over the word “wordpress”, the tooltip box will popup and show the tooltip content “we love wordpress”
4: You can setting your tooltips in Tooltips Global Settings page at admin area, for example you can choose ” Add tooltips to all matching keyword in the same page ” or ” Add tooltips to the first matching keyword in the same page” and so on
5: If you want to show glossary / list, just insert shortcode [tooltipslist] into your page or post.
1, 2, 3, 4, 5: You’re done!
2:Activate it
3:edit keyword and content in tooltips menu, it is very easy, If you want to add/edit/delete tooltips, please log in admin panel, Under “Tooltips” Menu, You can editor/delete all existed tooltips in “All Tooltips” Sub Menu, also you can add new tooltip in “Add New” sub menu.
we will use the title of the post as the keyword of your tooltips, and use the content of the post as the content of your tooltips, for example: If you use “wordpress” as post title, and use “we love wordpress” as the
post content, when users view your post, they will find the word “wordpress” with a dotted line under it, and when user move over the word “wordpress”, the tooltip box will popup and show the tooltip content “we love wordpress”
4: You can setting your tooltips in Tooltips Global Settings page at admin area, for example you can choose ” Add tooltips to all matching keyword in the same page ” or ” Add tooltips to the first matching keyword in the same page” and so on
5: If you want to show glossary / list, just insert shortcode [tooltipslist] into your page or post.
1, 2, 3, 4, 5: You’re done!
FAQ
FAQs can be found here: https://tooltips.org/features-of-wordpress-tooltips-plugin/
Reviews
I tried the free version and the tooltips were beautiful, however, I needed more functionality and bought the premium version. I am having trouble getting it to work with a custom made CornerStone theme (which is a very limited theme--don't get me started). Support and been so great to back to me immediately and with follow-up. They are one of the good ones. Would highly recommend!