hur man skapar en hemsida reglaget i WordPress [2021]

i dagens inlägg täcker vi allt du behöver veta om hur du skapar en skjutreglage i WordPress.

som alltid, här är videoguiden:

en slider är ett super vanligt webbdesignelement som visar text, bilder och videor genom att ”glida” från en bild till nästa.

de används ofta på affärs-och portföljwebbplatser.

det finns massor av bra gratis reglage att välja mellan, men du kan också hitta några riktigt fina betalda reglage också.

reglagen kan programmeras för att köra bildspel automatiskt, det ögonblick någon träffar din webbplats-byta till nästa bild varje par sekunder.

eller reglagen kan vara statiska och låta läsarna klicka på en liten pil, till exempel för att svepa till nästa bild.

vissa webbplatser använder skjutreglage för att visa sina senaste inlägg. De lägger vanligtvis till en länk till bilderna så att om någon vill läsa artikeln kan de helt enkelt klicka på länken och gå till innehållet.

en sak att tänka på med reglagen är att de kan sakta ner din webbplats lite när den försöker ladda en massa bilder eller annat innehåll. Men detta kan mildras genom att påskynda bildladdningshastigheter.

en annan potentiell fråga är mobil beredskap.

Google prioriterar nu webbplatser som är mobilresponsiva, så du bör se till att din webbplats är gjord för mobil oavsett om du använder en skjutreglage eller inte.

men om du använder en skjutreglage måste du se till att den också är lyhörd så att den inte ser konstig ut på mobila enheter, förstör kundupplevelsen och matchar inte Googles riktlinjer, vilket minskar din SEO-påverkan.

men med allt detta sagt, reglagen erbjuder många fördelar.

Homepage sliders kan hjälpa dig att göra ett antal saker du inte skulle kunna göra utan dem.

Sliders kan visa upp dina produkter för dig på din hemsida, vilket naturligtvis leder besökare att klicka på dem och se mer, vilket är ganska vanligt om du kör en e-handelswebbplats.

reglagen är visuellt tilltalande. De fångar uppmärksamhet genom att visa intressant innehåll och kan hjälpa dina besökare att hålla sig kvar på din webbplats.

Startsida reglagen kan användas för att visa viktig information. Till exempel kan skjutreglage användas för att visa alla tjänster som ett företag erbjuder. Eller det kan användas för att visa de bästa projekten i en frilansers portfölj.

reglagen kan visa viktiga textinnehåll, såsom vittnesmål, en efter en. Detta kan vara mycket kraftfullt för att bevisa för dina webbplatsbesökare att de är på rätt plats och du erbjuder rätt produkter och tjänster för dem.

nu när du vet vad hemsida reglagen är och varför du bör ha en, läs vidare för att se exakt hur man sätter en på din webbplats.

Steg #1 – Installera WordPress hemsida reglaget Plugin

vi kommer att använda en gratis plugin som heter smart slider 3 som är super lätt att använda.

gå först in i din WordPress-instrumentpanel och hitta fliken ”Plugins” på menyn till vänster och klicka på ”Lägg till nytt.”

skriv sedan in i sökfältet namnet på skjutreglaget, skjutreglaget 3.

när du ser det, klicka på ”Installera nu” och klicka sedan på ”Aktivera.”

steg # 2-skapa en ny reglage

nu när du har installerat Smart Slider 3 ser du den på menyn till vänster i instrumentpanelen.

bläddra ner och klicka på den.

du kommer att presenteras med 2 alternativ:

1. skapa en ny skjutreglage från början
2. använd en mall

vi är alla för att skapa din egen mall. Om du känner dig bekväm med det, mer kraft till dig.

men för att vara helt ärlig älskar vi mallar. Det ger en solid grund för att skapa något fantastiskt som innehåller din unika känsla inom en beprövad ram.

Plus, om du har bråttom eller helt enkelt lat, mallar är din bästa vän för att få saker gjorda med gott om tid att spara.

så för denna handledning kommer vi att klicka på ” mallbibliotek.”

du kommer att presenteras med massor av mallar att välja mellan. Över 180 för att vara mer exakt.

några av dem kommer att kosta dig en vacker öre.

men många av dem är gratis. Och om du bara vill se de gratis mallarna klickar du bara på den gröna ”Gratis” – knappen.

om du vill förhandsgranska någon av reglagen, klicka på dem och du kommer att få en Live förhandsvisning av vad en av dessa hemsida reglagen kommer att se ut och hur det kan fungera på din webbplats.

när du har valt skjutreglaget du vill använda, håll musen över mallen och klicka på ”Importera” – knappen som visas.

när den har importerats ser du att du nu har 3 bilder i instrumentpanelen: bild 1, 2 och 3 som alla lägger till för att skapa en enda skjutreglage.

du kan nu redigera någon av dem för att lägga till text, bilder och video.

för att redigera dem, håll muspekaren över någon av bilderna och klicka på ”Redigera” – knappen.

du kommer att märka att du är nu i den visuella redigeraren.

om du vill ändra texten klickar du bara på texten och en liten ruta visas redigeringsrutan visas.

