Overskriften til en nettside er den første informasjonen som oppfattes av Besøkende av nettstedet ditt. Den lar deg fremheve merkevarelogoen din, organisere sidene på nettstedet ditt samt gi andre viktige funksjoner (søk, tilkobling osv.). I tillegg til dette er det nødvendig å ha en flytende og gjennomsiktig overskrift da det forbedrer brukeropplevelsen.

I denne artikkelen vil vi vise deg hvordan du lager en overskrift og gjør den gjennomsiktig med Elementor. Men før skal vi se hva en flytende og gjennomsiktig header er.

Hva er en flytende og gjennomsiktig overskrift?

En flytende overskrift er en navigasjonslinje som alltid forblir fast selv når den besøkende ruller nedover nettsiden. Den egner seg veldig godt for sider som har sider med lange artikler, anmeldelser og ensidesider. Og det gjennomsiktige aspektet lar deg se bakgrunnsfargen på siden så vel som innholdet.

Hvorfor bruke flytende og gjennomsiktige overskrifter

Moderne nettsteder bruker i økende grad flytende og gjennomsiktige overskrifter fordi de har en visuell innvirkning på Besøkende av nettstedet. Årsakene til å adoptere dem er rettet mot:

• Øk bevisstheten om merkevaren din,
• Øk brukeropplevelsen,
• Forbedre navigasjonen

Discover Hvordan lage en tofarget tittel i Elementor

Fest og gjør en overskrift gjennomsiktig med Elementor

For å lage en gjennomsiktig og flytende overskrift må du ha begge versjonene avElementor (Pro og Lite). Ellers last ned (Elementor, Elementor Pro) før start.

Når den er installert, følg de neste trinnene.

Steg 1: lag en meny med Elementor

Følg disse trinnene for å lage en meny:

• velge suksessivt Utseende >> Menyer
• Gi menyen et navn
• Angi plasseringen av menyen
• Bekreft ved å klikke på knappen lagre-menyen

• Sjekk sidene, artiklene eller innleggene i gruppen Legg til menyelementer
• Klikk på Legg til Meny for å legge til de merkede elementene i menyen
• Til slutt klikker du på Lagre menyen

Lire australier Elementor: Hvordan vise tekst over et bilde

Trinn 2: Velg topptekstmal fra Elementor malbibliotek

Brukere avElementor Pro har tilgang til et bibliotek med bruksklare maler som er nyttige for å designe forskjellige deler av en nettstedet Web. Du finner også en rekke topptekstmaler her. Å gjøre dette,

• Gå suksessivt til Modeller >> Legg til

• Du vil se en modal pop-up
• Velg header
• Til slutt klikker du på Lag en mal

Fra da av vises biblioteket. Som standard viser den overskriftsblokker. Bla gjennom malene som tilbys, og sett inn malen som interesserer deg.

Overskriftsmalen åpnes i Elementor-lerretet.

Trinn 3: Fest topptekst med Elementor

Følg disse trinnene for å feste overskriften:

• Klikk på knappen Rediger overskriftsseksjon
• Velg deretter fanen avansert
• deretter Bevegelseseffekt

• Trekk ned menyen Pin og velg verdien På toppen, vil dette fryse overskriften til nettstedet ditt når den besøkende ruller nedover sidene.
• Som standard vil overskriften festes automatisk på medier som skrivebord, nettbrett og mobil

Bla også gjennom Elementor: Hvordan eksportere og importere maler

Trinn 4: Gjør overskriften gjennomsiktig med Elementor

For å oppnå dette, gjenta metoden nedenfor:

• gå til stil >> bakgrunn >> fargevelger

• Endre deretter opasiteten til bakgrunnen

Hvis du vil gjøre overskriften helt gjennomsiktig, endrer du bakgrunnstypen ved å velge typen klassisk. Derfor vil navigasjonsmenyene være usynlige på grunn av tekstfargekontrasten (hvit).

For å avhjelpe denne situasjonen, gjør følgende:

• Klikk deretter på Endre menyen til bla gjennom >> stiler
• Så på fargevelger
• Velg ønsket farge (i vårt tilfelle var det ikke nødvendig å endre den).

Når du er ferdig, kan du publisere nettsiden din. Men før det, la oss se hvordan du erstatter navigasjonsmenyene i malen vår med de vi opprettet. Husk at navnet som er tildelt vår er overskriftsmeny (se trinn 1):

• Velg fanen innhold
• Deretter endrer du meny ved å velge navnet på overskriften

Og der går du :).

konklusjonen

Gjennomsiktige og flytende overskrifter kan være nyttige for deg i flere tilfeller. Vi håper denne artikkelen var i stand til å møte dine behov for hvordan du kan lage transparente og flytende overskrifter med Elementor. Hvis du har andre bekymringer angående dette emnet, gi oss beskjed i kommentarene.