Samenvatting
Tien elementen brengen beeld, een kaart, een externe pagina of een lijn op je pagina. Acht daarvan voeg je zelf in, verdeeld over vier tabbladen van de elementenbrowser.
De twee andere horen bij de achtergrond van een blok. Die kun je wel aanklikken en instellen, maar niet los invoegen.
Het verschil tussen de vier media-elementen zit in hun plaats en in hun velden. Een logo krijgt bijvoorbeeld geen video en geen uitsnede.
Het instellen van al deze elementen staat in eigen artikelen. Dit artikel zegt welk element je kiest en welke velden het meebrengt.
Wanneer gebruik je dit?
Je gebruikt dit artikel als je een afbeelding op je pagina wilt en niet weet welk van de vier media-elementen je neemt. De namen verschillen alleen in hun eerste woord.
Je komt hier ook terecht als je een kaart of een scheidingslijn zoekt. Beide hebben een eigen tabblad, en dat tabblad heet naar de soort en niet naar het beeld.
Verder helpt dit artikel als een veld bij het ene beeld staat en bij het andere niet. Dat verschil is vast en hangt aan het element dat je hebt gekozen.
Hoe werkt dit in Mach3Blocks?
Vier tabbladen van de elementenbrowser gaan over deze groep. Het eerste bevat vier media-elementen, en de drie andere bevatten samen een kaart, een iframe en twee scheiders.
Bij de media-elementen zegt het eerste woord waar het beeld hoort. Een logo hoort in een header, een contentbeeld in een inhoudsblok en een itembeeld binnen een los item.
Dat eerste woord bepaalt ook welke velden je krijgt. Een logo wordt nooit bijgesneden, dus de velden voor de verhouding en de uitsnede staan er niet.
De achtergrond van een blok is een eigen element. Je klikt de achtergrond aan op het canvas, en het paneel rechts toont dan zijn velden.
De vier kaders waarin beeld of slides staan, horen ook bij deze groep. Zij komen mee met het blok en staan in geen enkel tabblad; zie Elementen in componenten.
Een galerij is geen element. Je voegt daarvoor een galerijblok in, en dat staat in Galerijblokken.
Overzichtstabel met opties, waarden en standaard
De vier media-elementen in het tabblad Media
| Element | Waarvoor het dient | Bijzonderheden |
|---|---|---|
| Logo media | het logo van de website | geen video, en geen verhouding of uitsnede |
| Content media | een afbeelding of een video in een inhoudsblok | |
| Item media | een afbeelding of een video binnen een los item | |
| Thumbnail media | een kleine afbeelding, bijvoorbeeld onder een slider | geen video; heeft een stand meer dan de andere drie |
De kaart, het iframe en de twee scheiders
| Element | Waarvoor het dient | Bijzonderheden |
|---|---|---|
| Content map | een kaart met een locatie in beeld | eigen tabblad Maps |
| Content iframe | een externe pagina in een kader | eigen veld voor het adres; de soort heeft geen ingang in het thema |
| Header scheider | een scheidingslijn in een headerblok | staat als eerste in het tabblad Scheiders |
| Content scheider | een scheidingslijn in een inhoudsblok |
Welke velden per media-element verschillen
| Veld op het tabblad Instellingen | Logo media | Content media | Item media | Thumbnail media |
|---|---|---|---|---|
| Afbeelding | ja | ja | ja | ja |
| Video | nee | ja | ja | nee |
| Verhouding | nee | ja | ja | ja |
| Positie en Passend | nee | ja | ja | ja |
| Link | ja | ja | ja | ja |
| Scrollsnelheid | ja | ja | ja | ja |
| Aantal standen op het tabblad Opmaak | drie | drie | drie | vier |
Een kaart en een scheider hebben veel minder velden. Zij krijgen alleen de algemene instellingen, en de locatie van een kaart hoort bij het blok.
Het iframe heeft wel een eigen veld voor het adres van de externe pagina. Dat veld staat in Iframe instellen.
Wat er niet in een tabblad staat
| Element | Waarvoor het dient | Bijzonderheden |
|---|---|---|
| Achtergrond media | de achtergrondafbeelding of video van een blok | geen verhouding en geen scrollsnelheid |
| Achtergrond map | een kaart als achtergrond van een blok | geen ingang in het thema, dus opmaak per blok |
| De vier kaders voor beeld en slides | het kader waarin een afbeelding of een slide staat | komen mee met het blok |
Aanbevolen instelling
Kies het media-element dat bij de plaats hoort en niet het element dat je het eerst ziet. De opmaak uit het thema volgt namelijk die naam.
Neem voor een logo altijd het element met dat woord in zijn naam. Dat element snijdt je bestand nooit bij, en dat is precies wat een logo nodig heeft.
Geef de beelden in een overzicht dezelfde verhouding, zodat elk item dezelfde vorm krijgt. Hoe je die verhouding kiest, staat in Verhouding en uitsnede.
Zet beeld dat pas na het scrollen in zicht komt op lui laden. Dat veld en zijn gevolgen staan in Lazy load.
Voorwaarden en rechten
| Recht | Wat het openzet |
|---|---|
| Elementen invoegen | de actie Element invoegen in het meer-menu op een element |
| Websites/presentaties stijlen | de velden Afbeelding grootte en Afbeelding vulkleur |
Voor het kiezen van een bestand of het vullen van de link is geen apart recht nodig. Wie het paneel rechts kan openen, kan die velden instellen.
Een Beheerder en een Bouwer hebben beide rechten. Een Redacteur en een Auteur hebben ze niet. Datzelfde geldt voor een Medewerker.
Gevolgen bij verkeerd instellen
| Wat je verkeerd kiest | Wat je merkt | Wat je eraan doet |
|---|---|---|
| Een logo-element voor een sfeerbeeld | de velden voor video en uitsnede zijn er niet | voeg Content media of Item media in |
| Een contentbeeld binnen een los item | het beeld krijgt de opmaak van een inhoudsblok | voeg Item media in op die plek |
| Een scheider uit het verkeerde blokdeel | de lijn krijgt de opmaak van de andere plek | verwijder de scheider en voeg de juiste in |
| De achtergrond zoeken tussen de elementen | het element staat in geen tabblad | klik de achtergrond van het blok aan op het canvas |
| De achtergrondkaart in het thema opmaken | de soort heeft daar geen ingang | maak hem per blok op |
| Een kader voor beeld verwijderen | het kader staat in geen tabblad | voeg het opnieuw in vanaf een soortgenoot, of zet een backup terug |
Een scheider kun je niet wisselen voor een andere scheider. Er is bij dit element geen actie om van soort te veranderen, dus je verwijdert hem en voegt de juiste in.