Mange af jer har på jeres side lagt en “TAB”funktion ind. Det er en funktion der bliver brugt, hvis meget information skal præsenteres på en let og overskuelig måde. Mange bruger det også i forbindelse med prissætning.

Til dette indlæg har jeg fået lov at låne websiden Sosili filt. Seje Inga laver de fineste figurer i filt og hendes side er helt klart et besøg værd. Så tag gerne turen forbi hendes site, når du har læst denne tutorial :)

Når du skal redigere i en “TAB” foregår det med Visual composer.

1: Sådan finder du “TAB”-modulet

Start med at gå til den side din tab ligger på.
Klik “Rediger side” øverst i menuen

Når du har valgt “Rediger side” kommer du ind på sidens “backend editor”. Det er den opbygning du bruger når du arbejder med “Visuel Composer”.

2: Sådan redigerer du i din tab

“TAB”-modulet adskiller sig lidt fra de andre moduler i din visuel composer. Her er det vigtigt at du hele tiden er opmærksom på i hvilken fane du redigerer i.

Du redigerer i en fane ved at klikke på den fane du ønsker at redigere i :) 

Bemærk at der er forskel på redigering af fane og redigering af indhold i fanen.
Men du kan kende forskel ved at din fane er orange – mens redigeringsmenuen med indholdet af fanen er grøn.

 

Du redigerer i en fanes indhold ved at vælge den fane du ønsker at redigere og klikke på det lille grønne redigeringsværktøj.

Du har mulighed for at tilføje video, billeder og meget andet indhold til dine tabs. Det gør du ved at klikke på det lille “+”-ikon du finder under det indhold du har i din tab.

Tilføj-mere-indhold

Herefter får du mulighed for at tilføje forskellige typer indhold til din “TAB” med Visual Composer funktionen. Se evt. denne korte video omkring hvordan Visual Composer fungerer.

Visual-composer-indhold

 

Tilføj ny “Tab”

Hvis du istedet for at redigere i en eksisterende fane ønsker at tilføje en ny fane med nyt indhold gøres det ved at klikke på det “plus”-ikon jeg har markeret. Herved tilføjer du en ny fane.

 

How-to-tabs

Du navngiver din nye tab ved at klikke på det lille redigeringsikon der her er markeret med rødt

 

Ny-tab2

 

 

Ny-tab3

Nu kan du omdøbe din tab, så den kommer til at hedde det du ønsker. Klik herefter “Save Changes”.

3: Kontrolér og gem ændringerne

Når du er færdig med at redigere i din tab – laver du en preview. HUSK at preview åbner op i et nyt vindue.
Hvis alt er som du gerne vil have det klikker du update.

Rediger-tab-visual-composer