Wijzigingen die aan één apparaat worden aangebracht, verschijnen op alle apparaten. Wanneer bijvoorbeeld een rij wordt verwijderd op de tabletweergave van jouw site, zal de rij ook ontbreken op de desktop- en mobiele weergave van jouw site. Dit komt omdat jouw site responsief is, waardoor de inhoud op alle apparaten wordt weergegeven. Je kan echter wel onderscheid maken tussen welke content op welke apparaten verschijnt. Je kan onze functies voor bewerken per apparaat gebruiken om dit te bereiken, en zo kan je ook jouw bezoekers inhoud aanbieden die geschikt is voor het apparaat van waaruit ze jouw site bezoeken.
Let op: Alleen beschikbaar op SiteBuilder Ultimate!
Bij het maken van aanpassingen voor een specifiek apparaat is het vaak nodig om van weergave te wisselen. Voor meer informatie, lees het artikel Schakelen tussen verschillende weergaven.
Informatiebalken weergeven
Sommige widgets en functies kunnen alleen op bepaalde apparaten verschijnen. Om de stijl van een widget op een bepaald apparaat te wijzigen, klik je op de apparaatweergave op de bovenste navigatiebalk om naar de apparaatweergave over te schakelen die je wenst en voer je vervolgens jouw wijziging uit.
Verberg op apparaat
Bijna alles in de editor, met uitzondering van de kop- en voettekst, kan per apparaat worden bewerkt door de inhoud specifiek voor dat apparaat te maken.
Let op: Alleen beschikbaar op SiteBuilder Professional and Ultimate!
Om de inhoud per apparaat te bewerken:
- Kopieer de inhoud die je apparaatspecifiek wil hebben. Klik met de rechtermuisknop op de widget, klik op “kopiëren” en vervolgens op “plakken”.
- Klik met de rechtermuisknop op een van de widgets, selecteer “Verberg op apparaat” en selecteer vervolgens het apparaat waar je de widget wilt verbergen. Als je bijvoorbeeld een knop instelt op “Verberg op Desktop” verwijder je de knop van de desktop, maar verschijnt de knop wel op de tablet en op de mobiele sites.
- Klik op de originele inhoud en selecteer “Verberg op apparaat”, verberg vervolgens de inhoud op het apparaat (apparaten) waarop je deze inhoud niet wilt wijzigen.
- Als je bijvoorbeeld jouw kopieerknop instelt op “Verberg op Desktop”, stel je de originele knop in op “Verberg op Tablet” en “Verberg op Mobiel”. Op deze manier heb je twee verschillende knoppen; een knop die op jouw desktop wordt weergegeven en een andere die op jouw tablet en mobiele telefoon wordt weergegeven.
- Als je wilt dat de inhoud op alle drie de apparaten verschillend is, kan je deze opnieuw kopiëren (zodat je in totaal drie kopieën van dezelfde inhoud hebt) en een andere knop op elk apparaat laten weergeven.
- Je hebt nu twee (of drie) identieke, maar verschillende stukken van de inhoud, elk weergegeven op een ander apparaat. Eventuele verdere wijzigingen in deze inhoud hebben alleen invloed op het apparaat waarop het wordt weergegeven.
Bewerkingen die geen invloed hebben op andere apparaten
Er zijn verschillende bewerkingen in de editor die kunnen worden gewijzigd zonder dat dit gevolgen heeft voor mobiele toestellen. Deze zijn:
- Afstand (Marges en vulling)
- Positionering
- Breedte
- Hoogte
- Site/Pagina achtergrond
- Lettergrootte (het zal geen invloed hebben op tekst die eerder in mobiel is bewerkt)
Let op: Elke andere bewerking die je in de weergave van elk apparaat maakt, heeft invloed op andere apparaten.
Naast bovenstaande lijst zijn er nog andere bewerkingen die je kan uitvoeren op de instellingen zonder dat dit gevolgen heeft voor andere apparaten. Deze worden weergegeven met een “Wijzigingen die alleen invloed hebben op dit apparaat” pictogram in de editor.
Widget Specifieke Veranderingen
Hoewel sommige widgets prima werken op alle apparaten, zijn er enkele drastische verschillen tussen de apparaten, waardoor er per apparaat een andere set van functies of ontwerpvoorkeuren nodig is.
Hieronder vind je een lijst met widgets met ontwerpsuggesties en notities voor het op maat maken van bepaalde widgets op bepaalde apparaten.
Achtergrond Afbeeldingen
Vanwege drastische verschillen in de beeldverhoudingen tussen de apparaten is het belangrijk om goed te letten op de manier waarop je afbeeldingen in jouw website ontwerpt.
Bijvoorbeeld, een volledige pagina achtergrond op een rij kan er geweldig uitzien op een desktopapparaat, maar vreselijk op een mobiel apparaat. Dit kan zijn omdat desktopapparaten meer geschikt zijn voor beelden met een grotere breedte, terwijl het bij mobiele apparaten precies het tegenovergestelde is.
Je kan per apparaat een andere pagina achtergrond instellen in de algemene ontwerpinstellingen. Het is aan te raden om een brede achtergrond afbeelding te gebruiken voor desktop, en een smalle voor mobiele toestellen of tablet.
Slider Widget
Net als bij de achtergrond afbeelding kunnen de afbeeldingen die je hebt geselecteerd voor de desktopversie van de slider widget er niet zo goed uitzien voor tablet of desktop. Het is aan te raden om:
- De framegrootte van de slider in te stellen zodat deze past op mobiele toestellen of
- De slider te verbergen op de desktop, en maak in plaats daarvan een versie speciaal voor mobiele toestellen.
Beelden en Iconen Widget
De grootte van de afbeeldingswidget wordt niet automatisch aangepast in de mobiele versie. Het is belangrijk om jouw mobiele apparaten te controleren waar de afbeelding widget wordt gebruikt om de nodige aanpassingen te maken om te kunnen passen.
Hover effecten op Tablet/Mobiele apparaten
In vergelijking met desktopapparaten hebben tablet en mobiele apparaten helemaal geen hover effect. Elke hover lay-out of optie is uitgeschakeld op tablet/mobiele apparaten.
Kaart widget
De kaart widget heeft apparaatspecifieke opties voor wanneer het wordt weergegeven als een knop of een kaart.
Contactformulier Widget
Contactformulieren verschijnen altijd één invoer per regel op de mobiele telefoon.
vCita Widget
De vCita online planning widget heeft een optie om alleen een knop te tonen, op het apparaat van jouw keuze.
Overwegingen
Vergeet niet om bij het bewerken van apparaatspecifieke widgets alle weergaven te controleren voordat je jouw website publiceert. Widgets kunnen gemakkelijk verkeerd worden geplaatst wanneer je de optie “Verberg op apparaat” gebruikt.
Voor meer informatie over het schakelen van standpunten, lees dit artikel.