Webdesign met WordPress – Wat is er mogelijk zonder kennis van HTML en CSS?

5 Min.
WordPress  html css

Laten we eerst de feiten op een rijtje zetten – WordPress is gebaseerd op PHP en MySQL databases. Hiermee kun je snel aan de slag met webdesign, zelfs zonder voorkennis van HTML, CSS of JavaScript. Je kunt aantrekkelijke en functionele websites maken. Zelfs e-commerce oplossingen kunnen worden geïmplementeerd zonder dat je ook maar één regel code hoeft te schrijven. Kennis van HTML, CSS of JavaScript is nuttig, maar niet vereist. Wat betekent dit echter voor de wereld van webdesign?

The design is not just what it looks like, a design is how it works.

Steve Jobs

HTML en CSS – geen programmeertalen vanuit technisch oogpunt

HTML en CSS beschrijven de structuur van de inhoud en de stijl van de elementen. HTML vertelt een webbrowser welke inhoud moet worden weergegeven, CSS is verantwoordelijk voor de manier waarop de inhoud wordt weergegeven. Wij onderscheiden inhoud, presentatie en gedrag van elkaar.

Dan was er nog de op logica gebaseerde programmeertaal JavaScript

Je gebruikt JavaScript (JS) om websites interactief te maken. Met JS kun je het gedrag van verschillende inhoudselementen sturen, in reactie op acties op de pagina. Voor iemand met ervaring in webdesign of ontwikkeling kunnen sommige vereisten sneller worden opgelost met JS. Dit maakt je onafhankelijk van derden en kan soms zelfs in geld worden omgezet.

Kennis van de grondbeginselen van HTML is een waardevolle vaardigheid bij het oplossen van problemen. Bovendien geeft het je vertrouwen om zelf veranderingen door te voeren, niet alleen bij WordPress standard themes.

Het brede aanbod aan kant-en-klare WordPress themes & plugins

De zoektocht naar een geschikt WordPress theme is de moeite waard. Aangezien er geen ingewikkelde programmering voor lay-out en ontwerp nodig is, zul je je doel sneller bereiken. Je wisselt gewoon de demo-inhoud in de editor naar keuze. Voor elke denkbare behoefte vind je themes of plugins. Het zijn er letterlijk honderdduizenden. Er zijn zowel gratis themes beschikbaar – die vind je bijvoorbeeld in de officiële WordPress theme directory – als ook uitgebreide premium versies. In combinatie met verschillende plugins kun je volledig nieuwe en complexe toepassingen creëren. Er zijn geen grenzen aan je ideeën, tot en met volledig geautomatiseerde workflows.

Webdesign met WordPress – Wat is er mogelijk zonder kennis van HTML en CSS?
Gratis WordPress theme op wordpress.org

WordPress design: een nieuw theme installeren en de makeover is compleet

Dat is alles wat je nodig hebt bij WordPress om het uiterlijk van je website weer te veranderen. Een kant-en-klaar theme bevat basisinstellingen. Deze bepalen het uiterlijk en zorgen voor een uniforme uitstraling. Als je hier echter niet tevreden mee bent, kun je de theme-instellingen optimaliseren om de functionaliteit, het uiterlijk of de bruikbaarheid aanzienlijk te verbeteren. Veel themes bieden voor dit doel aangepaste gebruikersinterfaces. 

Criteria voor de keuze van een theme:

  • Veelzijdige flexibiliteit
  • Snelle laadtijden en performance
  • Kant-en-klare demo site templates
  • Mobile First benadering
  • Compatibel met populaire page builders
  • Lichtgewicht met betrouwbare updates
  • E-commerce-integratie

WordPress plugins: kleine ondersteuners met nuttige functies voor het dagelijks leven

Voordat je plugins installeert en activeert, moet je de huidige classificaties en het aantal actieve installaties bij de fabrikant controleren. Houd plugins altijd up-to-date om potentiële beveiligingslekken te dichten. Het is raadzaam om vooraf een back-up te maken. Als een update problemen veroorzaakt, kun je de back-up gemakkelijk terugzetten.

Om de beste plugins voor jouw behoeften te vinden, raad ik je de volgende procedure aan:

  1. Maak een lijst van alle functies die je nodig hebt voor je website
  2. Zoek naar verschillende plugins voor elke benodigde functie
  3. Geef de voorkeur aan plugins met meer dan 100.000 actieve installaties
  4. Maak een lijst van de 10 beste plugins voor elke functie
  5. Check FAQs, documentatie en tutorials van elke plugin
  6. Maak een top 3 van beste plugins voor elke functie
  7. Installeer en activeer de eerste plugin voor testdoeleinden.

Werken met templates, themes of plugins is geen slechte zaak. In veel gevallen kun je hiermee snel resultaten boeken. Door plugins te gebruiken, kun je veel tijd en ontwikkelingskosten besparen. Aan de andere kant word je snel afhankelijk van vele individuele derden.

WordPress Editor: creëren en wijzigingen – eenvoudig en duidelijk

De WordPress 5 update heeft veel dingen gerevolutioneerd. In de eigen Gutenberg editor kan de vormgeving van elementen en hele pagina's in functionele blokken worden gemaakt. Code-editors zijn in feite teksteditors met extra functies. Een code-editor moet de gebruikte programmeertaal ondersteunen. Voor WordPress betekent dit HTML en CSS, maar ook PHP en JavaScript. Sommige editors werken ook offline.

