Hvordan skjule seksjoner på Squarespace

I denne bloggopplæringen lærer du hvordan du skjuler en del på Squarespace-nettstedet ditt. Men hvorfor vil du skjule en seksjon i utgangspunktet? Det er flere grunner!

Kanskje du jobber med en ny seksjon og ønsker å perfeksjonere den før du gjør den synlig for besøkende. Eller kanskje du har en kampanjeseksjon, sesongbasert kunngjøring eller et tidsbegrenset tilbud som ikke lenger er relevant, og i stedet for å slette det, foretrekker du å holde det skjult for fremtidig bruk.

La oss dykke inn..

Se videoen 👇

Sjekk ut YouTube-videoen nedenfor

Det første alternativet for å skjule en seksjon er å lagre den ved å klikke på hjerteikonet. Derfra kan du slette den.

(Fortsetter under bildet.)

Vi kan deretter klikke på "Legg til seksjon" for å gjenopprette den lagrede delen. Dette betyr imidlertid at vi må lagre delen igjen hver gang vi gjør endringer, slette den og deretter legge den til igjen. Heldigvis finnes det et enklere alternativ...

Vi kan faktisk legge til et lite stykke kode for å skjule delen, slik at den blir usynlig uten å slette den. For å gjøre dette, kopier og lim inn følgende kode i den tilpassede CSS-delen på Squarespace:

#yourid {// Endre dette til ID-en din.

display: ingen;

}

Vi må imidlertid også legge til seksjons-IDen til seksjonen vi ønsker å skjule. På bildet nedenfor kan du se seksjons-IDen uthevet i blått.

For å finne denne IDen brukte jeg Squarespace ID Finder Chrome-utvidelsen. Hvis du vil lære hvordan du laster ned og bruker den, [klikk her] .

Når jeg har lagt til min seksjons-ID i koden, skjules seksjonen umiddelbart, som vist på bildet nedenfor.

Hvis du vil reversere dette, kan du ganske enkelt pakke inn koden din i en CSS-kommentar slik:

*/ kode */

Dette deaktiverer koden midlertidig uten å slette den, slik at du kan gjøre delen synlig igjen når det er nødvendig.

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.