1. Knowledge base
  2. Website maken met SiteBuilder
  3. Gebruik van HTML en aangepaste code

Gebruik van HTML en aangepaste code

De editor is flexibel in die zin dat je zowel een bestaande code kan wijzigen als jouw eigen code kunt toevoegen. Hierdoor kan je de functionaliteit van het platform uitbreiden en krijg je extra mogelijkheden. Zo kan je bijvoorbeeld een aangepaste kalender widget toevoegen of zelfs een aangepast contactformulier van derden voor het aannemen van betalingen op jouw site.

Dit artikel gaat over drie verschillende methoden om een aangepaste code aan jouw site toe te voegen.

IN DIT ARTIKEL:

HTML Widget

De HTML widget is de eenvoudigste methode om een aangepaste code aan jouw site toe te voegen.

Klik in het linkerpaneel op Widgets en sleep de “HTML” widget in een kolom of rij in jouw site en plak jouw code er in.

Bewerk aangepaste code

Na het toevoegen van een aangepaste code met de “HTML” widget, klik je op de widget in jouw editor om jouw code te bewerken.

Soms is het echter door de aard van de code niet zo eenvoudig om dit te doen. In dat geval kan je de container selecteren om te zien of je de hele container (met de code) kan bewerken.

Inline Code bewerken

Om de code van iets in jouw site te bewerken:

  1. Klik met de rechtermuisknop op de plaats waar je de code wilt bewerken en klik vervolgens op ” Bewerk HTML/CSS” om de code van alles in jouw editor te bekijken.
  2. De code editor geeft de code weer die je aan het bewerken bent. Eenmaal daar, klik op “Documentatie” om de documentatie te lezen voordat je begint met het wijzigen van de code.

Opmerking: Hoewel je de CSS in de ontwikkelmodus kunt bewerken, is het niet aan te raden om in dit menu nieuwe selectoren toe te voegen. Je kan hier zonder problemen nieuwe regels aan selectoren toevoegen. Voor het maken van nieuwe CSS-selectoren, doe dit via de ontwikkelaarsmodus.

Ontwikkelaarsmodus

Je kan de code van jouw hele site in de editor bekijken. Om de code te bekijken, klik je op “</>” rechtsboven in de editor.

De code voor jouw site is onderverdeeld in secties om een fijnere afstemming op jouw site mogelijk te maken.

Voor meer informatie over de ontwikkelaarsmodus, zie Ontwikkelaarsmodus.

FAQ’s en problemen oplossen

Als je jouw site hebt gebroken met een aangepaste code, kan je deze repareren door:

  • Het terug te zetten naar een back-up
  • Handmatig de code te bevestigen
  • Een ander deel van de pagina te openen

Wat zijn enkele goede aangepaste coderingsrichtlijnen?

Sommige richtlijnen zijn:

  • Maak een back-up
  • Gebruik een testpagina

Voor meer informatie, zie de richtlijnen van de aangepaste code.

Geüpdatet op 3 september 2020

Heeft dit artikel jou geholpen?