Websites bouwen met WordpressZelf een blog of website bouwen waarop je regelmatig nieuwe content wilt plaatsen? Dat kan met een contentmanagementsysteem als WordPress. Dit cms is zowel voor beginners als gevorderden erg interessant dankzij zijn toegankelijkheid, maar wij richten ons specifiek op de gevorderde gebruiker die niet bang is de code in te duiken!

Inhoud:

WordPress is een van de toegankelijkste contentmanagementsystemen die verkrijgbaar zijn en is bovendien gratis. Zelfs zonder html-kennis kun je door alleen de juiste zaken aan te klikken en een Thema te kiezen al een eigen website of blog bouwen. Maar wil je je website helemaal naar je hand zetten, dan ontkom je er niet aan om dieper in WordPress en de code te duiken. We bieden de lezer die deze uitdaging aandurft de helpende hand met adviezen en tips. Maar voordat we gelijk met allerlei technische tips komen, is het toch handig om even heel snel de basis door te nemen, zodat je duidelijk voor ogen hebt hoe WordPress in elkaar zit.

Globale opbouw

WordPress bouwt een website op aan de hand van php-scripts en stylesheets die het cms precies vertellen hoe de site er uit moet komen te zien. De scripts bepalen onder andere welke informatie waar getoond wordt en welke functionaliteiten de website kent. Denk bijvoorbeeld aan wat de zijbalk(en) bevatten (sidebar.php), hoe pagina’s zijn opgebouwd (page.php) en hoe je hoofdpagina is ingedeeld (index.php). Er zijn in totaal wel meer dan twaalf php-scripts die de opbouw van je site bepalen. Het precieze aantal hangt sterk af van het thema dat je gebruikt. De stylesheet, style.css geheten, gaat over de cosmetische aspecten van de site en vertelt onder andere welke kleuren gebruikt moeten worden, hoe groot de letters moeten zijn en hoe ze precies gepositioneerd moeten worden. Als je in het WordPress Dashboard naar het menu Weergave gaat en daar op Bewerker klikt, krijg je een overzicht van bestanden die gezamenlijk je website opbouwen. Zo zie je bijvoorbeeld header.php, index.php en footer.php. Deze drie bestanden samen bouwen je complete homepage, waarbij eventueel nog andere php-bestanden gebruikt worden, afhankelijk van het thema dat je gebruikt. Tevens kun je in dit venster ook aanpassingen in de code doorvoeren en opslaan, mits je de schrijfrechten goed hebt ingesteld op je server. Dit kan vaak eenvoudig via de ftp-client.

De loop

WordPress bewaart alle berichten en pagina’s die je maakt in een sql-database. De verzameling van al deze berichten wordt de loop genoemd. Deze kun je het beste beschouwen als één grote poel waarin echt al je berichten staan. Natuurlijk wil je niet dat alle berichten standaard op chronologische volgorde op de homepage van je website getoond worden, hoewel dit zeker wel mogelijk is. Om de juiste gegevens op je homepage te plaatsen, moet dus de loop aangeroepen worden en moet er als het ware een ‘bestelling’ van data gedaan worden. In deze bestelling, wat natuurlijk een stukje code is, geef je aan aan welke aspecten een bericht moet voldoen, wil hij op de homepage gepubliceerd worden. Zo is het dus bijvoorbeeld ook mogelijk om twee loopaanroepingen te verwerken op de homepage die ieder berichten tonen uit bijvoorbeeld een andere categorie. Denk bijvoorbeeld aan een categorie Nieuws en Columns. De berichten worden uit dezelfde loop gehaald, want daar is er maar één van, maar er kunnen wel twee verschillende datastromen getoond worden. Hier onderaan zie je de standaardcode voor het oproepen van de loop. Het aanroepen van de loop begint hier:

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

En eindigt hier:

<?php endwhile; else: ?>
<p><?php _e(‘Sorry, geen berichten gevonden.’); ?></p>
<?php endif; ?>

