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

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.

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.

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

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

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 demo site. Den innehåller de tooltips vi addade till plugins tooltips-lista, men ej de tooltips vi skapade med shortcode.

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.

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.

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

  2. netcaststudio says

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

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

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

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

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.