Hvordan legge til en ankerkobling i Squarespace
I denne bloggopplæringen kan du lære hvordan du oppretter en ankerlenke på Squarespace
La oss dykke inn..
Se videoen
Sjekk ut YouTube-videoen nedenfor 👇
Det første vi må gjøre for å legge til en ankerlenke er å sette inn en kodeblokk i delen der vi vil at ankerlenken skal peke.
Inne i kodeblokken må du lime inn følgende kode:
<p id=”about”></p> // The “about” you can name whatever you like.
Dette vil fungere som IDen vi må referere til når vi konfigurerer navigasjonen.
Jeg anbefaler å plassere kodeblokken øverst i delen for å sikre en jevn rulleovergang.
Etter at du har lagt til koden, avslutter du redigeringsprogrammet og går til Sider -delen.
Klikk på "+" -ikonet i hovednavigasjonen .
Rull ned og velg alternativet "Link" , som er plassert nederst i valgmenyen.
Når alternativet "Link" er valgt, følger du disse trinnene:
Legg til en lenketittel – Dette vil være navnet som vises i navigasjonsmenyen.
Skriv inn URL - Dette skal peke til delen vi satte opp tidligere.
Strukturering av nettadressen:
Hvis seksjonen er på hjemmesiden, gjenkjenner Squarespace hjemmesiden som / .
Siden vi tildelte ID-en tidligere, vil den fullstendige URL-en være: /#about
Dette sikrer at siden ruller jevnt ned til den tiltenkte delen.
Eksempel for andre sider:
Hvis du legger til en ankerlenke på en annen side (f.eks. en teamside ), og du vil koble til en seksjon på den siden, vil formatet være:
/team/#team-medlemmer
Her representerer /team/ sidens URL, og #team-members er anker-IDen som er tildelt i den delen.
Når den riktige nettadressen er lagt til, vil du jevnt rulle ned til den angitte delen på siden ved å klikke på lenken i navigasjonslinjen.
Din designer
Jeg er Victor Rolf, en ekspert Squarespace-designer. Hvis du vil diskutere et potensielt prosjekt, kan du sende meg en e-post på victor@rolfmade.com eller ta kontakt her . Alternativt kan du sette opp en gratis 15-minutters konsultasjonssamtale her.
