Sidofält är ett bra sätt att lägga till extra innehåll och funktionalitet på din webbplats, utan att distrahera från kärninnehållet.

De flesta WordPress-teman har ett inbyggt sidofält som kanske redan innehåller några WordPress-widgetar, t.ex. ett sökfält eller en lista över dina senaste blogginlägg.

I det här snabbtipset visar jag hur du anpassar ditt temas inbyggda sidofält, bland annat genom att lägga till och ta bort innehåll och anpassa det innehåll som redan finns där.

Även om ditt tema har flera inbyggda sidofält, kanske dessa sidofält inte passar perfekt för din webbplats. Om du känner dig begränsad av ditt tema kommer jag också att visa dig hur du skapar en anpassad sidebar och sedan placerar denna sidebar var som helst på din webbplats, inklusive områden som inte stöds av ditt tema.

De bästa WordPress Sidebar och Widget Plugins på CodeCanyon

Utforska tusentals av de bästa WordPress plugins som någonsin skapats på CodeCanyon. Med en billig engångsbetalning kan du köpa dessa högkvalitativa WordPress-plugins och förbättra webbplatsens upplevelse för dig och dina besökare.

Vad är WordPress Sidebar?

En sidebar är ett område med widge på din WordPress-webbplats, där du kan visa innehåll som inte är en del av huvudwebbplatsen. Detta sekundära innehåll läggs till på din webbplats via widgets – du kan till exempel använda en widget för att visa en lista över dina senast publicerade bloggar, ett taggmoln eller ett sökfält.

Sidebars kan vara användbara för att hjälpa besökare att navigera på din webbplats, men de kan också ge ytterligare funktioner. Om du till exempel har skapat en webbutik kan du använda sidofältet för att visa skjutfält som låter besökarna filtrera produkter utifrån pris, kategori och leveransalternativ. I det här scenariot kommer bildskärmarna alltid att vara inom räckhåll utan att distrahera från sidans centrala innehåll. Om du försöker tjäna pengar på din webbplats kan sidofältet också vara en idealisk plats för att visa annonser.

Till skillnad från begreppet ”sidofält” som antyder en vertikal kolumn som visas vid sidan av huvudinnehållet, kan sidofältet visas på andra ställen, till exempel ovanför eller nedanför sidfoten på din webbplats.

Platsen för sidofältet på din webbplats kommer att variera beroende på ditt valda WordPress-tema, men mot slutet av den här artikeln visar jag dig hur du skapar ett anpassat sidofält som du kan placera var som helst på din webbplats, även på platser som kanske inte stöds av ditt WordPress-tema.

Hur man lägger till, tar bort och redigerar sidebar Widgets

Du kan anpassa sidebaren via instrumentpanelen eller via WordPress Customizer.

Hur du redigerar sidofältet med Customizer

Vi börjar med Customizer-metoden:

Logga in på din WordPress-webbplats, om du inte redan har gjort det. I vänstermenyn väljer du sedan Appearance > Customize (Utseende > Anpassa). Detta kommer att starta verktyget Customizer.

I den vänstra panelen i anpassningsverktyget väljer du Widgets. Panelen kommer nu att visa en lista över alla widge-områden på din webbplats. Namnkonventionerna kan variera beroende på ditt tema, men sidofältet kommer vanligtvis att ha ordet sidofält i sin titel. När du hittar widgeten för sidebar ger du den ett klick.

WordPress kommer nu att visa en lista över alla widgets som för närvarande är inrymda i din sidebar. Härifrån kan du utföra följande uppgifter:

1. Ge ordning åt dina widgetar

Du kan ändra ordningen i vilken widgetarna visas i sidofältet genom att ta tag i en widget, dra den till en ny position och sedan släppa den på den nya platsen.

När du är nöjd med ändringarna klickar du på Publicera.

2. Justera en widgets titel

