Code aan je site toevoegen

Er zijn verschillende manieren om aangepaste code toe te voegen aan je WordPress.com-site. In deze handleiding lees je welke soorten code je kunt toevoegen, afhankelijk van je WordPress.com-abonnement.

Welke code je aan een WordPress.com-site kunt toevoegen, hangt af van je abonnement:

• Gratis sites hebben beperkingen op de code die je kunt toevoegen. Deze beperkingen zijn er om de veiligheid en beveiliging te waarborgen voor alle sites die dezelfde hostingomgeving delen.
• plugin-enabled abonnement-sites hebben geen beperkingen op de code die je kunt toevoegen, zodra je je abonnement activeert.

Wil je een iframe, JavaScript of andere code gebruiken op een site zonder te upgraden naar een ondersteund abonnement? Overweeg dan de volgende alternatieven:

• Er zijn verschillende manieren om veilig video’s, audiobestanden en documenten te delen op elke WordPress.com-site.
• Je kunt zonder code content invoegen van veel populaire diensten. Bekijk de volledige lijst met ondersteunde platforms, waaronder YouTube, Spotify, Giphy, alle grote social media-platforms en meer.
• WordPress.com bevat veel extra functies die beschikbaar zijn zonder code of plugins. Denk aan contactformulieren, galerijen, Google Analytics, betaalknoppen, evenementen, polls, quizzen, afspraakplanning, restaurantreserveringen en meer. Bekijk deze handleiding voor een lijst met beschikbare functies.

HTML is de taal van elke webpagina die je op internet bezoekt. HTML gebruikt speciale codes, tags genoemd, om de inhoud van een webpagina te structureren en te organiseren, zoals tekst, afbeeldingen, links en multimedia. Alle WordPress.com-sites kunnen de volgende HTML-tags gebruiken:

Daarnaast kunnen sites met een plugin-enabled abonnement en geactiveerde hostingfuncties de volgende codes gebruiken:

embed, frame, iframe, form, input, object, textarea, script, style, link

Je kunt een Aangepaste HTML-blok invoegen voor kleinere stukjes HTML.

Je kunt HTML rechtstreeks bewerken in de WordPress-editor op twee manieren:

In de werkbalk van elk blok (die verschijnt wanneer je op het blok klikt) vind je bij het beletselteken (de drie puntjes) de optie “Bewerken als HTML” om de HTML van alleen dat specifieke blok te bewerken.

Wil je de hele pagina in HTML bewerken, klik dan op het beletselteken rechtsboven en selecteer “Code editor” om over te schakelen naar HTML.

Standaard gebruikt de Code editor syntax highlighting. Je kunt dit per gebruiker en per site uitschakelen door deze stappen te volgen:

1. Ga naar Gebruikers → Profiel in het dashboard van je site.
2. Vink het vakje aan naast “Syntaxismarkering uitschakelen bij het bewerken van code”.
3. Klik op de knop “Profiel bijwerken” om je wijzigingen op te slaan.

CSS bepaalt de presentatie en het uiterlijk van HTML-webcontent. Met CSS kun je de kleuren, lettertypen, afmetingen, tussenruimte en positionering van elementen op een webpagina regelen.

CSS-bewerking wordt ondersteund op sites met een Personal-, Premium-, Business- of Commerce-abonnement. Bekijk onze handleiding Aangepaste CSS voor meer informatie.

JavaScript voegt interactiviteit en dynamische elementen toe aan webpagina’s. Met JavaScript kun je functies maken zoals interactieve formulieren, animaties en responsive designs.

JavaScript-code begint doorgaans met een <script>-tag en kan worden gebruikt op sites met een plugin-enabled abonnement. Je kunt JavaScript-code invoegen met een Aangepaste HTML-blok of via een andere methode uit het volgende gedeelte over code invoegen.

JavaScript van vertrouwde partners, zoals YouTube en Google Maps, kan op elk abonnement worden omgezet naar een ondersteunde embed of shortcode.

Met de bovenstaande beperkingen in gedachten kun je op de meest geschikte manier code aan je site toevoegen. De volgende methoden kunnen werken voor het invoegen van de meeste soorten code, waaronder iframes en JavaScript:

• Sluit code in in een pagina of bericht met het Aangepaste HTML-blok.
• Upload afbeeldingen, video, audio en documenten rechtstreeks. Zie Geaccepteerde bestandstypen voor meer informatie.
• Verifieer je site bij Google Search, Bing, Pinterest, Yandex en Facebook Business. Zie Siteverificatiediensten.
• Geef broncode weer met het SyntaxHighlighter Code-blok.

Alleen voor plugin-enabled sites met geactiveerde hostingfuncties:

• verification codes toevoegen voor diensten als AdSense, Facebook en Mailchimp via een plugin. Zie Code aan headers toevoegen.
• Code toevoegen aan functions.php via een plugin zoals Code Snippets.
• Bewerk je sitebestanden rechtstreeks via secure FTP (SFTP).
• Een plugin installeren om vrijwel elke functie aan je site toe te voegen.
• Een child-thema aanmaken om wijzigingen in je thema aan te brengen.