Maak altijd backups

In de komende tien tips zullen we vaak aanpassingen maken in de code. Dit is natuurlijk niet zonder risico, maar alleen als je in de code duikt, kun je jouw website echt laten doen wat je wilt. Het is daarom belangrijk om niet bang te zijn voor de code. Natuurlijk is het wel zo dat wanneer je een (type)fout maakt, dit de volledige website onbenaderbaar kan maken. Echter, als je weet wat je verandert, kun je dit altijd weer gemakkelijk en snel herstellen. Verder kunnen we het niet vaak genoeg zeggen: maak altijd backups! Als je grote, eventueel risicovolle aanpassingen gaat doen in de code, zorg er dan altijd voor dat je een goedwerkend origineel van het bestand achter de hand hebt voor het geval de aanpassing helemaal misgaat en je niet meer precies weet hoe de originele code nu in elkaar zat. Via een ftp-client kun je altijd gemakkelijk originele bestanden weer terugzetten.

Altijd updaten!

WordPress is een immens populair blog/cms-systeem dat wereldwijd door miljoenen mensen gebruikt wordt. Hierdoor is het helaas een gewild doelwit van hackers die maar al te graag via vijandelijke scripts je site overnemen en vervolgens hele andere zaken op de site zetten: reclame of wellicht illegale content waar je vervolgens verantwoordelijk voor bent! Om deze reden wordt WordPress dan ook vaak geüpdatet, waarmee kleine lekken gedicht worden. Het is van groot belang dat je deze updates altijd uitvoert, zodat de site zo goed mogelijk beschermd wordt tegen deze aanvallen. Mocht je site toch een keer ten prooi vallen aan hackers, wees dan blij dat je regelmatig een backup hebt gemaakt die gemakkelijk via ftp is terug te zetten.

Weet wat je zoekt

Natuurlijk zijn de komende tien tips maar een handjevol en zijn de mogelijkheden eindeloos. Het is ook goed mogelijk dat de gouden tip voor jou er niet bijzit. Gelukkig is de WordPress-community bijzonder actief en is voor bijna elk probleem wel een oplossing via Google of WordPress.org te vinden. Het zoeken naar de juiste antwoorden kan een drama worden als je niet goed genoeg weet hoe WordPress in elkaar zit. Oefening baart kunst en hoe langer je met WordPress bezig bent, hoe sneller je de juiste antwoorden zult vinden op je vragen. Wees in je zoektocht in elk geval zo precies mogelijk. Geef in de vraag precies aan in welk onderdeel van de site je aanpassingen wilt doorvoeren. Is dat bijvoorbeeld in de header.php, in de zijbalk of in de loop in het hoofdsjabloon (index.php)? Misschien zul je meerdere vragen moeten stellen voordat je de uiteindelijke oplossing hebt gevonden, maar met elke vraag begrijp je stukje bij beetje meer van WordPress.

Lees verder: 10 tips voor gevorderden

Tekst: Gerard Sombroek

Ben je op zoek naar een grote computermonitor met een hoge beeldverversingsfrequentie? Wij vonden vijf betaalbare modellen voor je op Kieskeurig.nl. Zulke monitoren zijn bij uitstek geschikt voor foto- en videobewerking maar komen goed van pas bij fanatiek gamen, want hoe lager de responstijd, des te soepeler het beeld is.

AOC C27G2ZE/BK

Als je op zoek bent naar een nieuwe - en gebogen - 27‑inch-monitor met 240 Hz verversingssnelheid, valt de AOC C27G2ZE/BK op door zijn combinatie van snelheid en schermgrootte. Dit gebogen scherm gebruikt een VA‑paneel, wat zorgt voor een hoog statisch contrast van 3000:1. De Full‑HD‑resolutie (1920 × 1080) maakt het mogelijk om met een gemiddeld computersysteem te spelen zonder dat de grafische belasting extreem wordt.

