Trin for trin: Sådan viser eller skjuler du elementer i Breakdance Builder

Vil du bestemme, hvilke elementer der skal vises på mobil, tablet eller desktop? Med denne guide lærer du hurtigt at bruge Breakdance Builders “Hide on Breakpoint”-funktion, så du nemt kan tilpasse din sides indhold til forskellige enheder.
Breakdance-logo med stiliseret figur i breakdance-position og tekst på gul baggrund

Lær at styre synligheden af indhold på forskellige skærmstørrelser

Har du en WordPress hjemmeside, hvor indholdet er sat op med Breakdance Builder? Har du svært ved at gennemskue, hvordan du lige tilføjer nye elementer såsom overskrifter, knapper eller billeder til din side? Så har vi lavet en lille hurtig vejledning til dig her.

Bemærk: Vi anbefaler, at du redigerer dine sider på en computer og i browsere som Google Chrome eller Mozilla Firefox.

  1. Log ind i kontrolpanelet med dine loginoplysninger.
    WordPress login-formular på dansk med felter til brugernavn eller e-mailadresse og adgangskode. Der er en "Log ind"-knap, "Husk mig"-afkrydsningsfelt, samt links til adgangskodegendannelse og Breakdance. Nederst er sproget indstillet til dansk med en skift-knap.
  2. Gå ud i venstre side og klik på “Sider”.
  3. Find den side du vil vise eller skjule et element og hold musen over for at klikke på “Edit in Breakdance” (A).
    Wordpress kontrolpanel med siden Sider åbnet. Listen viser 18 sider inkluderet Blog, Find forhandler, Forside, Kontakt og Om os. Der er filter- og sorteringsmuligheder tilgængelige øverst.
  4. Nu ser du en forhåndsvisning af siden. Vi anbefaler altid, at ”Structure” er foldet ud ved at klikke på det lille ikon (Tre stablede lag med streger, der symboliserer lag eller niveauer) i øverste højre hjørne.
    Placeholder-billede med bjerglandskab og sol på grålig baggrund
  5. I dette eksempel vil vi gerne skjule vores knap (A). Vi klikker derfor på knappen. Til venstre vil et nyt panel komme frem, hvori vi nu har mulighed for at rette og indstille alt på vores knap. For at skjule/vise vores knap, klikker vi på det lille ikon (Tandhjul-ikon med grå fyldt farve) som fører os til de avancerede indstillinger for vores knap (B).
    Placeholder-billede med stiliseret illustration af bjerge og sol i gråtoner på en webside-layout med overskrift og brødtekst.
  6. Under vores avancerede indstillinger kan vi nu folde fanen ud ”Hide On Breakpoint” (A). Herunder kan vi så vælge i vores dropdown, hvornår vores knap skal skjules. Klik på ”Choose breakpoints” (B).
    Skærmbillede af en webdesign-editor med en venstrepanel til knap-indstillinger og et højre preview-område viser en webside med logo, overskrift "This is a heading", brødtekst og en sort knap med teksten "Læs mere".
  7. Vi ønsker at skjule vores knap på alle mobiltelefoner. Vi markerer derfor med et flueben i ”Phone Landscape” og ”Phone Portrait”.
    Skærmbillede af en webdesign-editor med et Button-element valgt. På venstre side vises indstillinger for responsivt design med mulighed for at skjule elementet på forskellige enheder (Desktop, Tablet Landscape, Tablet Portrait, Phone Landscape og Phone Portrait). Phone Landscape og Phone Portrait er markeret som synlige. På højre side ses et preview af siden med logo, overskrift og brødtekst samt en sort knap med teksten "Læs mere".
  8. Vi er nu færdig med at redigere vores side. Vi går derfor op i øverste højre hjørne og klikker på knappen ”Save”. Vores ændringer er nu gemt og udgivet på hjemmesiden.
    Skærmbillede af en webdesign-editor med en hjemmesideskabelon. Venstre side viser designværktøjer og knap-indstillinger. Hovedvinduet viser en webside med logo, navigationsmenu, overskrift "Dette er en overskrift", brødtekst med lorem ipsum, og en sort knap med teksten "Læs mere". Højre side viser strukturpanelet med forskellige elementtyper. Øverst til højre er der en "Gem"-knap.
  9. For at komme tilbage til kontrolpanelet, klikker vi på det lille kryds i øverste højre hjørne og klikker derefter på ”Exit to WordPress”.
    Placeholder-billede med bjerglandskab og sol i grå toner, anvendt som standardbillede i en webdesign-editor.
  10. Sådan! Vi er nu færdige med at skjule vores element på vores side.

Nu har du lært at styre synligheden af indhold på tværs af skærmstørrelser i Breakdance Builder – en smart funktion til mobilvenligt design. Hvis du mangler at lære, hvordan man tilføjer nye elementer, så kig forbi vores guide “Sådan tilføjer du nye elementer i Breakdance Builder”.

Skal du i stedet blot redigere tekst, billeder eller knapper på en eksisterende side, anbefaler vi guiden “Sådan redigerer du indhold på dine undersider i Breakdance Builder”.

Del denne artikel

Indhold

Picture of Er du i tvivl om noget? Vi hjælper dig gerne videre

Er du i tvivl om noget? Vi hjælper dig gerne videre

Har du spørgsmål, eller driller noget undervejs? Så tag endelig fat i os. Vi står klar til at hjælpe dig med opsætning, tilpasning og alt det midt imellem – uanset hvor du er gået i stå.

Ring til os på 40 90 91 98

Flere indlæg fra samme kategori

Kvinde der bruger smartphone med en ring på fingeren
Flere og flere besøger hjemmesider via mobilen – men en dårlig mobiloplevelse kan hurtigt få kunder til at klikke væk. I dette indlæg deler vi vores bedste tips til, hvordan du med enkel navigation, tydelige knapper og overskueligt indhold kan give dine besøgende en god oplevelse på mobilen.

Kontakt os i dag

Udfyld formularen her og vi vil svare på din henvendelse inden for kort tid. Du er også velkommen til at kontakte os på telefon eller skrive til os på kontakt@webko.dk.

Så snart du benytter dig af vores formular, accepterer du samtidig vores persondatapolitik, som du kan læse her

Portrætfoto af mand med rødligt hår og skæg, iført sort t-shirt, fotograferet mod mørk grå baggrund.
Portræt af en mand med mørkt hår og skæg, der smiler til kameraet. Han er iført en sort t-shirt og ses mod en hvid baggrund.
Portræt af en mand med mørkt hår, der smiler mod kameraet. Han bærer en hvid skjorte og ses mod en uklar baggrund indendørs.
Portrætfoto af en smilende ung kvinde med flettet brunt hår, blå top og hvid cardigan mod hvid baggrund.
+200 tilfredse kunder

Hvis du ikke allerede er kunde hos os ved du måske ikke...

At vi holder til i Herning, men kommer med glæde ud til jer til en uforpligtende snak om jeres muligheder. 

Vi har åbent fra kl. 08.00-16.30 mandag til torsdag og fredag fra kl. 08.00-15.00. Men vi er altid klar på at møde ind før, eller gå hjem senere, hvis det passer bedre ind i din kalender.

Du finder os på

Webko ApS
Industrivej Nord 11
7400 Herning
Find vej

Portræt Jacob Soelberg med kort mørkebrun hår og skægstubbe, iført lyseblå skjorte, fotograferet på kontorlokaler med uskarp baggrund.

Jacob Soelberg

Partner og konsulent

Vi sidder klar til at hjælpe

Eller skriv til os på kontakt@webko.dk