Ontwikkelaarsmodus

De ontwikkelaarsmodus geeft je toegang tot het bewerken en wijzigen van de HTML en CSS van jouw site. Het toevoegen van aangepaste code maakt geavanceerde aanpassingen mogelijk die niet mogelijk zijn met de drag-and-drop editor, maar dit moet alleen worden uitgevoerd door geavanceerde gebruikers met een goed begrip van webontwikkelingscode.

Let op: Alleen beschikbaar op SiteBuilder Ultimate!

Let op: Aangepaste code die bedoeld is om zichtbaar te zijn in de site moet worden toegevoegd met behulp van een HTML widget. Aangepaste code die niet zichtbaar is, moet meestal in de koptekst worden gezet. In het algemeen is het altijd het beste om eerst de aanwijzingen van de schrijver van de code te volgen voordat je deze aan jouw site toevoegt.

Om toegang te krijgen tot de Ontwikkelaarsmodus:

1. Klik op de knop “Ontwikkelaarsmodus” in de navigatiebalk.
   Je kan ook met de rechtermuisknop op een widget klikken en “Bewerk HTML/CSS” selecteren, en dan linksonder op “Ontwikkelaarsmodus” klikken.
2. Ga dan verder met het maken van jouw bewerkingen. Gebruik de knoppen “Opslaan” en “Voorbeeld” om jouw werk te bekijken.
3. Klik op ” Krijg Afbeelding-URL ” om de URL van een bestaande afbeelding te krijgen of upload een nieuwe afbeelding in de ontwikkelaarsmodus, zodat je deze direct in de HTML kunt invoeren.

Opmerkingen

• Zorg ervoor dat je binnen de kolommen blijft. Onze responsive sites zijn gebaseerd op een rij-kolom structuur. Dit betekent dat elke rij kolommen bevat die uiteindelijk de inhoud bevatten. Wanneer je jouw eigen HTML toevoegt of bewerkt, zorg er dan voor dat deze binnen een kolom staat.
• Laat de klasses maar staan. De redacteur vertrouwt op de vele klassen die aan de elementen worden toegevoegd. Als je een bestaande klasse ziet (die meestal begint met dm), laat deze dan staan. Als je klassen verwijdert, ziet de site er misschien niet hetzelfde uit als wanneer je een voorbeeld van de site gaat bekijken.
• Let op de grootte van de klasse. Kolommen hebben een waarde voor de grootte die als klasse wordt toegevoegd, zoals grote-6 of kleine-12. Dit bepaalt de grootte van de kolommen binnen die rij. Je zult deze op hun plaats willen laten, omdat ze de kern vormen van de grootte van de rij op verschillende apparaten.
• Vermijd indien mogelijk het bewerken van extensies. In de HTML zie je al placeholders van elementen op de pagina. Als het mogelijk is, vermijd dan het bewerken van deze elementen, vooral de gegevenswaarden die er in staan. Door deze te bewerken kan je de widgets breken zodra je teruggaat naar de SiteBuilder.
• Een back-up van jouw site wordt automatisch gemaakt wanneer je de Ontwikkelaarsmodus opent. Voer alleen code in als je begrijpt wat het doet, en maak vaak een back-up. We kunnen geen problemen met aangepaste code oplossen.

Errors

• DUPLICATE_ID. Elk element moet een uniek ID hebben
• INVALID_ELEMENT_LOCATION. Alle elementen moeten in een kolom staan die op een rij moet staan
• BAD_PROPORTION. Kolommen op een rij moeten oplopen tot 12
• INVALID_CLASS_FOR_ELEMENT. Een SiteBuilder klasse is toegevoegd aan een ongeldig element