Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här lägger du till Tooltips i dina WordPress-poster och pages

Genom att lägga till verktygstips i dina WordPress-inlägg och sidor kan du förbättra ditt innehåll.

De ger extra information när muspekaren rör sig över specifika ord, vilket bidrar till att förtydliga ditt budskap och göra ditt innehåll mer användarvänligt.

Tooltips är ett effektivt och enkelt sätt att ge dina inlägg ett djup utan att göra texten rörig. Genom att använda verktygstips kan du vägleda dina läsare och erbjuda mer sammanhang där det behövs.

I den här artikeln visar vi dig hur du lägger till tooltips i dina WordPress-inlägg och sidor.

Add tooltips to your WordPress posts and 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.

Verktygstips ska dock aldrig användas för väsentlig information. Ditt inlägg ska innehålla allt som dina läsare behöver, även om de inte läser verktygstipset, bara ifall de inte ser det.

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 i åtanke ska vi nu titta på hur du kan lägga till tooltips i dina WordPress-inlägg och sidor.

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 |.

Adding a new tooltip

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.

Preview of Tooltip Automatically Added to a Keyword

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 verktygstipset till och ersätt YOURTOOLTIPCONTENT med den text som du vill lägga till i verktygstipset. Var noga med att lämna citaten i kortkoden så att de fungerar korrekt.

Adding a tooltip using shortcode

You can preview the page to see the tooltip in action.

Så här ser det ut på vår demo site.

Preview Tooltip Added Using Shortcode

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.

Adding the Glossary Shortcode

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 demosida. Det inkluderar de verktygstips vi lade till i pluginets verktygstipslista men inte de verktygstips vi skapade med hjälp av kortkod.

Preview of Tooltip Glossary

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å.

Tooltip Glossary Settings

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.

Bonus tips: Fråga din publik om dina nya verktygstips

Att skapa en enkät i WordPress är mycket användbart för att få feedback från dina besökare, vilket kan hjälpa dig att bättre förstå deras intressen.

Om du driver en webbutik kan du ställa frågor för att ta reda på vilka egenskaper människor vill ha i dina produkter eller tjänster.

Om du har en WordPress-blogg är enkäter ett utmärkt sätt att ta reda på om dina artiklar är användbara och vilka andra ämnen din publik vill läsa om.

Enkätformulär är också ett mångsidigt verktyg för att samla in förslag på hur användarupplevelsen kan förbättras.

Survey results in WPForms

Med tooltip-funktionen kan det ta en sekund eller två innan de visas på skärmen, så du kanske vill undersöka dina besökare för att se om de faktiskt lägger märke till dem. Du kanske också vill veta om de är till hjälp eller distraherande.

WPForms är den bästa formulärbyggaren för att skapa WordPress-enkäter. Du kan använda stjärnbetyg, Likert-skalan eller en Net Promoter Score för de olika svarstyperna.

Dessutom kan du välja mellan olika mallar för formulär för användarundersökningar för att hitta den som bäst passar dina behov.

WPForms' customer feedback templates

Om du vill lära dig mer om hur du skapar enkätformulär kan du läsa vår guide om hur du skapar en enkät i WordPress.

Vi hoppas att denna handledning hjälpte dig att lära dig hur du lägger till verktygstips till dina WordPress-inlägg och sidor. Du kanske också vill läsa våra guider om hur du lägger till ikoner för anpassade inläggstyper och hur du lägger till undertexter för inlägg och sidor i WordPress.

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.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

15 kommentarerLämna ett svar

  1. Syed Balkhi

    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!

  2. sasa

    I installed plugin and add new tooltip, entered content and now i dont know how to add it on a link

  3. jawadhyder15

    The plugin don’t work for me,

    But when i do this manually, it works!

  4. wpbeginner

    @shovan It works.

  5. shovan

    I dont think the plugin works on WP 3

  6. netcaststudio

    After installing the plugin the import of comments didn’t complete after 6 hours of running. Any thoughts?

  7. wpbeginner

    @dbroadaway the twitter icon is another plugin. Floating bar is the smart sharing plugin.

  8. dbroadaway

    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.

  9. wpbeginner

    @Jaxov An article is due for that.

  10. Jaxov

    @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?

  11. wpbeginner

    @mharis @Jaxov @Crysislevel Thank you Haris for posting this.

  12. Jaxov

    @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.

  13. Crysislevel

    nice tutorial! thanx for this…i never knew how to do that! :)

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.