Du kan redigera texten som visas ovanför varje widget eller till och med ta bort en widgets titeltext helt och hållet. För att göra det hittar du bara widgeten med titeln som du vill redigera och klickar sedan på den för att utöka det här avsnittet.

  • Gör dina ändringar i titelns text.
  • Klicka på Klart.
  • Gör dina ändringar offentliga genom att klicka på Publicera.

Den här widgeten kommer nu att uppdateras så att den visar den redigerade titeln.

3. Ta bort en widget från sidofältet

För att ta bort en widget från sidofältet klickar du på den för att expandera sektionen och väljer sedan den röda texten Ta bort.

Den valda widgeten bör nu försvinna. Om du vill göra ändringen permanent klickar du på Publicera.

4. Förbättra sidofältet med extra widgetar

Är sidofältet lite tomt? WordPress har stöd för ett stort antal olika widgetar som du kan lägga till i sidofältet:

  • Välj knappen Lägg till en widget.
  • Sök i listan över tillgängliga widgets. När du hittar en widget som du vill lägga till klickar du på den.
  • Giv widgeten en titel och fyll i alla andra konfigurationsalternativ som visas i den vänstra panelen. Observera att konfigurationen kan variera beroende på vilken widget du arbetar med.
  • Skölj och upprepa för varje ny widget som du vill lägga till i sidofältet.
  • När du är nöjd med ditt val klickar du på Klar.
  • För att spara dina ändringar klickar du på Publicera.

Sidebalken kommer nu att uppdateras för att inkludera alla dina nya widgetar.

Om du vill ha fler widgetar än de som ingår i vanilla-Wordpress kan du prova ett WordPress widget plugin. Med dessa kan du lägga till call-to-action-knappar, kalendrar, väderprognoser med mera.

  • MailChimp
    Hur man skapar en Mailchimp Subscribe Form Widget för WordPress
    Karen Pogosyan
  • WordPress
    20 bästa WordPress kalenderplugins och widgetar (+5 gratis plugins)
    Daniel Strongin
  • WordPress
    12 Best WordPress Weather Widgets & Plugins (With 5 Free)
    Franc Lucas

Anpassa sidofältet från instrumentbrädan

Du kan också redigera sidofältet från WordPress instrumentbräda.

I den vänstra menyn väljer du Appearance > Widgets, hittar avsnittet Sidebar och ger det ett klick för att expandera. Du bör nu kunna se alla widgetar som ingår i just den här sidofältet.

Därifrån kan du göra följande ändringar:

  • Ordna om dina widgets. Du kan ändra ordningen i vilken dessa widgetar visas i sidofältet genom att dra och släppa dem.
  • Ändra en widgets titel. Klicka för att expandera widgets motsvarande sektion, redigera titeltexten efter behov och klicka sedan på Klar.
  • Ta bort en widget. Klicka för att expandera widgetens motsvarande sektion och ge sedan länken Ta bort ett klick.
  • Lägg till en widget. I avsnittet Tillgängliga widgets hittar du den widget som du vill lägga till i sidofältet och drar den sedan till avsnittet Sidebar. Observera att det är där du släpper widgeten som den kommer att visas i sidofältet.

Vill du ha fler widgets?

Ditt WordPress-konto har ett antal inbyggda widgets, men du kan få tillgång till ännu fler widgets genom att installera WordPress-plugins.

Om du vill ha fler widgetar att välja mellan kan du kolla in vår guide till de bästa WordPress-widgetarna.

  • WordPress
    Bästa WordPress-widgetar för 2021
    Daniel Strongin

Inte a fan of WordPress’s Built-in Sidebars?

Många WordPress-teman innehåller någon form av sidofunktionalitet, men du begränsas av hur temat väljer att placera sina sidofält. Om du känner dig begränsad av temats standardsidebar(er) kan du lägga till en egen sidebar på din WordPress-webbplats med hjälp av ett plugin från en tredje part.

I det här avsnittet visar jag dig hur du skapar ett helt nytt sidofält med hjälp av det kostnadsfria insticksprogrammet Custom Sidebars.

Installera och aktivera sidofältspluginet

