Hur man lägger till klibbiga knappar på WordPress-webbplatsen

Senaste uppdateringen okt 17, 2021

Innehåll

Lägg till klibbiga knappar till din WordPress-webbplats

Vill du lägga till klibbiga knappar till din WordPress-webbplats? Genom att använda klibbiga åtgärdsknappar kan användaren enkelt få information relaterad till webbplatsen. Denna information kan vara din e-postadress, telefonnummer, plats på en Google-karta, länkar till sociala nätverk etc. I den här artikeln visar jag dig hur du lägger till klibbiga knappar till din WordPress-webbplats.

Sticky action-knappar fungerar som en flytande widget. Dessa knappar låses även om användaren rullar uppåt eller nedåt. Det kommer att se bra ut på webbplatsen och göra det mer användarvänligt. Lägga till klibbiga knappar hjälper till att förbättra omvandlingar och besökarnas engagemang.

Början

Det finns två sätt att lägga till klibbiga knappar i WordPress. Ett sätt är att bygga koden från grunden och det andra är att använda ett plugin. För den här handledningen ska jag använda ett plugin. Anledningen är uppenbar, om vi kan få ett bra plugin som kan göra vår lilla uppgift, varför slösa tid med att bygga den från grunden.

Det är vettigt att koda om du vill skapa stor och komplex funktionalitet. I sådana fall kanske plugins inte är lämpliga för ditt syfte och det är bäst att inte lita på dem eftersom deras uppdateringar kan bryta funktionaliteten. Men för mindre uppgifter som detta (klibbiga knappar) kan du lita på plugins.

WP Sticky är en av de mest effektiva pluginsna för att lägga till klibbiga element till din webbplats. Det är ett snyggt litet plugin som låter dig lägga till ett obegränsat antal klibbiga element, kompatibla med alla teman, plugins och sidbyggare, och hela proceduren kan göras på bara några minuter. Han betonar processens enkelhet, så hela proceduren består av:

Namnge ditt element
Flytta och klicka på knappen Välj artikel
Välja önskat element som du vill göra klibbigt
Klicka på "Spara ändringar"

Och det är ganska mycket det – det valda objektet är nu bifogat till din webbplats. Det finns en hel del inställningar inkluderade, så du kan leka med opaciteten hos det klibbiga elementet, välja en Fade-in eller Slide down-effekt, ställa in rullningsområdet och mer. Dessutom kan du helst ställa in olika preferenser enligt kraven på din webbplats – du kan lägga till en begränsning baserat på ett specifikt kriterium, vilket innebär att elementet inte kommer att se ut som klibbigt på det valda:

Sidor
Inlägg
Kategorier
Taggar
Eller meddelandetyper

Naturligtvis kan du justera det överallt, eller förhindra det på en av de nämnda för att få full kontroll över plugin. Orolig för hur de kommer att visas på olika enheter? Detta kan också konfigureras på fliken Enheter, där du kan välja den exakta skärmstorlek som dina objekt ska se ut som klibbiga. Du kan välja nästan vilket element du vill, vare sig det är en klibbig rubrik, klibbig meny, widget, navigering, video … allt kan ställas in på några minuter och du kan skapa så många du vill. Effektivt, elegant och så enkelt som möjligt.

Dessutom finns det andra verktyg som hjälper dig att skapa klibbiga element på din webbplats. Installera och aktivera samtidigt Smart Floating Action Buttons – Buttonizer-plugin. I nästa avsnitt kommer vi att se hur du använder detta plugin.

Lägg till klibbiga knappar till din WordPress-webbplats

Efter installation av plugin, gå till "Buttonizer" -menyn på kontrollpanelen. Detta plugin har ingen sida för inställningar för backend. Istället ger det ett gränssnitt så att du omedelbart kan se effekterna av ändringarna.

Plugin ger över 25 åtgärder vid klick. Låt oss säga från en lista att du vill lägga till ett mejl, telefon och Google Map till dina klibbiga knappar på en webbplats.

Klicka på knappen Lägg till och namnge knappen. Jag ger knappen namnet "Telefon". Efter det ser du en knapp i fronten som visas nedan.

Eftersom den här knappen är avsedd för ett "telefonnummer" måste vi konfigurera det. Klicka på ikonen Inställningar bredvid TELEFON. Alternativpanelen för att anpassa knappen öppnas.

I listrutan Knappåtgärd väljer du Samtalsåtgärd (telefonnummer). Lägg till ditt telefonnummer i textrutan.

Sedan vill jag ställa in en telefonikon för den här knappen. Detta kan göras från STIL >> ICON- sektionerna. Klicka på VÄLJ ICON under ikonen, ett popup-fönster öppnas där du väljer en ikon från Font Awesome-biblioteket.

Genom att följa samma process kan vi lägga till så många knappar på webbplatsen. Välj motsvarande knappåtgärd för varje knapp så får du olika alternativ för knappen.

Slutligen vill vi ställa in positionen för de klibbiga knapparna. För att göra detta, klicka på ikonen "Inställningar" bredvid "NY GRUPP".

I avsnittet Position kan du få parametrarna för att ställa in position för knapparna. Jag vill att den ska vara rätt och centrerad. Så jag satte "0%" under "HORISONTAL" och mittdelen under "VERTIKAL".

Buttonizer-plugins har många fler funktioner som du bör leka med och bekanta dig med. Plugin-programmet ger alternativ för knappfärg, knappanimering, bakgrund, anpassade klasser, enhetssynlighet och mer.

Med inställningarna ovan visas de klibbiga knapparna på webbplatsen som visas på skärmdumpen nedan.

Hoppas du fick reda på hur du lägger till klibbiga knappar till din WordPress-webbplats. Dela dina tankar och förslag i kommentarsektionen nedan.

relaterade artiklar

Inspelningskälla: artisansweb.net