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 addar du en Link till widgets rubriker i WordPress

WordPress-widgets är bra för att lägga till extra funktionalitet på din webbplats, men tänk om du kunde göra dessa widgettitlar ännu mer användbara? Genom att omvandla dem till klickbara länkar kan du vägleda besökare till relevant innehåll, förbättra navigeringen och öka användarnas engagemang.

Den här artikeln ger en enkel guide till hur du lägger till länkar i dina WordPress-widgettitlar, förbättrar deras funktionalitet och gör din webbplats mer användarvänlig.

How to add a link to widget titles in WordPress

Varför lägga till en Link till Widgetar Rubriker i WordPress?

Widgetar är block med content som du kan add to your WordPress sidebars, footer och andra widget-ready areas.

Widgets kan vara ett enkelt sätt att add to gallerier med images, kalendrar, populära posts, slumpmässiga citat och annat dynamiskt content till din website.

Du kan även skapa din egen helt customiserade widget. För mer detaljer, se vår guide om hur du skapar en custom WordPress widget.

Beroende på ditt WordPress theme kan vissa av dessa widgetar komma med built-in titles. Dessa rubriker ger användbar kontext om den information som widgeten visar för besökarna.

En rubrik som ”Recent Comments” gör det till exempel clear att det är de senaste kommentarerna.

Ibland kanske du vill förvandla widgetarnas rubriker till links. Detta kan göra det lättare för besökarna att hitta related to content.

Om du till exempel har en widget som visar dina senaste inlägg kan det vara vettigt att länka titeln ”Senaste inlägg” till din WordPress-blogg.

A series of WordPress widgets with linked widget titles

I den här guiden kommer vi att täcka tre olika sätt att add a link to widgetars titlar i WordPress. Om du föredrar att hoppa direkt till en viss metod, kan du använda länkarna under:

Metod 1: Hur man lägger till en Link till Widgetar Titlar i WordPress med hjälp av Block-Based Editor

Alla WordPress teman hanterar widgetar på olika sätt. Vissa teman visar inte widgettitlar som standard, medan andra bara visar titlar för specifika widgetar.

Om en widget redan har en rubrik kan du göra den till en länk med hjälp av den blockbaserade editorn. För att göra detta går du helt enkelt till Appearance ” Widgetar.

The WordPress block-based widget editor

För att add en new widget till din website, click på knappen ”+”.

I den här menyn hittar du den widget som du vill add till din website i WordPress.

You can then drag and drop it onto any widget-ready area, such as the main sidebar, header, or footer bar.

Adding a widget to your WordPress website

När du har gjort det är det bara att clicka och dra för att markera widgets Rubrik. WordPress kommer nu att visa en row med flytande icons som du kan använda för att editera titeln.

Nästa steg är att clicka på knappen ”Link”.

Adding a link to a widget title

Nu kan du antingen skriva in den link som du vill använda eller copy and paste URL:en i popupen.

Som standard kommer WordPress att öppna länken i samma tab. Om du föredrar att öppna länken i en ny tabb, clickar du bara för att aktivera slidern ”Öppna i ny tabb”.

How to add a link to a widget title in WordPress

Nu är du redo att trycka på ”Enter” på ditt tangentbord, vilket kommer att save länken.

För att add a link to other widget titles, följ samma process som beskrivs ovan.

När du är nöjd med hur dina widgetar ser ut, gå vidare och klicka på knappen ”Update”. You can now visit your website to see all of your widgetar titles and links live.

A widget title with an embedded link

Har du lagt till en widget i menyn Appearance ” Widgets men kan inte se någon plats att skriva in din titel?

Få inte panik. Inte alla teman stöder widgettitlar, och ej alla widgetar har en built-in titel. Tack och lov kan du add to en rubrik till alla WordPress-widgetar med hjälp av blocket Heading.

För att använda detta trick, bara head över till appearance ” Widgets editor om du inte redan har gjort det. Klicka sedan på knappen ”+”.

You can now add a widget to your theme using drag and drop.

När du har gjort det hittar du blocket Heading i menyn till vänster. Du kan nu add to detta block ovanför ditt widget med hjälp av drag and drop.

The WordPress block-based widget editor

När blocket Heading är på plats skriver du helt enkelt in den text som du vill använda för titeln på ditt widgetar.

Efter det ska vi markera widgets titeltext och klicka på knappen ”Link”.

The WordPress Heading block

Du kan nu antingen skriva in eller copy and paste den link du vill använda och trycka på ”Enter” på ditt tangentbord.

Detta Heading block kommer nu att visas bredvid din widget på din WordPress website, på samma sätt som en widgettitel.

Använder du ett tema för redigering av hela webbplatsen?

Istället för att använda den blockbaserade editorn måste du lägga till widgetar på din website med hjälp av templates och template-delar. För att komma igång, head över till Appearance ” Editor.

The WordPress FSE editor

Högst upp i hela Site Editor klickar du bara på dropdown och väljer det area där du vill lägga till ett widget.

