Vill du add tooltips till dina posts och pages i WordPress?
Tooltips är extra information som visas när din mus hoverar över vissa ord. Det är ett bra sätt att förtydliga ditt content.
I den här artikeln visar vi dig hur du addar WordPress Tooltips i dina posts och pages.
Varför visa Tooltips i dina WordPress Posts och Pages?
Tooltips visar användbar information i små boxar som dyker upp när du hoverar över ett area på din WordPress site. De är ett bra sätt att add to klarhet till your content.
Du kan använda Tooltips för att add to definitioner av svåra ord, lyfta fram viktiga fakta och avslöja källorna till din information. Likes footnotes, de kan förbättra användarupplevelsen och hjälpa till att bygga förtroende hos dina besökare.
Tooltips bör dock aldrig användas för viktig information. Din post bör innehålla allt som dina läsare behöver även om de inte läser Tooltip, bara ifall de inte ser dem.
Du bör också se till att du inte överanvänder Tooltips, eller ej, eftersom de kan bli en distraktion för dina website besökare, vilket kan förstöra användarupplevelsen.
Med detta sagt, låt oss titta på hur du kan add tooltips till dina WordPress posts och pages.
Så här lägger du till Tooltips i dina WordPress Posts och Pages
Det första du behöver göra är att installera och aktivera pluginet WordPress Tooltips. För mer information, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.
När pluginet är aktiverat finns det flera sätt att add tooltips till dina posts och pages. Det första är att automatiskt add tooltips till vissa keywords.
Lägga till Tooltips till Keywords automatiskt
Allt du behöver göra är att navigera till Tooltips ” Add New för att skapa ett nytt tooltip. Du måste börja med att lägga till en rubrik.
Rubriken är ett keyword, och Tooltip visas automatiskt överallt där keywordet förekommer i dina posts och pages. This can save you a lot of time since you don’t need to manually add the tooltip in multiple locations across your site.
Om du gillar att andra ord också ska visas i Tooltip, kan du enter dem i synonymer section till höger på vyn. Om du enter flera synonymer ska de separeras med rörsymbolen |.
Nu, i content section, add to your tooltip. En Tooltip kan vara bara några ord lång, eller så kan det vara flera stycken med rikt innehåll med images och andra medier. Tänk dock på att du skriver content för en tooltip, ej för en hel post, så håll det så kort som möjligt så att det blir lättläst på alla vyer.
När du är slutförd ska du klicka på knappen ”Publicera” till höger på vyn. Nu kommer tooltips automatiskt att visas på dina posts och pages varhelst tooltipsets titel och synonymer hittas.
Lägga till Tooltips med hjälp av Shortcode
Ett annat sätt att add tooltips är att lägga till en shortcode till innehållet i dina posts och pages.
Den här metoden är lämplig för kortare tooltips, eller när du vill visa tooltip bara en gång istället för på varje matchande keyword på din website.
Om du inte är van vid shortcodes kan du läsa mer i vår guide för nybörjare om hur du lägger till en shortcode i WordPress.
För att lägga till din tooltip shortcode måste du först öppna posten eller sidan där du vill lägga till tooltip i content editor. Sedan ska du lägga till den här shortcoden där du vill att tooltip ska visas:
[tooltips keyword="YOURKEYWORD" content="YOURTOOLTIPCONTENT"]
Ersätt bara YOURKEYWORD med det ord eller den fras som du vill lägga till Tooltip till och ersätt YOURTOOLTIPCONTENT med den text som du vill add to Tooltip. Var noga med att lämna citaten i shortcoden så att den fungerar korrekt.
You can preview the page to see the tooltip in action.
Så här ser det ut på vår demo site.
Skapa en ordlista från dina Tooltips
Varje Tooltip är en description av ett keyword, ungefär som du skulle hitta i en ordbok eller en ordlista. När du fortsätter att lägga till Tooltips är det som om du bygger upp en grundläggande ordlista.
Det är därför WordPress Tooltips plugin allow you att visa en ordlista med verktygstips på din website. Lägg bara till shortcoden [glossary]
till den post eller page där du vill att den ska visas.
När du har publicerat posten eller pages kan you besöka your website för att se ordlistan.
Så här ser det ut på vår demo site. Den innehåller de tooltips vi addade till plugins tooltips-lista, men ej de tooltips vi skapade med shortcode.
Om du vill customize ordlistan kan du göra det från Tooltips ” Glossary Settings menu i WordPress dashpanelen.
Här hittar du ett antal alternativ som du kan tweaka för hur ordlistan ska visas och vad som ska ingå.
Du kan t.ex. välja om du vill visa images i ordlistan eller ej, och du kan ange ID:n för de Tooltips du inte vill ha med.
Vi hoppas att denna tutorial hjälpte dig att lära dig hur du addar tooltips till dina WordPress-poster och pages. Du kanske också vill se vår guide om hur man skapar ett nyhetsbrev via email, eller vår expertjämförelse av de bästa gratis webbhotellen.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
sasa says
I installed plugin and add new tooltip, entered content and now i dont know how to add it on a link
jawadhyder15 says
The plugin don’t work for me,
But when i do this manually, it works!
wpbeginner says
@shovan It works.
shovan says
I dont think the plugin works on WP 3
netcaststudio says
After installing the plugin the import of comments didn’t complete after 6 hours of running. Any thoughts?
wpbeginner says
That twitter icon is a Twitter Follow Button PRO – http://wpbeg.in/jMT3IT
wpbeginner says
@dbroadaway the twitter icon is another plugin. Floating bar is the smart sharing plugin.
dbroadaway says
Thanks for the write-up, but I have two unrelated questions:
1: What is that Twitter icon next the Tooltip icon?
2: I love your left-hand floating/static social media shares. Is that custom or a plugin/service?
Thanks.
wpbeginner says
@Jaxov An article is due for that.
Jaxov says
@wpbeginner
Offtopic: How happy are you with livefire comment system?
How is it compared to other solutions? Also does it allow guest comments without registration?
wpbeginner says
@mharis @Jaxov @Crysislevel Thank you Haris for posting this.
mharis says
@Jaxov @Crysislevel Here’s the demo screenshot http://i.imgur.com/m7l10.png
Jaxov says
@Crysislevel I agree! Thanks for this.
Btw you should maybe create an example page or preview in such posts so that we can see how it actually looks live.
Crysislevel says
nice tutorial! thanx for this…i never knew how to do that!