Dankzij een responstijd van 0,5 ms kun je snelle games spelen zonder merkbare vertraging. Het scherm heeft een 1500R‑kromming voor een natuurlijke kijkhoek. Voor synchronisatie met de grafische kaart is AMD FreeSync aanwezig, en de monitor beschikt over meerdere HDMI‑ en DisplayPort‑aansluitingen, zodat je eenvoudig verschillende apparaten kunt aansluiten.

Verder zijn er ingebouwde instellingen voor een kruisvormige richtlijn, verschillende beeldmodi en flikkervrije achtergrondverlichting. Je kunt het scherm kantelen voor een fijne kijkhoek, maar hoogte‑ of draaibaarheid is bij dit model niet mogelijk. Voor audio‑doorgave is er een 3,5 mm‑uitgang zodat je je hoofdtelefoon direct kunt aansluiten.

HP OMEN 27s

De HP OMEN 27s is een 27‑inch Full‑HD‑ gamingmonitor die zich richt op gamers die een hoge verversingssnelheid zoeken met een toegankelijk formaat. Het IPS‑paneel biedt een brede kijkhoek en geeft kleuren gelijkmatig weer. Met een resolutie van 1920 × 1080 pixels en een verversingssnelheid van 240 Hz kunnen beelden vloeiend worden weergegeven. Volgens de specificaties bedraagt de responstijd 1 ms, waardoor je snelle actie kunt volgen met minimale vertraging. Het scherm is compatibel met NVIDIA G‑SYNC om tearing te voorkomen. Je kunt de monitor kantelen en in hoogte verstellen, wat bijdraagt aan een ergonomische opstelling. Aan aansluitingen ontbreekt het niet: er zijn twee HDMI 2.0‑poorten, een DisplayPort 1.4 en een usb‑hub.

De ingebouwde RGB‑verlichting aan de achterkant kun je via software aanpassen om het uiterlijk van je werkplek aan te passen. Er zijn geen ingebouwde luidsprekers, maar er is wel een 3,5 mm‑aansluiting voor een hoofdtelefoon. Deze monitor is bedoeld voor gebruik vanaf 2023; het ontwerp gebruikt dunne randen zodat je hem eventueel naast een tweede scherm kunt zetten. Met zijn matte afwerking is reflectie beperkt, en de monitor is voorzien van flikkervrije techniek om vermoeide ogen te voorkomen.

Lenovo Y27f‑30

Met de Lenovo Y27f‑30 krijg je een 27‑inch monitor gericht op gamers en multimedia. Het IPS‑paneel combineert Full‑HD‑resolutie (1920 × 1080) met een verversingssnelheid van 240 Hz voor soepel beeld. De responstijd 0,5 is ms, zodat snelle acties zonder motion blur worden weergegeven. Het scherm ondersteunt HDR‑content en heeft een helderheid tot 400 nits, waardoor beelden dynamischer worden ervaren. Met een kleurdekking van 99 % sRGB en 1,07 miljard kleurtinten is het paneel geschikt voor gaming en lichte fotobewerking.

De monitor beschikt over twee HDMI 2.0‑poorten, een DisplayPort 1.4 en een usb‑hub. Er zijn geïntegreerde luidsprekers en een hoofdtelefoonaansluiting, zodat je zonder extra accessoires geluid kunt beluisteren. De hoogte‑ en kantelinstelling maken een ergonomische opstelling mogelijk, en via VESA‑montage kun je hem ook aan een arm bevestigen.

FreeSync‑Premium‑Pro‑ondersteuning helpt synchronisatieproblemen met AMD‑grafische kaarten te voorkomen. Een opvallende extra is dat het scherm volgens de specificaties overklokt kan worden tot 280 Hz, mocht je grafische kaart dat ondersteunen. Omdat de rand dun is, kun je meerdere schermen naast elkaar plaatsen voor een groter werkoppervlak.