De delar av templates som du ser kan skilja sig åt beroende på vilket theme du använder. I följande image kan du se att vårt theme har en Header och en Footer.

The Full Site Editing editor

Klicka bara på den template där du vill add to widgeten, så rullar Editorn automatiskt till den här sectionen.

Du kan nu gå vidare och klicka på ikonen ”+”.

The WordPress FSE widget editor

I menyn till vänster hittar du den widget som du vill add to your WordPress theme.

Gå sedan vidare och lägg till detta widget till ditt theme med drag and drop.

The FSE Category widget

Om widgeten inte redan har en Rubrik, måste du hitta blocket Heading i menyn till vänster. Sedan är det bara att drag and drop blocket Heading så att det placeras bredvid din WordPress-widget.

Efter det skriver du bara in den text som du vill använda som din widgetar titel.

Adding a link to a widget title using FSE

Nästa steg är att markera texten i din heading. Du kan sedan gå vidare och klicka på ikonen ”Link” som visas.

Nu kan du helt enkelt skriva in eller kopiera/klistra in den URL som du vill länka till.

Adding a link to a widget title in WordPress FSE

Nu är det klart. För att add to fler widgetar och links till ditt theme, upprepa bara processen som beskrivs ovan.

När du är nöjd med dina ändringar klickar du på knappen ”Save” för att update ditt theme. Nu, om du besöker din website, kommer du att se dina nya widgetar live.

Metod 3: Hur man lägger till en Link till Widget Titles i WordPress med hjälp av Classic Widgets

Om du använder en äldre version av WordPress eller använder Classic Widgets plugin för att återställa den gamla menyn Appearance ” Wid gets, måste du använda den här metoden istället.

The WordPress Classic Widgets editor

Först måste du installera och aktivera plugin-programmet Link Widget Rubrik. För mer detaljer, vänligen se vår guide om hur du installerar ett plugin för WordPress.

Detta plugin lägger till några nya fält i den klassiska widgetaren Editor, där du kan skriva in en titel och lägga till en länk.

The Link Widget Title WordPress plugin

Allt du behöver göra är att clicka på widgeten för att se alla Settings. You är nu redo att skriva in your new title i fältet ”Rubrik”.

Skriv sedan in eller copy and paste en länk i fältet ”Rubrik link”.

Add links to widget titles in WordPress

Som standard öppnas den här länken i samma tab. Om du föredrar att öppna länken i en ny flik kontrollerar du bara boxen ”Öppna länken i nytt fönster/tab”.

Pluginet Link Widgetar Rubrik låter dig också göra hela titelfältet klickbart, så att besökaren inte nödvändigtvis behöver klicka på widgets titeltext för att öppna länken.

För att göra hela rubriken klickbar, gå bara vidare och kontrollera boxen ”Gör hela titelfältet klickbart”.

När you är nöjd med hur din widget är konfigurerad, gå vidare och klicka på knappen ”Save”.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till en länk i widgettitlar i WordPress. Du kanske vill se fler artiklar om hur du lägger till olika typer av länkar 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

21 kommentarerLämna ett svar

  1. Aman singh

    This plugin was closed on November 25, 2018 and is no longer available for download.

    • WPBeginner Support

      Thanks for letting us know about this, we’ll look into possible alternatives :)

      Administratör

  2. Cher

    It looks like this Plugin may no longer be available, as it is not coming up in any searches. Can somebody please look into this, or advise if its name has been changed? Thanks!

  3. Florentina

    Hi! This plugin worked very fine for me, but now the widget’s title have changed their colour. How can I change the widget’s title to their normal colour, but still have them ”clickable”?

    • Florentina

      I figured it out:
      .widget-title a:link {
      color: black !important;
      }

  4. SweetSue

    This plugin has been very useful and still works like a charm, but has not been updated since Wp 3.8.1.
    Is there an alternative?

  5. Lakshmi

    Did not work for me at all

  6. Dennison Berwick

    Not working for me. i’m trying to link to another page on my blog – ie Contact Me to Contact Me page. But the link disappears when I try to save. Any suggestions on what I’m doing wrong or how to correct this? Thanks, Dennison

  7. Sergio

    Ok,

    but SEO…

    How cna i add the title attribute?

    Thank you!

  8. Lara

    I am really new at this. How do I upload this plug in please?

  9. Riavon

    This plugin did not work for me.

  10. becca

    This plugin works great! The only problem I’m having is that the widget title is now blue (I guess since it’s a link?) and the hover-over color isn’t what I want it to be. . . how do I change this?

    Thanks!
    becca

    • Editorial Staff

      Hey Becca,

      You would have to edit the CSS file to accommodate for that.

      Administratör

  11. Semblance

    On a slightly different note… which Google+ plugin do you use? As per the example in you post? Thanks!

  12. thethaiguy

    Great article and I’ll checking it out. Thank you for info!

  13. Wanda Rawlins

    After uploading this plugin it reads: ( The plugin does not have a valid header.) and will not extract so what can I do about that. Thanks for your help.

    • Wanda Rawlins

      Actually, I got it to work just fine, thank you for the tips.

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.