inuti den här redigeringsrutan kan du ändra utseendet på texten genom att klicka på paint can-ikonen. Det låter dig:

• Lägg till en länk till texten.
• redigera färgen på texten.
• ändra teckensnittet.
• Välj storlek och vikt på teckensnittet.
• etc.

du kan göra detsamma med knappen under texten genom att klicka på den.

en annan funktion att ändra för knappen är hur det kommer att se ut om någon svävar muspekaren över den.

om du klickar på pennknappen kan du ändra knapptexten och också ge en länk som knappen tar läsaren till.

du kan till och med redigera hela skjutrutan, inte bara elementen i rutan, genom att klicka på den (jag klickade bara på den vita bakgrunden på själva rutan för att välja den).

här kan du ändra saker som bakgrundsfärg eller opacitet. Om du tar ner opaciteten kan du göra lådan lite mer transparent, så att besökare kan se skeppet bakom bilden.

du har många alternativ för anpassning.

därefter kommer vi att ändra bakgrundsbilden för den här bilden.

så rulla upp och klicka på ”bakgrund.”

du ser att bildknappen redan är vald så allt du behöver göra är att bläddra ner och hitta raden med titeln ”Bakgrund.”Bredvid det ser du” Bild ” och den bör redan innehålla en bild som du kan byta ut för den du vill ha.

bli av med den här bilden genom att sväva över den och klicka på det lilla X som visas.

lägg sedan till en ny genom att klicka på den gröna knappen. Efter det, gå över till ”Ladda upp filer” och klicka på ”Välj filer.”

nu, helt enkelt välja den bild du letar efter och klicka på ”Öppna” och klicka sedan på ”Välj.”

din nya bild är nu där inne!

gå sedan upp och klicka på Spara-knappen i det övre högra hörnet och klicka sedan på ”Slider” i det övre vänstra hörnet för att gå tillbaka till huvudpanelen.

innan jag går vidare har jag ett annat användbart tips för dig.

rulla ner bara lite och du ser en menyrad med flikar som säger ”publicera”, ”allmänt”, ”storlek” och så vidare.

klicka på ” Allmänt.”

här hittar du några fler anpassningsalternativ för hur din skjutreglage ser ut.

du kan till exempel ändra hur animeringen av skjutreglaget fungerar. Standardinställningen är horisontell. Om du ville kan du ändra den för att blekna från en bild till en annan när du klickar på pilarna.

men vi kommer att lämna det för den här guiden.

steg # 3-Visa din skjutreglage på din webbplats

jag ska visa dig hur du gör det med den grundläggande WordPress-redigeraren samt elementet eller sidbyggaren.

Låt oss först göra den grundläggande WordPress-redigeraren.

hur man skapar en hemsida reglaget med WordPress Editor

allt du behöver göra är att helt enkelt gå till den sida som du vill lägga den på och redigera det.

så vi gick till instrumentpanelen på menyn till vänster, klickade på” sidor ” och lade till en ny. Men du kanske vill ha en hemsida reglaget, så i så fall, bara gå till din hemsida i WordPress instrumentpanelen.

för att lägga till den här reglaget högst upp på denna sida, klicka på den lilla plusknappen i det övre vänstra hörnet och Sök efter Smart Slider 3.

när du har klickat på Smart Slider 3 visas den på din sidas redaktör med en stor blå knapp som säger ”Välj Slider.”Gå vidare och klicka på den.

välj sedan reglaget du vill använda.

nu behöver du bara klicka på ”Publicera” och klicka sedan på ”publicera” igen. Därifrån klickar du på ”Visa sida” för att se hur det ser ut.

nu ska du se din hemsida reglaget och det ska fungera perfekt.

därefter berättar vi hur du visar din skjutreglage med elementet eller sidbyggaren.

hur man skapar en hemsida reglaget med hjälp av Element eller Page Builder

så gå tillbaka till din WordPress instrumentpanelen och navigera till vilken sida du vill sätta reglaget på, som din hemsida.

det enklaste sättet att göra detta är att sväva över ditt namn i det övre vänstra hörnet av WordPress-instrumentpanelen och klicka på ”besök webbplatsen.”

du bör titta på din hemsida.

härifrån klickar du på ”Redigera med Elementor” på den lilla menyraden på sidan.

så om du vill lägga till reglaget högst upp på hemsidan, klicka på den lilla blå Plus-knappen längst upp på sidan.

sök sedan efter Smart Slider 3 i rutan som visas till vänster.

du ser alternativ att välja mellan, en med en WordPress-ikon och en med skjutreglaget. Välj alternativet med skjutreglaget och dra det till det utrymme där du vill ha skjutreglaget och välj sedan skjutreglaget du vill använda.

du ser din skjutreglage och kan testa den direkt i redigeraren själv.

nu, om du är som jag, kanske du har dessa små vita staplar uppe och längst ner på den här reglaget. Om du vill bli av med dem, klicka på fliken ”Avancerat” i redigeringsmenyn till vänster.

ändra sedan värdet under” marginal ” till negativ 10. De vita staplarna borde vara helt borta vid denna tidpunkt.

Klicka På ”Uppdatera.”

OK, så det är hur man gör en reglage i WordPress!