Samsung 27 Odyssey OLED G8 G81SF

Voor wie een 240Hz‑verversingssnelheid combineert met hoge resolutie, heeft Samsung de Odyssey OLED G8 G81SF. Deze 27‑inch monitor gebruikt een QD‑OLED‑paneel en biedt een 4K‑resolutie van 3840 × 2160 pixels. Door de verversingssnelheid van 240 Hz en het OLED‑paneel krijg je een combinatie van scherpe pixels en vloeiend beeld.

De monitor is gecertificeerd voor DisplayHDR TrueBlack 400, wat inhoudt dat donkere tinten diep zwart zijn terwijl lichte delen helderder ogen. Het scherm heeft een antireflectiecoating, en Samsung gebruikt een “Dynamic Cooling System” om het OLED‑paneel op een constante temperatuur te houden. FreeSync Premium Pro is ingebouwd om haperingen te voorkomen. Qua aansluitingen is er één DisplayPort 1.4‑poort, een HDMI 2.1‑poort en een usb-c-aansluiting met 65 W‑voeding, zodat je een laptop kunt opladen terwijl je beeldscherm gebruikt.

De monitor ondersteunt CoreLighting+ aan de achterkant: door middel van een lichtstrip kun je de verlichting aanpassen aan de inhoud op je scherm. Je kunt het scherm in hoogte verstellen en kantelen; daarnaast is er een geïntegreerde standaard met kabelbeheer. Het OLED‑paneel heeft een dichtheid van 166 PPI voor scherpe tekst. Samsung levert ook een afstandsbediening zodat je toegang krijgt tot ingebouwde apps en streamingdiensten via Smart Hub.

ASUS ROG Swift PG27AQDM

De ASUS ROG Swift PG27AQDM is een 27‑inch gaming‑monitor met QHD‑resolutie (2560 × 1440 pixels) en een OLED‑paneel. Ondanks dat ASUS het scherm als 27 inch aanduidt, heeft het feitelijk een diagonaal van 26,5 inch, maar door de dunne rand valt dit nauwelijks op. Met een verversingssnelheid van 240Hz en een responstijd van 0,03 ms biedt dit model een van de snelste paneelreacties in zijn klasse.

Het OLED‑paneel kan diepe zwartwaarden produceren en volgens de specificaties geeft het 1,073 miljard kleuren weer. De monitor ondersteunt zowel NVIDIA G‑SYNC als AMD FreeSync, zodat je de weergave kunt synchroniseren met bijna elke moderne grafische kaart. Voor verbinding zijn er DisplayPort 1.4, twee HDMI‑poorten en een usb‑hub. Het scherm kan in hoogte worden versteld, gedraaid en gekanteld, en het is geschikt voor VESA‑montage.

Om inbranden te voorkomen gebruikt ASUS een speciale warmteafvoer en automatische helderheidsaanpassingen. De behuizing is voorzien van een rondom lopende RGB‑strip die je naar wens kunt instellen. Met een standaard die een handvat heeft, is het scherm gemakkelijk te verplaatsen. Het relatief hoge energiegebruik van een OLED‑gamingmonitor is aanwezig; er is echter een ECO‑modus. Deze monitor is vooral bedoeld voor veeleisende gamers of professionals die vloeiende bewegingen en hoge contrastwaarden zoeken.

Euro Truck Simulator 2 bestaat al sinds 2012, maar veertien jaar na dato lijkt het vrijwel zeker dat de game - net als nevengame American Truck Simulator - binnenkort ook op moderne consoles als de PlayStation 5 en Xbox Series X en S speelbaar wordt. Wat de releasedatum van beide games op PS5 en Xbox is, dat is de vraag.