För att ställa in insticksprogrammet Custom Sidebars:

  • I WordPress vänstermeny väljer du Plugins > Add New.
  • Sök efter Custom Sidebars, och när insticksprogrammet Custom Sidebars – Dynamic Widget Area Manager visas klickar du på Install Now.

  • När du blir tillfrågad klickar du på Aktivera.

Du är nu redo att skapa din anpassade sidebar!

Hur man skapar en anpassad sidebar

Låtsas vi skapa en anpassad sidebar och placera den på vår webbplats:

  • I vänstermenyn väljer du Utseende > Widgets.
  • Välj knappen Skapa en ny sidofältsknapp.
  • I det efterföljande popupfönstret kan du ge sidofältet ett namn och ange en beskrivning.
  • Klicka på Skapa sidofältet och det nya sidofältet kommer att visas under en dedikerad rubrik Anpassade sidofält.

Du kan nu lägga till widgetar i sidofältet genom att dra dem från avsnittet Tillgängliga widgetar. Du kan också ta bort eller redigera dina befintliga widgetar, på exakt samma sätt som du modifierade WordPress inbyggda sidofält.

När du skapar ett anpassat sidofält kommer det inte att visas på din webbplats förrän du ger det ett hem! För att placera din sidofältare klickar du på Sidebar location.

I det efterföljande popupfönstret väljer du var sidofältet ska placeras på din webbplats och om det bara ska visas på specifika inlägg eller sidor. Du kan till exempel välja att visa sidofältet i sidfot 1 för endast inlägg eller i sidfot 2 för alla inlägg som kategoriseras som nyheter.

När du är nöjd med hur sidofältet är konfigurerat klickar du på Spara ändringar.

Ditt anpassade sidofält kommer nu att visas på din webbplats. När du redigerar en befintlig sida eller ett befintligt inlägg, eller när du skapar en ny sida eller ett nytt inlägg, kan du också ange vilken sidofält som ska användas:

  • När du redigerar sidan eller inlägget hittar du avsnittet Sidofält i vänstermenyn.

  • Klicka för att expandera avsnittet Sidebars.
  • Använd rullgardinsmenyerna för att ange vilken sidebar som ska placeras på den här webbsidan och var den ska visas på skärmen.

Nu, när du trycker på knappen Publicera eller Uppdatera, kommer den här webbsidan att gå live, komplett med din valda sidebar.

Slutsats

I det här snabbtipset täckte vi hur du kan redigera ditt temas inbyggda sidebar genom att lägga till, ta bort och finjustera WordPress breda utbud av widgets.

Om du inte är ett fan av ditt temas standardsidebar visade jag dig också hur du kan skapa en helt ny, anpassad sidebar med hjälp av ett plugin från tredje part.

De bästa WordPress-teman och plugins på Envato Market

Utforska tusentals vackra WordPress-teman på ThemeForest och användbara WordPress-plugins på CodeCanyon. Köp dessa högkvalitativa WordPress-teman och plugins och förbättra webbplatsens upplevelse för dig och dina besökare.

Här är några av de bäst säljande och kommande WordPress-teman och plugins som finns tillgängliga för 2020.

  • Inspiration
    23+ bästa WordPress portfolioteman för kreatörer
    Brenda Barron
  • WordPress
    25 bästa WordPress Slider & Karusellplugins 2021
    Daniel Strongin
  • WordPress
    20 bästa WordPress kalenderplugins och widgetar (+5 gratis plugins)
    Daniel Strongin
  • WordPress-teman
    31+ Bästa responsiva WordPress-teman (för webbplatser år 2021)
    Brenda Barron
  • WordPress
    22 Bästa WPBakery Page Builder (Visual Composer) Tillägg och utvidgningar för 2021
    Daniel Strongin
  • WordPress-teman
    30 bästa WordPress-teman för coaching &konsultationer för 2021
    Brenda Barron

By: adminPosted on

Lämna ett svar

Din e-postadress kommer inte publiceras.