Hier zijn enkele functies van de editor die jouw werk verlichten:

  • Autocomplete functie, waarbij de editor suggesties doet om het schrijfproces te versnellen
  • Syntax highlighting, om de leesbaarheid van de code te verbeteren en het gemakkelijker te maken om fouten te vinden
  • Zoeken en vervangen, om de tijd die nodig is om meerdere wijzigingen door te voeren drastisch te verkorten
  • FTP-ondersteuning, zodat je bestanden niet opnieuw hoeft te downloaden, bewerken en uploaden.

Bij de keuze, is het erg nuttig om jezelf te informeren over de verschillende soorten page builders en editors en hun opties. De bediening van paginabouwers is meestal intuïtief en vlot, na een korte periode van gewenning.

Vaak genoemde voordelen van page builders:

  • Gemakkelijk te bedienen met drag-and-drop
  • Real-time bewerken met live preview
  • Compatibel met de meeste WordPress themes
  • Brengen vaak hun eigen inhoudselementen mee
  • Kant-en-klare templates met demo-inhoud
  • Gemakkelijk front-end management
  • Extra functies voor theme- of plugin-addons 

Gebruikers melden deze nadelen:

  • Vereist een zekere leercurve in het begin
  • Pagebuilders kunnen een theme vertragen
  • Vaak tegen verplichte betaling voor het volledige scala van functies
  • Bij overstap, meestal niet compatibel met bestaande inhoud

Editors worden steeds populairder. De drag-and-drop functionaliteit stelt meer en meer gebruikers in staat om een aantrekkelijk ontwerp te maken, ook zonder veel voorkennis. In veel gevallen wordt toegang verleend tot volledige sjabloonbibliotheken die nog meer designs omvatten.

Vergelijking van 16 pagebuilders

Als je niet zeker weet welke page builder geschikt is voor jouw behoeften, kijk dan eens naar onze vergelijking van de 16 populairste WordPress page builders.

WordPress trends: de toekomst van je website

In de toekomst zal webdesign zich ontwikkelen in een richting die meer ruimte biedt voor de individuele ervaring. De inhoud zal specifiek worden afgestemd op de behoeften van de bezoekers. Vanwege de browser-, cookie- en landinstellingen kun je een heel andere website te zien krijgen, als je op een ander tijdstip in een ander land de URL opent.

Goede HTML- en CSS-vaardigheden zijn nog steeds essentieel

HTML, CSS en JS zijn voortdurend in ontwikkeling om harmonieus samen te werken. En door het gebruikte concept (scheiding van presentatie, inhoud en gedrag) hebben deze technologieën een zeer brede standaard met zeer uitgebreide specificaties, voordelen en mogelijkheden. Tegenwoordig vind je HTML, CSS en JS op de meeste websites. Aangezien zij even belangrijke vereisten zijn als de opmaaktalen zelf, moet je ze zeker op je website implementeren!

Voordat kunstmatige intelligentie onze front-end werkzaamheden overneemt

De manier waarop HTML wordt opgebouwd en hoe het in het DOM terechtkomt, zal blijven veranderen. Maar je moet nog steeds weten hoe goede HTML eruit ziet. Je moet weten hoe je HTML zo structureert dat het nuttig is voor je SEO, toegankelijk voor gebruikers en geschikt voor design. De manier waarop CSS in de browser terechtkomt en hoe het wordt toegepast zal blijven veranderen, maar je moet nog steeds weten hoe je het moet gebruiken. Je moet weten hoe je lay-outs maakt, de spatiëring beheert, typografie aanpast en smaakvol ontwerpt.

Het vervangen van beproefde technologieën is een zeer moeilijk proces, aangezien achterwaartse compatibiliteit voor oude browserversies behouden moet blijven. In de toekomst zullen HTML en CSS waarschijnlijk nieuwe functies krijgen, bijvoorbeeld nieuwe HTML-tags en nieuwe CSS-boxmodellen, variabelen en functies. Dus zullen HTML en CSS worden vervangen? Waarschijnlijk niet, maar ze zullen niet meer op dezelfde manier worden gebruikt als voorheen.

Ook al lijken HTML, CSS en JS op het eerste gezicht niet zo belangrijk voor de toepassing van WordPress, toch zijn ze dat wel. Dit komt omdat het gebruik ervan een betere controle biedt over aspecten van de inhoudoutput. Die uitvoer maakt het mogelijk om je SEO- en positioneringstechnieken te verbeteren, wat cruciaal is voor je digitale marketingstrategie.

Conclusie: Betere websites met WordPress, HTML, CSS & JS

Het voorgaande is niet bedoeld om mensen aan te moedigen om in het wilde weg en zonder enige voorkennis een eigen website te maken. Hoewel, zoals ik al zei, dit ongetwijfeld mogelijk is. Toch zijn er altijd momenten waarop kennis van HTML, CSS en JS het leven van een websitebeheerder makkelijker maakt. De onderwerpen veiligheid en SEO blijven hierdoor volledig onaangeroerd.

Na gastoptredens als medewerker bij webbureaus schrijft Thorsten Litzki, opgeleid mediavormgever en nu zelf ondernemer, sinds 2011 professioneel als story designer en SEO-copywriter voor bedrijven, blogs en op sociale media. Zijn lievelingsonderwerp is nog steeds WordPress en de snelle ontwikkeling van het populaire CMS sinds de begindagen.

Gerelateerde artikelen

Reacties op dit artikel

Laat een opmerking achter

Jouw e-mailadres zal niet worden gepubliceerd. Verplichte velden zijn met een * gemarkeerd.