De eerste indicatie dat Euro Truck Simulator 2 en American Truck Simulator naar de PlayStation 5 en moderne Xbox-consoles komt, verscheen vorig jaar, toen winkelpagina’s voor het spel op de respectievelijke platformen werden gevonden. Vlak daarna werd tijdens de Future Games Show tijdens Gamescom bevestigd dat het spel inderdaad onderweg is naar de platformen. 

Navigatieproblemen

Een half jaar later hebben we nog steeds geen indicatie van wanneer Euro Truck Simulator 2 op de consoles staat te verschijnen. Wel is direct aangekondigd dat ook American Truck Simulator naar de PS5 en Xbox Series-consoles komt. Daarbij biedt de Road To Consoles Dev Talk-video die ontwikkelaar SCS Software een paar maanden terug uitbracht ook inzicht in de productietijdlijn van de ports. Zo is onthuld dat er al vijf jaar wordt gewerkt aan de technologie die nodig is om de games draaiende te krijgen.

Waarom duurt dat zo lang?

Zoals eerder al werd benoemd is Euro Truck Simulator 2 uitgebracht in 2012. De game werd niet met consoles in het achterhoofd ontwikkeld, en zeker niet voor apparaten die pas veertien jaar in de toekomst verschenen. Het herschrijven van de code, zodat die ook nog eens precies hetzelfde werkt op consoles en met nieuwe besturing, vergt dan ook veel tijd. 

Daarmee komen we ook bij de hamvraag: waarom port de ontwikkelaar een game uit 2012 überhaupt? Vooral omdat de game sindsdien nog altijd voorzien wordt van nieuwe content en updates. SCS Software onderhoudt en verbetert Euro Truck al jaren en brengt ook nog altijd dlc met nieuwe voertuigen, gebieden en customization-opties uit. Euro Truck Simulator 2 is dus wel de definitieve truck-simulatiegame te noemen, ondanks dat deze 14 jaar oud is. 

©SCS Software

Maar de manier waarop dlc in de game verwerkt is zorgt volgens Jakub Mráz - Console Producer bij SCS - voor complicaties tijdens het porten. Neem bijvoorbeeld de Scandinavië-dlc, die Denemarken, Noorwegen en Zweden aan het spel toevoegt. Dat toevoegen aan een game op consoles is een logistieke uitdaging waar de ontwikkelaar over na moet denken.

Ook de kwaliteitscontrole die de platformen vereisen, het uitdenken van een nieuwe marketingcampagne: alles heeft invloed op de release van het spel op de PlayStation 5 en Xbox Series-consoles.

Over Euro Truck Simulator 2

Het spreekt redelijk voor zich, maar Euro Truck Simulator 2 is dus een game die het rondkarren in een truck van duizenden kilo’s simuleert. Klinkt simpel, maar gaat dieper dan verwacht. Je rijdt rond door een wat kleinere versie van Europa - op een schaal van 19:1 - waar je met je truck goederen vervoert, om zo te sparen voor nieuwe trucks, upgrades, en customization-opties. Op het bezorgen van spullen zit ook een timer, en het is vanzelfsprekend dat de goederen in goede staat moeten verkeren bij aankomst. 

©SCS Software

Met genoeg vermogen wordt het uiteindelijk ook mogelijk om een netwerk aan bezorgers op te zetten en aan te sturen, en hoe meer opdrachten je voltooit, hoe meer delen van Europa open voor je gaan. In de afgelopen jaren heeft SCS Software veel landen, steden en dergelijke gebieden toegevoegd aan Euro Truck Simulator 2 middels betaalde dlc, en oude omgevingen gratis opgekrikt naar moderne kwaliteitsmaatstaven. 

Nederland in Euro Truck Simulator 2

Ook Nederland is inmiddels van een upgrade voorzien in de pc-versie van Euro Truck Simulator 2. Zo kunnen spelers Rotterdam, Amsterdam, de Europort, Groningen en Eindhoven bezoeken via verschillende wegen. Naast bijbehorende snelwegen is ook de Afsluitdijk en omgeving in beeld gebracht middels de update.