Twenty Twenty-One

door the WordPress team
Dit ontwerp kiezen

Zoals de naam al doet vermoeden is Twenty Twenty-One het standaard WordPress-thema voor 2021! Zie dit thema als een leeg doek voor jouw ideeën, waarbij de blokeditor je allerbeste kwast is.

Dit thema bevat nieuwe blokpatronen waarmee je in een mum van tijd een prachtige lay-out kan opmaken, en dankzij de zachte kleuren en het aantrekkelijke maar tijdloze ontwerp van het thema komt jouw werk echt tot zijn recht. Twenty Twenty-One is ideaal voor een portfolio, bedrijfswebsite of persoonlijke blog.

Drie verschillende apparaten waarop het Twenty Twenty-One-thema wordt weergegeven

De hoofd-kolombreedte is tot 610 pixels breed op een laptopscherm van 1440 pixels. De blokbreedte van ‘Breed’ is tot 1240 pixels en de blokbreedte van ‘Volledig’ beslaat de volledige breedte van het scherm. Snelle specificaties (alle afmetingen in pixels):

  1. De hoofd-kolombreedte met een lay-out van één kolom is tot 610 pixels op een laptopscherm van 1440 pixels.
  2. Er is een widgetgedeelte in de voettekst met een breedte van 1040 pixels.
  3. De aanbevolen afmeting van uitgelichte afbeeldingen is 2000 pixels breed en 1200 pixels hoog.

Patronen

Twenty Twenty-One is voorzien van ondersteuning voor verschillende prachtige blokpatronen. Pas de patronen naar jouw voorkeuren aan met de tekst, afbeeldingen en kleuren die bij jouw verhaal of merk passen.

Volledige ondersteuning voor de blokeditor

De blokeditor in Twenty Twenty-One

De blokeditor in Twenty Twenty-One

Twenty Twenty-One is ontwikkeld om van iedere functie van de blokeditor gebruik te maken. T

wenty Twenty-One bevat volledige editorstijlen voor de blokeditor. Wat je ziet in de editor komt overeen met het eindresultaat. Daarnaast bevat het thema een volledige reeks aangepaste kleuren en lettertypen, en ondersteuning voor brede blokken en blokken met volledige weergave in de breedte.

Aangepaste achtergrondkleuren

Twenty Twenty-One biedt je verschillende voorgeselecteerde kleurpaletten (pastel) die allemaal voldoen aan de AAA-normen voor contrast. Je kan ook je eigen achtergrondkleur voor het thema kiezen. Het thema kiest dan automatisch tekstkleuren voor je uit die de toegankelijkheid van de website bevorderen.

Een regenboog met zachte pastelkleuren

Ga naar Aanpastool → Kleuren om de achtergrondkleur te wijzigen.

Wijzig de achtergrondkleur van de website met behulp van de aanpastool

De achtergrondkleur door middel van de Aanpastool bewerken

De kleuren van de elementen op je site worden automatisch berekend op basis van de achtergrondkleuren die je kiest. Hierdoor is het kleurencontrast altijd hoog genoeg zodat de tekst voor alle bezoekers leesbaar is.

Nachtmodus

Twenty Twenty-One is het eerste standaardthema dat de nachtmodus ondersteunt. Ga naar de Aanpastool > Kleuren en Nachtmodus om de ondersteuning voor de nachtmodus in te schakelen.

Aanpastool waarbij de schakelinstelling voor de nachtmodus wordt weergegeven

Widgets

Twenty Twenty–One ondersteunt widgets onder de content van de website in de voettekst.

Content toevoegen aan je homepage

Twenty Twenty-One ondersteunt de blokeditor volledig. Je kan elk beschikbaar blok kiezen om veel verschillende content toe te voegen aan je site. Hieronder zie je, blok voor blok, hoe we de homepage van de demo-site hebben gebouwd:

Twenty Twenty-One ondersteunt een Sitelogo, dat ideaal is voor een avatar van een persoonlijke blog of je bedrijfslogo of -pictogram. Je kan deze als volgt op je site aanpassen:

  1. Open Mijn site → Aanpassen en klik op het gedeelte Site-identiteit.
  2. Klik op de knop Logo toevoegen om de media-manager te openen.
  3. Upload een nieuwe afbeelding of kies er een die al in je mediabibliotheek staat.
  4. Klik op Instellen als logo. Het logo wordt nu weergegeven in de voorbeeldweergave.
  5. Klik bovenaan op de knop Publiceren om je wijzigingen op te slaan.

Social media-pictogrammen toevoegen

Twenty Twenty–One biedt ook de mogelijkheid om een secundair menu net boven de voettekst in te stellen; een goede plaats om links naar je social media toe te voegen, die dan als logo’s worden weergegeven:

Social media-pictogrammen

Voor deze links moet je eerst een Menu met links naar social media aanmaken. https://youtu.be/3rTooGV_mlg Daarna geef je aan waar het menu moet komen:

  1. Ga naar Aanpassen → Menu.
  2. Selecteer het venster Menu-locaties.
  3. Wijs het menu dat je hebt aangemaakt toe aan de Locatie voor links naar social media.
  4. Klik bovenaan op de knop Publiceren om je wijzigingen op te slaan.

Het Menu met social media-pictogrammen van Twenty Twenty-One bevat pictogrammen voor:

  • Behance
  • CodePen
  • DeviantArt
  • DockerHub
  • Digg
  • Dribbble
  • Dropbox
  • Facebook
  • Flickr
  • Foursquare
  • GitHub
  • Google+
  • Instagram
  • LinkedIn
  • Meanpath
  • Gemiddeld
  • Pinterest
  • Periscope
  • Pocket
  • Reddit
  • Skype
  • SlideShare
  • Snapchat
  • SoundCloud
  • Spotify
  • StumbleUpon
  • Tumblr
  • Twitch
  • Twitter
  • Vimeo
  • Vine
  • VK
  • WordPress
  • Yelp
  • YouTube

Dit thema kan worden gedownload, zodat je hem op je zelf-gehoste WordPress kunt gebruiken.

Downloaden
Heb je vragen over dit thema?Kies dit ontwerp en begin een site bij ons. Wij kunnen je helpen!
Schermafbeelding van het thema Twenty Twenty-One