Landingsside for Instagram

Landingsside for Instagram

Hvis du bruker Instgram, så vet du sikkert at du kun kan ha én link i profilen din(eller i «bio» som man ofte kaller det). Hvis du ønsker at folk skal finne alle dine viktigste linker, så er det ikke lurt å sende folk via omveier. Det finnes flere «tjenester» som har spesialisert seg på akkurat det her, som f.eks Linktree og Unfold.

Du som har fulgt WP Skolen en stund vet at jeg er veldig opptatt av å sende trafikk til egen nettside. Det er tross alt her jeg bor. Hvis jeg vil invitere noen hjem til meg for første gang, så sender jeg dem ikke på sightseeing rundt i bygda først. Jeg gir dem adressen min og den korteste veien hit. Noe annet blir bare rart i mitt hode 😅

Hvordan gjør man det?

Jeg tar som en selvfølge at du har tatt i bruk blokkredigering, hvis ikke så er det kanskje på tide nå?

Jeg har tenkt å bruke to plugins for å få akkurat den funksjonaliteten jeg er ute etter. Og det er to plugins jeg allerede har installert og bruker til mange andre ting også.

Hvis du har andre plugins som utvider funksjonaliteten i blokkredigering som har de samme funksjonene, så for all del: Bruk det du har! Både Kioken, Kadence Blocks, GenerateBlocks, Qubely, GenerateBlocks og andre har lignende funksjoner.

Jeg trenger en «accordion», det er det jeg bruker for å putte innhold inn i en «drop down» boks. Genesis Blocks har en sånn.

I tillegg skal jeg bruke et «post grid» for å vise de siste innleggene på bloggen, og det hele skal puttes inni en «section». Denne har de to sistnevnte funksjoner:

Denne har en accordion blokk, men det er også eneste grunn til å bruke den(spør du meg). Det finnes også andre plugins som har accordions.

Som sagt: Hvis du allerede har installerte plugins som har disse funksjonene, så for all del: Bruk det du har!

Det finnes en mengde utvidelser for blokkredigering som har mye av de samme funksjonene, så det er ingen grunn til å installere funksjoner du har fra før! (Og vet du ikke hva dine plugins kan gjøre, så er det på tide å leke seg litt og finne ut hva du faktisk har 😉.)

Hvis du vil lage bord rundt bildet og overlapp mellom hvit og blå bakgrunn, så trenger du også denne:

Resten av blokkene som er brukt på denne siden er er standardblokker i WordPress:

  • Nettstedlogo
  • Avsnitt
  • Skille
  • Knapper
  • Bilde

CSS kode som er brukt i videoen:

Margin for å skyve logo ned:

margin-bottom: 100px

Negativ margin for posisjonering av profilbilde + bord rundt bildet:

margin-top: -100px;
border: 1px solid #DDD;

Hvit bakgrunnsfarge i accordions:

background: #FFF

Her ser du (omtrent) det resultatet du får ved å følge videoen over:

WP Skolen

Kristin Skjæringrud


Hjelper deg i mål med DIN nettside!

Siste fra bloggen
WP Intro – gratis kurs
WP Basis
WP Basis - Gutenberg edition

WP Basis er grunnkurset vårt, men det er også inngangsporten til andre tilbud vi har. Du kan ta WP Basis som et selvstudie med tilgang til Facebookgruppe for support. Eller du kan legge til et VIP medlemskap og få 1:1 support.

Kontakt

Kontakt

Søk

WP Skolen AS – Org nr: 917 698 570

WP Basis + VIP tilbud i mai!

Kjøper du WP Basis kurset før 1. juni får du VIP medlemskap gratis den første måneden, deretter kun kr 599,- ink.mva pr mnd. Prisen låses så lenge du er aktiv medlem.

Fra 1. juni går prisen opp til kr 999,- pr mnd, men kun for nye medlemmer.

Skriv en kommentar

Din e-postadresse vil ikke bli publisert.

Dette nettstedet bruker Akismet for å redusere spam. Lær om hvordan dine kommentar-data prosesseres.

Ikke gå glipp av nyheter fra WP Skolen

Du vil motta e-post fra oss når vi har nye blogginnlegg, nyheter eller tilbud som vi tror vil være av interesse for deg. Du kan melde deg av når du vil!

Tilbakestill passord

Gjenopprett passordet ditt

En link for å gjenopprette passord vil bli sendt deg på e-post.

Tilbake