I Divi Nugget #2 går vi igenom hur du skapar en studsande scroll-pil neråt på din hemsida i WordPress. Vi ser även till att pilen är klickbar och länkar till sektioner under. 

I dagens webbdesign är det populärt med en så kallad “hero-yta” som tar upp hela bildskärmen. För att göra det tydligt för besökaren att det finns mer underhåll “under vecket” kan det vara en bra idé att lägga in en scroll-pil. Genom att länka pilen till sektionen under och skapa en subtilt studsande animation blir det ännu tydligare. Se hur du gör – steg för steg – i videon nedan. 

 

 För att åstadkomma scroll-pilen behöver du först installera WordPress-temat Divi.

 

Affiliate disclaimer

Diviguiden är en 100% fristående affiliate till Elegant Themes (Divi), Surftown och Fiverr. Vi rekommenderar bara tjänster som vi själva gillar och använder. Om du köper något via vissa av länkarna på Diviguiden så går en provision till Diviguiden, men det kostar aldrig mer för dig. Läs mer

Mer från bloggen

Divi Nugget #3: Hämta och applicera format snabbt i WordPress

Minns du hur mycket enklare livet blev när du upptäckte penseln i Microsoft Word (eller den motsvarande rollern i Google Docs)? Nu kan du använda en liknande funktion för att “hämta format” och applicera stilen på nästan vad som helst i WordPress – utan att ditt innehåll skrivs över.

3 enkla sätt att fixa en logotyp (om du inte är grafisk designer)

Professionella grafiska designers skapar oftast logotyper i program från Adobe CC, till exempel Illustrator, Photoshop och Indesign. Men för en nybörjare som vill skapa en enkel logga blir valmöjligheterna lätt utmattande. Här är tre sätt att skapa en vektor-logotyp...

Öka antalet samtal med telefonlänkar

Att sänka trösklarna för dina besökare när de vill kontakta dig kan leda till fler värdefulla interaktioner och lägre drop-out. Ett enkelt sätt att uppnå detta är att skapa telefonlänkar som triggar uppringning vid klick – även kallat click-to-call. Detta är...

Visa aktuellt år automatiskt i Divis bottom bar

Divis bottenlist (bottom bar) passar utmärkt för information om Copyright © men många glömmer att uppdatera till rätt år. Lägg in ett årtal som uppdateras automatiskt.

Så får du 20% rabatt på Divi – utan rabattkod

Divi är ett av världens mest använda och högst rankade premium-tema till Wordpress. Genom Diviguiden kan du få 20% rabatt på ditt Divi-medlemskap hos Elegant Themes – utan att använda varken rabattkod eller kampanjkoder. Häng med! Sänk priset med rätt länk Om skriver...

Divi Nugget #6: Skapa länkar i WordPress på snabbaste sättet

Det är inte alla som känner till genvägen för att skapa en länk på bara en sekund i WordPress. Vi går igenom både det vanliga sättet att skapa länkar i WordPress och det blixtsnabba sättet. Se videon nu.

Divi Nugget #7: Skapa runda bilder direkt i WordPress (utan Photoshop)

Helt eller delvis runda bilder används ofta för att göra designen lite mjukare. På många hemsidor används till exempel rundade porträttbilder och produktbilder. Här är det enklaste och mest effektiva sättet att skapa runda bilder i WordPress.

Fixa HTTPS – or die trying

Google trappar upp kriget mot osäkra sajter. Från och med oktober kommer varningen "INTE SÄKER" att möta den som fyller i ett formulär eller surfar inkognito på en sida med HTTP. Om du inte vill skrämma bort dina besökare är det dags att agera.  När en adress inleds...

Divi snabbar upp laddtiden med ny uppdatering

Nu släpper Divi en teknisk uppdatering som innebär att din sajt kommer att laddas snabbare för besökarna. Genom att all CSS-kod lagras i statiska filer så hålls kodmängden på de enskilda sidorna nere. Allt sker såklart automatiskt i bakgrunden så förändringen påverkar...

Sju begränsningar i Divi och hur du övervinner dem

Divi är ett fantastiskt WordPress-tema. Men det finns några begränsningar som återkommer. Här får du veta hur du anpassar mobilmenyn, skräddarsyr navigationen, gör centrala inställningar för rubriker och länkar, sparar formulärsvar, finslipar knapparna och tvättar bort den babyblå färgen.