314 blokken voor de WordPress-blokeditor

Academic Works Gratis

Portfolio-items zoals het academische ontwerp ze weergeeft: boekrijen, tijdschriftartikelkaarten en de eigen gegevens van het item op de pagina.

Agency Works Gratis

Toon portfolioprojecten als carrousel of raster in agency-stijl, of toon een losse projectpagina (kenmerken, contact-CTA, gerelateerde projecten).

Bekijk het live: Agency Works op Portfolio (opent in een nieuw tabblad)

Blog Archive Loop Gratis

Blog-loop voor de hoofdquery (index, categorie, tag, auteur, datum). Gebruikt de blog-entry-partials van het thema en paginering.

Bekijk het live: Blog Archive Loop op Home (opent in een nieuw tabblad) Instellingen van het Blog Archive Loop-blok in de documentatie

Blog Loop Gratis

Samenstelbare blogberichtenlus. Stel de kaart per bericht samen uit de blokken Post Image/Title/Meta/Excerpt; de container, paginering en tijdlijnvormgeving worden door de layout bepaald.

Bekijk het live: Blog Loop op Blog | Raster (opent in een nieuw tabblad) Instellingen van het Blog Loop-blok in de documentatie

Blog Single Post Gratis

Layout voor een enkel blogbericht (titel, meta, afbeelding, inhoud, tags, delen, navigatie, auteur, reacties, gerelateerd + zijbalk). Voor single.html.

Instellingen van het Blog Single Post-blok in de documentatie

Construction Projects Gratis

Toon projecten uit het berichttype Projects als portfoliogrid (2 tot 5 kolommen), of render een enkele projectpagina (kenmerken, contact-CTA, gerelateerde projecten).

Bekijk het live: Construction Projects op Projecten | 5 kolommen (opent in een nieuw tabblad)

Illustrator Works Gratis

Portfolio-items als een filterbaar raster van vierkante kaarten met gekleurde kaders, of de onderdelen van een enkele projectpagina.

Bekijk het live: Illustrator Works op Home (opent in een nieuw tabblad)

Interior Projects Gratis

Toon studioprojecten uit het berichttype Projects als filterbaar portfoliorooster, of geef een enkele projectpagina weer (detailszijbalk, consultatie-CTA, gerelateerde projecten).

Bekijk het live: Interior Projects op Stonecroft (opent in een nieuw tabblad)

Law Firm Cases Gratis

Toon projecten uit het Portfolio-posttype als kaarten, of geef één projectpagina weer (kenmerken, contact-CTA, gerelateerde projecten).

Bekijk het live: Law Firm Cases op Recente cases (opent in een nieuw tabblad)

Photo Shots Gratis

Toon foto's uit het berichttype Shots als uitklapbaar voorvertoningsraster, of toon een afzonderlijke shotpagina (kader, opnamedetails, cta voor aanvragen, gerelateerde shots).

Bekijk het live: Photo Shots op Verkennen (opent in een nieuw tabblad)

Post Archive Index Gratis

Elk record met een datum en titel, optioneel gegroepeerd per jaar en maand: de index met “alles wat we hebben gepubliceerd”.

Instellingen van het Post Archive Index-blok in de documentatie

Post Author Gratis

Toont de auteursbiokaart van het huidige bericht met avatar, weergavenaam en biografische beschrijving.

Bekijk het live: Post Author op Het trage web: waarom de beste leeservaringen steeds rustiger worden (opent in een nieuw tabblad) Instellingen van het Post Author-blok in de documentatie

Post Comments Gratis

Toont het WordPress-reactiesjabloon inclusief de reactielijst en het reactieformulier.

Bekijk het live: Post Comments op Het trage web: waarom de beste leeservaringen steeds rustiger worden (opent in een nieuw tabblad) Instellingen van het Post Comments-blok in de documentatie

Post Content Gratis

Toont de volledige inhoud van de huidige post, en voert alle contentfilters uit, inclusief shortcodes en embeds.

Bekijk het live: Post Content op Dit is een standaardbericht met een voorbeeldafbeelding (opent in een nieuw tabblad) Instellingen van het Post Content-blok in de documentatie

Post Date Gratis

De publicatiedatum van het bericht op zichzelf, voor een byline die de metalijst niet kan weergeven.

Bekijk het live: Post Date op Het trage web: waarom de beste leeservaringen steeds rustiger worden (opent in een nieuw tabblad) Instellingen van het Post Date-blok in de documentatie

Post Excerpt Gratis

Toont een samenvatting van het huidige bericht, ingekort op woordgrens, met een instelbare lengte.

Bekijk het live: Post Excerpt op Blog | Raster (opent in een nieuw tabblad) Instellingen van het Post Excerpt-blok in de documentatie

Post Image Gratis

Toont de uitgelichte afbeelding van het huidige bericht in een instelbaar formaat, optioneel met een link naar de permalink.

Bekijk het live: Post Image op Blog | Gemengde feed (opent in een nieuw tabblad) Instellingen van het Post Image-blok in de documentatie

Post Media Gratis

Het mediavak bovenaan het huidige bericht: de uitgelichte afbeelding, video- of audio-embed, galerijslider, miniatuurraster, citaat, link of statuskaart, gekozen op basis van het berichtformaat.

Bekijk het live: Post Media op Blog | Tijdlijn linker zijbalk (opent in een nieuw tabblad) Instellingen van het Post Media-blok in de documentatie

Post Meta Gratis

Toont instelbare berichtmetadata, waaronder datum, auteur, categorieën en aantal reacties.

Bekijk het live: Post Meta op Blog | Gemengde feed (opent in een nieuw tabblad) Instellingen van het Post Meta-blok in de documentatie

Post Navigation Gratis

Toont navigatielinks naar het vorige en volgende bericht voor het huidige bericht.

Bekijk het live: Post Navigation op Het trage web: waarom de beste leeservaringen steeds rustiger worden (opent in een nieuw tabblad) Instellingen van het Post Navigation-blok in de documentatie

Post Read More Gratis

Toont een 'Lees meer'-link of -knop die verwijst naar de permalink van de huidige post.

Bekijk het live: Post Read More op Home (opent in een nieuw tabblad) Instellingen van het Post Read More-blok in de documentatie

Post Reading Bar Gratis

Toont de leestijd en de bedieningselementen voor lettergrootte, printen en delen met scrollen voor het huidige bericht.

Bekijk het live: Post Reading Bar op Dit is een standaardbericht met een voorbeeldafbeelding (opent in een nieuw tabblad) Instellingen van het Post Reading Bar-blok in de documentatie

Post Reading Time Gratis

Hoe lang het lezen van het item duurt, berekend uit de eigen tekst.

Bekijk het live: Post Reading Time op Het trage web: waarom de beste leeservaringen steeds rustiger worden (opent in een nieuw tabblad) Instellingen van het Post Reading Time-blok in de documentatie

Post Related Gratis

Toont een raster met gerelateerde berichten uit dezelfde categorieën als het huidige bericht.

Bekijk het live: Post Related op Het trage web: waarom de beste leeservaringen steeds rustiger worden (opent in een nieuw tabblad) Instellingen van het Post Related-blok in de documentatie

Post Share Gratis

Toont links om de huidige post te delen op sociale media, met instelbare netwerken, stijl en grootte.

Bekijk het live: Post Share op Event Single (opent in een nieuw tabblad) Instellingen van het Post Share-blok in de documentatie

Post Terms Gratis

Toont taxonomietermen (categorieën of tags) voor het huidige bericht, met de stijl tekst, badge, pil, tagcloud of inline-categorie.

Bekijk het live: Post Terms op Blog | Gemengde feed (opent in een nieuw tabblad) Instellingen van het Post Terms-blok in de documentatie

Post Title Gratis

Toont de huidige berichttitel in een instelbare koptag, met een optionele link naar de permalink.

Bekijk het live: Post Title op Blog | Gemengde feed (opent in een nieuw tabblad) Instellingen van het Post Title-blok in de documentatie

Post Table of Contents Gratis

Een inhoudsopgave van de eigen koppen van het bericht, met werkende ankers en een markering die de lezer volgt.

Bekijk het live: Post Table of Contents op Een praktische gids voor design tokens die een rebrand overleven (opent in een nieuw tabblad) Instellingen van het Post Table of Contents-blok in de documentatie

Berichten Gratis

Haal berichten op en toon ze in verschillende layouts, waaronder raster, lijst, masonry en tijdlijn. Ondersteunt filteren op categorie, tag, aangepast berichttype en sorteren.

Bekijk het live: Berichten op Blog | Raster (opent in een nieuw tabblad) Instellingen van het Berichten-blok in de documentatie

Recent Comments Gratis

De nieuwste goedgekeurde reacties van de hele site, elk met de avatar, naam en openingswoorden van de reageerder, en een link naar de reactiedraad.

Bekijk het live: Recent Comments op Widgets (opent in een nieuw tabblad) Instellingen van het Recent Comments-blok in de documentatie

Resume Works Gratis

Toon projecten uit het berichttype Works als compacte lijst of als tegelraster, of toon één projectpagina (kenmerken, CTA, gerelateerde projecten).

Bekijk het live: Resume Works op Works (opent in een nieuw tabblad)

Background Video / Audio Gratis

Een zelf gehoste, lussende video- of audiolaag voor een hero, sectieachtergrond of ontworpen speler. Levert alleen het media-element, zodat de wrapper die het positioneert van jou blijft.

Bekijk het live: Background Video / Audio op Mediacties (opent in een nieuw tabblad) Instellingen van het Background Video / Audio-blok in de documentatie

Cascading Images Inbegrepen bij elk abonnement

Gelaagde beeldcompositie met per afbeelding instelbare verplaatsing, rotatie, schaal, z-index, animatievertraging en optionele decoratieve achtergrondvormen.

Bekijk het live: Cascading Images op Cascading Images (opent in een nieuw tabblad) Instellingen van het Cascading Images-blok in de documentatie

Chart Inbegrepen bij elk abonnement

Teken een grafiek op basis van een dataset die je zelf aanlevert, zodat cijfers uit een rapport of prijsvergelijking in één oogopslag te lezen zijn. Het grafiektype, de data en de labels komen allemaal uit de configuratie die je invoert.

Bekijk het live: Chart op Diensten - Layout 1 (opent in een nieuw tabblad) Instellingen van het Chart-blok in de documentatie

Circle Stack Inbegrepen bij elk abonnement

Een horizontale rij ronde avatars, iconen of tekstbadges: ideaal voor teasers met het team, social proof en aantallen volgers.

Bekijk het live: Circle Stack op Circle Stacks (opent in een nieuw tabblad) Instellingen van het Circle Stack-blok in de documentatie

Klanten Gratis

Toon klant-, partner- of merklogo's in een responsive grid of owl-carousel, met optionele link en lightbox-ondersteuning.

Bekijk het live: Klanten op Klanten (opent in een nieuw tabblad) Instellingen van het Klanten-blok in de documentatie

Data Table Inbegrepen bij elk abonnement

Rijen en kolommen met gestructureerde informatie indelen, zoals een specificatielijst of een abonnementsvergelijking, met kolomkoppen waarop bezoekers kunnen sorteren en een optionele samenvattingsrij onderaan.

Bekijk het live: Data Table op Gebruikersprofiel (opent in een nieuw tabblad) Instellingen van het Data Table-blok in de documentatie

Map Gratis

Een Google Maps- of OpenStreetMap-kaart met aangepaste markers, zoomniveau en, bij Google Maps, overschrijvingen voor kaarttype en stijl.

Bekijk het live: Map op Kaarten (opent in een nieuw tabblad) Instellingen van het Map-blok in de documentatie

Hover Card Gratis

Afbeeldingskaart die in 3D kantelt onder de muisaanwijzer, met een titel en categoriebijschrift die naar de kijker toe bewegen.

Bekijk het live: Hover Card op Hover Parallax (opent in een nieuw tabblad) Instellingen van het Hover Card-blok in de documentatie

Icon Browser Gratis

Doorzoekbaar referentieraster van elk icoon in de ingeschakelde icoonpakketten.

Bekijk het live: Icon Browser op Iconen (opent in een nieuw tabblad) Instellingen van het Icon Browser-blok in de documentatie

Inline SVG Gratis

Vectorpictogram getekend aan de hand van SVG-padgegevens, met grootte, kleur, viewBox en opaciteit per laag als bedieningselementen in de zijbalk.

Bekijk het live: Inline SVG op Prijzen (opent in een nieuw tabblad) Instellingen van het Inline SVG-blok in de documentatie

Link Tiles Gratis

Een raster van tegels met icoon en label, die elk naar een pagina linken. Tegels die naar een pagina verwijzen die niet bestaat, worden weggelaten.

Bekijk het live: Link Tiles op Lijstgroepen & kaarten (opent in een nieuw tabblad) Instellingen van het Link Tiles-blok in de documentatie

Lists & Cards Gratis

Op Bootstrap gebaseerde lijstgroepen en kaarten met meerdere stijlen, kleuren en indelingen.

Bekijk het live: Lists & Cards op Lijstgroepen & kaarten (opent in een nieuw tabblad) Instellingen van het Lists & Cards-blok in de documentatie

Media Embed Gratis

Plaats een video- of audioplayer op de pagina vanuit een hostingdienst, vanuit een bestand dat je hebt geüpload, of vanuit een embedadres dat een aanbieder je heeft gegeven, met de beeldverhouding die je kiest.

Bekijk het live: Media Embed op Media-embeds (opent in een nieuw tabblad) Instellingen van het Media Embed-blok in de documentatie

Nav Tree Gratis

Een ingesprongen linkboom met meerdere niveaus: de navigatielijst die een zijpaneel of documentatie-zijbalk gebruikt.

Instellingen van het Nav Tree-blok in de documentatie

Navbar Gratis

Inklapbare navigatiebalk met een merknaam, hamburgerknop, dropdownlinks en optioneel een zoekformulier, knop of tekst aan het einde.

Bekijk het live: Navbar op Navigatie (opent in een nieuw tabblad) Instellingen van het Navbar-blok in de documentatie

Overlay Content Gratis

Een inhoudslaag binnen een overlay: uitgelijnd, optioneel gemaskeerd, met triggericonen en geneste blokken.

Bekijk het live: Overlay Content op Item-overlays (opent in een nieuw tabblad) Instellingen van het Overlay Content-blok in de documentatie

Overlay Item Gratis

Een afbeeldingskaart met een overlay erbovenop: een badge, een kleurlaag en een of meer lagen met overlay-inhoud.

Bekijk het live: Overlay Item op Item-overlays (opent in een nieuw tabblad) Instellingen van het Overlay Item-blok in de documentatie

Paginatitel Gratis

De Paginatitel- / hero-balk. Plaats er een kop, ondertitel en broodkruimels in; kies de uitlijning, een achtergrondafbeelding, parallax en een donker kleurenschema.

Bekijk het live: Paginatitel op Paginatitel linksuitgelijnde indeling (opent in een nieuw tabblad) Instellingen van het Paginatitel-blok in de documentatie

Page Title Buttons Gratis

Actieknoppen in de paginatitelbalk. Leest de eigen knoppen van elke pagina in de dynamische modus, of toont de knoppen die je hier zelf toevoegt. Een knop zonder link wordt een scrolltrigger.

Bekijk het live: Page Title Buttons op Knoppen (opent in een nieuw tabblad) Instellingen van het Page Title Buttons-blok in de documentatie

Particles Gratis

Een geanimeerde deeltjesachtergrondlaag voor een sectie: lijnennet, sterrenveld, bellen, sneeuw of low poly.

Bekijk het live: Particles op Particles (opent in een nieuw tabblad) Instellingen van het Particles-blok in de documentatie

Preloader Gratis

Een geanimeerde CSS-laadindicator in een van de laadstijlen van het ontwerpsysteem.

Bekijk het live: Preloader op Preloaders (opent in een nieuw tabblad) Instellingen van het Preloader-blok in de documentatie

Pricing Switcher Inbegrepen bij elk abonnement

Schakelaar waarmee je de prijsweergave tussen maandelijks en jaarlijks (of een andere weergave met twee standen) wisselt over gekoppelde Pricing Table-blokken.

Bekijk het live: Pricing Switcher op Prijzen (opent in een nieuw tabblad) Instellingen van het Pricing Switcher-blok in de documentatie

Q&A Item Gratis

Eén vraag en het antwoord, elk met een eigen markering: de bouwsteen van een interview.

Bekijk het live: Q&A Item op Jane Doe over twintig jaar typeontwerp (opent in een nieuw tabblad) Instellingen van het Q&A Item-blok in de documentatie

Rounded Skill Gratis

Eén ronde vaardigheidsring die vol loopt tot zijn percentage en in het midden het cijfer, je eigen tekst, een icoon of een teller toont.

Bekijk het live: Rounded Skill op Pie & Skills (opent in een nieuw tabblad) Instellingen van het Rounded Skill-blok in de documentatie

Scroll Arrow Inbegrepen bij elk abonnement

Een geanimeerde pijl om naar beneden te scrollen voor hero-secties: scrolt soepel naar het anker van een doelsectie.

Bekijk het live: Scroll Arrow op Christmas Sale Store (opent in een nieuw tabblad) Instellingen van het Scroll Arrow-blok in de documentatie

Star Rating Gratis

Een sterrenbeoordeling die je instelt als één score. Ondersteunt halve sterren, aangepaste pictogrammen en een optioneel omhullend element.

Bekijk het live: Star Rating op Resultaten (opent in een nieuw tabblad) Instellingen van het Star Rating-blok in de documentatie

Testimonials Gratis

Toon wat klanten over je zeggen als raster, roterende carrousel of spraakbellen, met een auteur, een foto en een sterrenwaardering bij elk citaat.

Bekijk het live: Testimonials op Testimonials & Twitter (opent in een nieuw tabblad) Instellingen van het Testimonials-blok in de documentatie

Thumbnails Gratis

Raster met afbeeldingsminiaturen, met hover-effecten en optionele bijschriften. Ondersteunt lightbox en linkoverlays.

Instellingen van het Thumbnails-blok in de documentatie

Ticker Gratis

Scrollende aankondigingsticker met instelbare items, richting, snelheid en opmaak.

Bekijk het live: Ticker op Tickers (opent in een nieuw tabblad) Instellingen van het Ticker-blok in de documentatie

Twitter Feed Gratis

Een roterende feed van de nieuwste tweets van een account, die wordt opgehaald bij het laden van de pagina. Kies het account, het aantal tweets dat je wilt tonen en de opmaak van de widget.

Bekijk het live: Twitter Feed op Widgets (opent in een nieuw tabblad) Instellingen van het Twitter Feed-blok in de documentatie

Alert Gratis

Waarschuwings- en meldingsvakken met de Bootstrap alert- of Canvas style-msg-stijl. Ondersteunt gevulde, omlijnde en uitgebreide varianten met optioneel icoon en sluitknop.

Bekijk het live: Alert op Stijlvakken (opent in een nieuw tabblad) Instellingen van het Alert-blok in de documentatie

Button Gratis

Volledig uitgeruste knop met stijlvarianten, formaten, vormen, kleuren, pictogrammen, hover-effecten en schaduwopties.

Bekijk het live: Button op Knoppen (opent in een nieuw tabblad) Instellingen van het Button-blok in de documentatie

Code Highlight Inbegrepen bij elk abonnement

Codeblok met syntaxisaccentuering, aangedreven door Prism.js. Ondersteunt meer dan 15 talen met een optionele knop om de code naar het klembord te kopiëren.

Bekijk het live: Code Highlight op Code Highlighter (opent in een nieuw tabblad) Instellingen van het Code Highlight-blok in de documentatie

Counter Gratis

Geanimeerde teller voor getallen met pictogram, voor- en achtervoegsel en bijschriftlabel.

Bekijk het live: Counter op Tellers (opent in een nieuw tabblad) Instellingen van het Counter-blok in de documentatie

Divider Gratis

Horizontale scheidingslijn met optioneel icoon, stijlvarianten, uitlijning, vooraf ingestelde breedtes en ondersteuning voor scroll-naar-links.

Bekijk het live: Divider op Scheidingslijnen (opent in een nieuw tabblad) Instellingen van het Divider-blok in de documentatie

Dropcap Gratis

Opgemaakte initiaalletter met bijbehorende alinea-tekst. Ondersteunt varianten met kader, met rand, cirkel en cirkel met rand, met positionering links of rechts.

Bekijk het live: Dropcap op Koppen & dropcaps (opent in een nieuw tabblad) Instellingen van het Dropcap-blok in de documentatie

Heading Gratis

Gestijlde kop met optionele ondertitel. Ondersteunt de types Heading Block, Title Block, Emphasis Title en Fancy Title.

Bekijk het live: Heading op Koppen & dropcaps (opent in een nieuw tabblad) Instellingen van het Heading-blok in de documentatie

Highlight Gratis

Gemarkeerde tekst met instelbare stijlvarianten, waaronder markering, onderstreping, verloop, omlijning en alleen tekst. Ondersteunt optionele omringende tekst vóór en na en elke HTML-tag op blokniveau.

Instellingen van het Highlight-blok in de documentatie

Icon Box Gratis

Featurebox met icoon, titel en beschrijving. Ondersteunt meerdere iconenstijlen, maten, lay-outs en hovereffecten.

Bekijk het live: Icon Box op Uitgelichte boxen (opent in een nieuw tabblad) Instellingen van het Icon Box-blok in de documentatie

Icon List Gratis

Iconenlijst met repeater-items. Elk item heeft een icoon (CSS-klasse), een tekstlabel en een optionele link. Ondersteunt de maatvarianten standaard, groot en extra groot.

Bekijk het live: Icon List op Icon Lists (opent in een nieuw tabblad) Instellingen van het Icon List-blok in de documentatie

Login Form Inbegrepen bij elk abonnement

Geeft een WordPress-inlogformulier weer in de Canvas-stijl. Toont een welkomstbericht aan ingelogde gebruikers.

Bekijk het live: Login Form op Inloggen & registreren (opent in een nieuw tabblad) Instellingen van het Login Form-blok in de documentatie

Notification Gratis

Toon een toastmelding die wordt geactiveerd door op een knop te klikken of automatisch bij het laden van de pagina.

Bekijk het live: Notification op Meldingen (opent in een nieuw tabblad) Instellingen van het Notification-blok in de documentatie

Page Title Breadcrumbs Gratis

Toont een broodkruimelpad (Home > Parent > Current) voor de huidige pagina of het huidige bericht.

Bekijk het live: Page Title Breadcrumbs op Paginatitel linksuitgelijnde indeling (opent in een nieuw tabblad) Instellingen van het Page Title Breadcrumbs-blok in de documentatie

Page Title Heading Gratis

Geeft de titel van de pagina of het bericht weer als kop. Ondersteunt de bronmodi dynamisch (context) en statisch (letterlijk).

Bekijk het live: Page Title Heading op Paginatitel linksuitgelijnde indeling (opent in een nieuw tabblad) Instellingen van het Page Title Heading-blok in de documentatie

Page Title Subtitle Gratis

Geeft de paginaondertitel weer. Leest de _canvas_page_subtitle-meta in de dynamische modus, of toont aangepaste tekst in de statische modus.

Bekijk het live: Page Title Subtitle op Paginatitel linksuitgelijnde indeling (opent in een nieuw tabblad) Instellingen van het Page Title Subtitle-blok in de documentatie

Plain Image Gratis

Een kaal img-element (zonder figure-omhulsel) met exacte controle over de klassen, een optionele link en een optioneel retina-srcset-paar (2x).

Bekijk het live: Plain Image op Shape Dividers (opent in een nieuw tabblad) Instellingen van het Plain Image-blok in de documentatie

Portfolio Excerpt Inbegrepen bij elk abonnement

Toont een ingekorte samenvatting van het huidige portfolio-item.

Bekijk het live: Portfolio Excerpt op Open Imagination (opent in een nieuw tabblad) Instellingen van het Portfolio Excerpt-blok in de documentatie

Pricing Table Inbegrepen bij elk abonnement

Flexibele prijskaart. Ondersteunt de lay-outs default, simple, minimal en extended, met optionele prijsschakelaar, functielijst en CTA-knop.

Bekijk het live: Pricing Table op Prijzen (opent in een nieuw tabblad) Instellingen van het Pricing Table-blok in de documentatie

Process Steps Gratis

Genummerde of pictogramstapindicatoren met gestreepte verbindingslijnen. Schakelt optioneel tabinhoud van Bootstrap 5 in, met navigatie naar vorige en volgende.

Bekijk het live: Process Steps op Process Steps (opent in een nieuw tabblad) Instellingen van het Process Steps-blok in de documentatie

Progress Bar Gratis

Geanimeerde vaardigheids-/voortgangsbalk met percentageteller, horizontale of verticale oriëntatie en Bootstrap-streeppatronen.

Bekijk het live: Progress Bar op Voortgangsbalken & vaardigheden (opent in een nieuw tabblad) Instellingen van het Progress Bar-blok in de documentatie

Promo Box Gratis

Promotiebox met call-to-action, met koptekst, subtekst en CTA-knop. Ondersteunt de stijlen standaard, rand, licht en donker.

Bekijk het live: Promo Box op Promoboxen (opent in een nieuw tabblad) Instellingen van het Promo Box-blok in de documentatie

Citaat Gratis

Blockquote met standaardrand, icoonquote en stijlen met spraakbel. Ondersteunt omgekeerde uitlijning, citaatfooter en optionele overschrijvingen voor de kleur van rand en icoon.

Bekijk het live: Citaat op Citaten & blokcitaten (opent in een nieuw tabblad) Instellingen van het Citaat-blok in de documentatie

Lees meer Gratis

Inklapbaar contentgebied met geanimeerd uit- en inklappen via een link met “Lees meer”.

Bekijk het live: Lees meer op Lees meer (opent in een nieuw tabblad) Instellingen van het Lees meer-blok in de documentatie

Register Form Inbegrepen bij elk abonnement

Een gebruikersregistratieformulier in de Canvas-stijl. Vereist dat gebruikersregistratie is ingeschakeld in de WordPress-instellingen.

Bekijk het live: Register Form op Inloggen & registreren (opent in een nieuw tabblad) Instellingen van het Register Form-blok in de documentatie

Shape Divider Gratis

Decoratieve SVG-vormscheider voor overgangen tussen secties.

Bekijk het live: Shape Divider op Shape Dividers (opent in een nieuw tabblad) Instellingen van het Shape Divider-blok in de documentatie

Social Icons Gratis

Groep sociale-icoonlinks met hover-animatie, meerdere stijlen, formaten en optionele sticky-positionering.

Bekijk het live: Social Icons op Social Icons (opent in een nieuw tabblad) Instellingen van het Social Icons-blok in de documentatie

Stat List Gratis

Een lijst met cijfers, elk met een vetgedrukte waarde en een kort label, zoals jaren ervaring, lanceringen of onderscheidingen.

Bekijk het live: Stat List op Team (opent in een nieuw tabblad) Instellingen van het Stat List-blok in de documentatie

Styled Icon Gratis

Losse icoon met gevulde, omrande of vlakke stijl, vormvarianten, kleuropties en een optionele link.

Bekijk het live: Styled Icon op Gestileerde iconen (opent in een nieuw tabblad) Instellingen van het Styled Icon-blok in de documentatie

Team Member Gratis

Eén teamlid met foto, naam, functie, bio, sociale links en cijfers, als kaart, als rij in een teamlijst, als statistiekkaart, als gestapelde kaart of als leiderportret.

Bekijk het live: Team Member op Team (opent in een nieuw tabblad) Instellingen van het Team Member-blok in de documentatie

Accordion Gratis

Gestapelde panelen met titels die open- en dichtklappen, zodat een lange reeks vragen of naslagmateriaal op één pagina past en bezoekers alleen de onderdelen openklappen die ze nodig hebben.

Bekijk het live: Accordion op Toggles & Accordions (opent in een nieuw tabblad) Instellingen van het Accordion-blok in de documentatie

AJAX Button Gratis

Knop die externe inhoud via AJAX in een container laadt. Ondersteunt de invoegmodi achteraan toevoegen, vooraan toevoegen en vervangen.

Bekijk het live: AJAX Button op AJAX Button (opent in een nieuw tabblad) Instellingen van het AJAX Button-blok in de documentatie

Carrousel Gratis

Responsieve owl-carousel-slider met een aantal items per breakpoint, automatisch afspelen, navigatiepijlen, bolletjes, lightbox en ondersteuning voor lazy load.

Bekijk het live: Carrousel op Carrousel (opent in een nieuw tabblad) Instellingen van het Carrousel-blok in de documentatie

Countdown Inbegrepen bij elk abonnement

Aftel- of optelltimer, aangedreven door de jQuery countdown-plugin.

Bekijk het live: Countdown op Tellers (opent in een nieuw tabblad) Instellingen van het Countdown-blok in de documentatie

Flip Card Inbegrepen bij elk abonnement

Eén 3D flip card met een voorkant en een achterkant, elk met een eigen achtergrond, die omdraait bij hover.

Bekijk het live: Flip Card op Flip Cards (opent in een nieuw tabblad) Instellingen van het Flip Card-blok in de documentatie

Gallery Gratis

Afbeeldingsgalerij met masonry-ondersteuning, instelbare kolommen, regeling van de tussenruimte en optionele lightbox.

Bekijk het live: Gallery op Gallery (opent in een nieuw tabblad) Instellingen van het Gallery-blok in de documentatie

Cookie Consent Gratis

Cookietoestemmingsbalk met een modaal venster voor privacyvoorkeuren en toestemmingsschakelaars per dienst.

Bekijk het live: Cookie Consent op GDPR Layout 2 (opent in een nieuw tabblad) Instellingen van het Cookie Consent-blok in de documentatie

Hover 3D Gratis

Kaart met een CSS-perspectieftilteffect bij bewegen van de muis, aangedreven door de JS-module van het thema.

Instellingen van het Hover 3D-blok in de documentatie

Image Compare Inbegrepen bij elk abonnement

Schuifbalk voor voor/na-afbeeldingsvergelijking, met instelbare oriëntatie, offset, handvatstijl en labels aan de zijkant.

Bekijk het live: Image Compare op Image Compare (opent in een nieuw tabblad) Instellingen van het Image Compare-blok in de documentatie

Image Hotspot Inbegrepen bij elk abonnement

Interactieve afbeelding met geplaatste hotspotpinnen die tooltips tonen bij aanwijzen of klikken.

Bekijk het live: Image Hotspot op Image Hotspots (opent in een nieuw tabblad) Instellingen van het Image Hotspot-blok in de documentatie

Image Slider Inbegrepen bij elk abonnement

Op FlexSlider gebaseerde afbeeldingsslider met slide- of fade-animatie, automatisch afspelen, pijlen, bolletjes, miniatuurnavigatie en swipen op touchscreens.

Bekijk het live: Image Slider op Image Sliders (opent in een nieuw tabblad) Instellingen van het Image Slider-blok in de documentatie

Modal Inbegrepen bij elk abonnement

Open een modaal venster / pop-up via een knop of link, of open het automatisch bij het laden van de pagina.

Bekijk het live: Modal op Modal & popovers (opent in een nieuw tabblad) Instellingen van het Modal-blok in de documentatie

Nav Gratis

Een navigatiestrook met tabs, pills of onderstrepingsstijl, met actieve en uitgeschakelde statussen en dropdowns met één niveau.

Bekijk het live: Nav op Navigatie (opent in een nieuw tabblad) Instellingen van het Nav-blok in de documentatie

Off-Canvas Gratis

Een off-canvas schuifpaneel van Bootstrap 5 (start / end / top / bottom) dat wordt geopend door een knop of link.

Bekijk het live: Off-Canvas op Bootstrap Off-Canvas (opent in een nieuw tabblad) Instellingen van het Off-Canvas-blok in de documentatie

Pagination Gratis

Een pagineringsrij in de stijl cirkel, afgerond, pil, 3D, transparant of knop, in drie formaten en met elke uitlijning.

Bekijk het live: Pagination op Paginering & voortgangsbalken (opent in een nieuw tabblad) Instellingen van het Pagination-blok in de documentatie

Parallax Image Inbegrepen bij elk abonnement

Parallaxafbeeldingssectie over de volledige breedte met optionele overlay en inhoud.

Bekijk het live: Parallax Image op Parallax-elementen (opent in een nieuw tabblad) Instellingen van het Parallax Image-blok in de documentatie

Scroll Reveal Inbegrepen bij elk abonnement

Laat inhoud in beeld animeren terwijl je de pagina omlaag scrolt.

Instellingen van het Scroll Reveal-blok in de documentatie

Slider Inbegrepen bij elk abonnement

Voeg de Canvas Slider overal op de site in door hem te selecteren. Slides, effecten, navigatie en hoogte stel je in op de slider zelf.

Bekijk het live: Slider op Home Living & interieurdecoratie (opent in een nieuw tabblad) Instellingen van het Slider-blok in de documentatie

Tab Strip Gratis

Een tabbalk waarvan de panelen elders op de pagina gewone blokken zijn.

Bekijk het live: Tab Strip op Gebruikersprofiel (opent in een nieuw tabblad) Instellingen van het Tab Strip-blok in de documentatie

Tabs Gratis

Verdeel gerelateerde content over tabbladen met labels, zodat bezoekers één sectie tegelijk lezen. Zo blijft een lange vergelijking of specificatiepagina kort genoeg om snel te scannen.

Bekijk het live: Tabs op Tabs (opent in een nieuw tabblad) Instellingen van het Tabs-blok in de documentatie

Text Fill Scroll Inbegrepen bij elk abonnement

Vult de tekstkleur geleidelijk in terwijl het element in beeld scrollt.

Instellingen van het Text Fill Scroll-blok in de documentatie

Text Rotator Gratis

Geanimeerde roterende of getypte tekst binnen een kopelement.

Bekijk het live: Text Rotator op Koppen & dropcaps (opent in een nieuw tabblad) Instellingen van het Text Rotator-blok in de documentatie

Toggle Gratis

Verberg een stuk content achter een kop die bezoekers aanklikken om het te tonen, bijvoorbeeld voor een lang antwoord of een reeks termen die standaard niet veel ruimte op de pagina mogen innemen.

Bekijk het live: Toggle op Toggles & Accordions (opent in een nieuw tabblad) Instellingen van het Toggle-blok in de documentatie

Video Facade Gratis

Video-embed met lazy loading achter een miniatuurafbeelding; het iframe laadt pas na een klik, voor snellere pagina's.

Instellingen van het Video Facade-blok in de documentatie

YouTube Background Gratis

YouTube-video die als sfeervolle, geluidloze achtergrond achter content in een overlay speelt.

Bekijk het live: YouTube Background op Event Single | Video volledige breedte (opent in een nieuw tabblad) Instellingen van het YouTube Background-blok in de documentatie

Conference Tickets Inbegrepen bij elk abonnement

Prijsvakken voor een categorie ticketproducten, elk met een keuzelijst voor het aantal en een live link om toe te voegen aan de winkelwagen.

Bekijk het live: Conference Tickets op Tickets (opent in een nieuw tabblad) Instellingen van het Conference Tickets-blok in de documentatie

Store Price Filter Inbegrepen bij elk abonnement

Een prijsbereikschuif met twee handvatten die een productraster direct filtert.

Bekijk het live: Store Price Filter op Winkel met filters (opent in een nieuw tabblad) Instellingen van het Store Price Filter-blok in de documentatie

Wishlist Gratis

De producten die een klant heeft opgeslagen, met hun prijs, voorraad en een knop om ze aan de winkelwagen toe te voegen. Plaats het op de pagina die je kiest in Thema-opties, Wishlist.

Instellingen van het Wishlist-blok in de documentatie

Wishlist Button Gratis

Slaat het huidige product op in de verlanglijst van de klant. Gebruik het in productsjablonen en productkaarten.

Instellingen van het Wishlist Button-blok in de documentatie

Add to Cart Inbegrepen bij elk abonnement

Toont het WooCommerce-formulier om het huidige product aan de winkelwagen toe te voegen, met optioneel een invoerveld voor de hoeveelheid.

Bekijk het live: Add to Cart op Geruite korte jurk (opent in een nieuw tabblad) Instellingen van het Add to Cart-blok in de documentatie

Cart Table Inbegrepen bij elk abonnement

Toont de WooCommerce-winkelwagentabel met productregels, aantallen en totalen.

Bekijk het live: Cart Table op Winkelwagen (opent in een nieuw tabblad) Instellingen van het Cart Table-blok in de documentatie

Cart Totals Inbegrepen bij elk abonnement

Toont het totalenpaneel van de WooCommerce-winkelwagen met subtotaal, verzendkosten en de knop om af te rekenen.

Bekijk het live: Cart Totals op Winkelwagen (opent in een nieuw tabblad) Instellingen van het Cart Totals-blok in de documentatie

Checkout Billing Inbegrepen bij elk abonnement

Toon het WooCommerce-formulier voor het factuuradres bij het afrekenen.

Instellingen van het Checkout Billing-blok in de documentatie

Checkout Order Review Inbegrepen bij elk abonnement

Toont de bestelcontrole van de WooCommerce-afrekening, met regelitems en totalen.

Instellingen van het Checkout Order Review-blok in de documentatie

Cross-Sells Inbegrepen bij elk abonnement

Toont cross-sellproducten uit de huidige WooCommerce-winkelwagen. Wordt alleen weergegeven wanneer de winkelwagen actief is en cross-sellproducten bevat.

Bekijk het live: Cross-Sells op Winkelwagen (opent in een nieuw tabblad) Instellingen van het Cross-Sells-blok in de documentatie

WooCommerce Notices Inbegrepen bij elk abonnement

Toont WooCommerce-meldingen: fouten, succesberichten of informatieve meldingen.

Bekijk het live: WooCommerce Notices op Winkelwagen (opent in een nieuw tabblad) Instellingen van het WooCommerce Notices-blok in de documentatie

Product Carousel Inbegrepen bij elk abonnement

Toont WooCommerce-producten in een scrollbare owl-carousel. Ondersteunt automatisch afspelen, navigatiepijlen, bolletjes en responsieve breekpunten.

Bekijk het live: Product Carousel op Carrousel (opent in een nieuw tabblad) Instellingen van het Product Carousel-blok in de documentatie

Product Categories Inbegrepen bij elk abonnement

Toont WooCommerce-productcategorieën als een responsief kaartenraster met miniaturen, namen en productaantallen.

Bekijk het live: Product Categories op Blauw T-shirt met ronde hals (opent in een nieuw tabblad) Instellingen van het Product Categories-blok in de documentatie

Product Gallery Linker Inbegrepen bij elk abonnement

Een miniatuurstrip die de productgalerij-carrousel naar de afbeelding brengt waarop je klikt.

Bekijk het live: Product Gallery Linker op Aviator-zonnebril voor heren (opent in een nieuw tabblad) Instellingen van het Product Gallery Linker-blok in de documentatie

Product Images Inbegrepen bij elk abonnement

Toont de uitgelichte productafbeelding van WooCommerce en optionele galerijminiaturen.

Bekijk het live: Product Images op Geruite korte jurk (opent in een nieuw tabblad) Instellingen van het Product Images-blok in de documentatie

Product Meta Inbegrepen bij elk abonnement

Toont de productmetakaart: SKU, categorieën en tags.

Bekijk het live: Product Meta op Geruite korte jurk (opent in een nieuw tabblad) Instellingen van het Product Meta-blok in de documentatie

Product Price Inbegrepen bij elk abonnement

Toont de WooCommerce-productprijs, inclusief aanbiedingsprijs en valutaopmaak.

Bekijk het live: Product Price op Geruite korte jurk (opent in een nieuw tabblad) Instellingen van het Product Price-blok in de documentatie

Product Rating Inbegrepen bij elk abonnement

Toont de sterrenwaardering en optioneel het aantal reviews voor het huidige WooCommerce-product.

Bekijk het live: Product Rating op Geruite korte jurk (opent in een nieuw tabblad) Instellingen van het Product Rating-blok in de documentatie

Product Share Inbegrepen bij elk abonnement

Toont de kaart “Delen:” met links om het huidige WooCommerce-product te delen op sociale media.

Bekijk het live: Product Share op Geruite korte jurk (opent in een nieuw tabblad) Instellingen van het Product Share-blok in de documentatie

Product Short Description Inbegrepen bij elk abonnement

Toont de korte productbeschrijving met de alinea-opmaak ongewijzigd.

Bekijk het live: Product Short Description op Geruite korte jurk (opent in een nieuw tabblad) Instellingen van het Product Short Description-blok in de documentatie

Product Tabs Inbegrepen bij elk abonnement

Toont de productgegevenstabbladen van WooCommerce: Beschrijving, Aanvullende informatie en Beoordelingen.

Bekijk het live: Product Tabs op Geruite korte jurk (opent in een nieuw tabblad) Instellingen van het Product Tabs-blok in de documentatie

Producten Inbegrepen bij elk abonnement

WooCommerce-producten weergeven in een raster- of lijstindeling. Filteren op bron, categorie, tag en sortering.

Bekijk het live: Producten op Producten (opent in een nieuw tabblad) Instellingen van het Producten-blok in de documentatie

Related Products Inbegrepen bij elk abonnement

Toont een raster met WooCommerce-producten die gerelateerd zijn aan het huidige product. Wordt alleen weergegeven op sjablonen voor enkele producten.

Bekijk het live: Related Products op Geruite korte jurk (opent in een nieuw tabblad) Instellingen van het Related Products-blok in de documentatie

Variation Swatches Inbegrepen bij elk abonnement

Kleurstippen of pillknoppen waarmee de variatie van een variabel product wordt gekozen.

Bekijk het live: Variation Swatches op Pink Printed Dress (opent in een nieuw tabblad) Instellingen van het Variation Swatches-blok in de documentatie

App Menu Gratis

Een navigatiebalk in app-stijl die op kleine apparaten onderaan het scherm is vastgezet.

Bekijk het live: App Menu op Menu - App Style 1 (opent in een nieuw tabblad) Instellingen van het App Menu-blok in de documentatie

Color Scheme Toggle Gratis

De schakelaar voor de donkere modus voor bezoekers. Wordt op de site getoond zolang de Dark Mode Switch is ingeschakeld in Thema-opties > Kleurenschema > Dark Mode, met een plaatsing die de header omvat.

Instellingen van het Color Scheme Toggle-blok in de documentatie

Header Button Gratis

Een call-to-action-knop/link voor een gebouwde header, opgemaakt met de knopklassen van het thema.

Bekijk het live: Header Button op Home (opent in een nieuw tabblad) Instellingen van het Header Button-blok in de documentatie

Header Cart Gratis

Het minipwinkelwagenpictogram + dropdown van WooCommerce voor een opgebouwde header. Geeft niets weer als WooCommerce niet actief is.

Bekijk het live: Header Cart op Home (opent in een nieuw tabblad) Instellingen van het Header Cart-blok in de documentatie

Header Container Gratis

De root van een opgebouwde header: sleep er een Logo, Navigatie en andere headeronderdelen in.

Bekijk het live: Header Container op Italiaans restaurant (opent in een nieuw tabblad) Instellingen van het Header Container-blok in de documentatie

Header Icon Link Gratis

Een enkele link met alleen een icoon voor een opgebouwde header (verlanglijst, account, gebruiker, winkelwagen-trigger, inlogmodal), met de .header-misc-icon-markup.

Bekijk het live: Header Icon Link op Header SaaS (opent in een nieuw tabblad) Instellingen van het Header Icon Link-blok in de documentatie

Header Info Gratis

Een klein inline info- of contactelement (telefoon, e-mail, openingstijden of tekst) met een optioneel icoon en link voor een header die je hebt gebouwd.

Bekijk het live: Header Info op Menu - Style 7 (opent in een nieuw tabblad) Instellingen van het Header Info-blok in de documentatie

Header Logo Gratis

Het logo van de site voor een gebouwde header. Gebruikt standaard het Site Logo uit Thema-opties, of een zelfgekozen afbeelding.

Bekijk het live: Header Logo op Italiaans restaurant (opent in een nieuw tabblad) Instellingen van het Header Logo-blok in de documentatie

Header Navigation Gratis

Het primaire navigatiemenu voor een opgebouwde header. Kies een menu en uitlijning.

Bekijk het live: Header Navigation op Italiaans restaurant (opent in een nieuw tabblad) Instellingen van het Header Navigation-blok in de documentatie

Header Root Gratis

Het buitenste element van een gebouwde header: draagt variantklassen en data-sticky-*-attributen die het sticky-header-script van het thema leest. Plaats de #header-wrap-groep (en eventuele andere headerinhoud) erin.

Bekijk het live: Header Root op Home (opent in een nieuw tabblad) Instellingen van het Header Root-blok in de documentatie

Header Search Gratis

The header search toggle. Emits the #top-search trigger the theme search dropdown is wired to.

Bekijk het live: Header Search op Home (opent in een nieuw tabblad) Instellingen van het Header Search-blok in de documentatie

Header Shop Search Gratis

Een altijd zichtbaar productzoekveld voor een headerrij: het alternatief voor de zoekschakelaar in de header voor winkels en directory's. Kies een kaal veld met een rustend pictogram of een invoergroep met een verzendknop.

Bekijk het live: Header Shop Search op Header-directory (opent in een nieuw tabblad) Instellingen van het Header Shop Search-blok in de documentatie

Header Side Panel Trigger Gratis

Het headericoon dat het zijpaneel opent. Wordt alleen getoond zolang het Zijpaneel is ingeschakeld in Thema-opties.

Instellingen van het Header Side Panel Trigger-blok in de documentatie

Header Social Gratis

Een rij sociale en contactpictogramlinks voor een opgebouwde header, met de top-social-markup en -styling.

Bekijk het live: Header Social op Online modewinkel - Shop-zijbalk (opent in een nieuw tabblad) Instellingen van het Header Social-blok in de documentatie

Header Topbar Gratis

De smalle hulprij boven een gebouwde header (#top-bar): zet er Top Links, Header Social, Header Info of een Language Switcher in.

Instellingen van het Header Topbar-blok in de documentatie

Header Wishlist Gratis

Een hartje in de header dat linkt naar de verlanglijst en laat zien hoeveel producten er zijn opgeslagen.

Instellingen van het Header Wishlist-blok in de documentatie

Header Zone Gratis

Een positioneringsvak binnen een Header Container-rij: zet er een Logo, Navigation of een kleine groep headeronderdelen in en gebruik daarna de velden voor uitlijning, volgorde en zichtbaarheid om het te plaatsen.

Bekijk het live: Header Zone op Italiaans restaurant (opent in een nieuw tabblad) Instellingen van het Header Zone-blok in de documentatie

Icon Nav List Gratis

Een verticale Bootstrap .nav-lijst met icoonlinks (nav-item > nav-link > icoon + tekst), gebruikt door off-canvas menupanelen.

Bekijk het live: Icon Nav List op Gebruikersprofiel (opent in een nieuw tabblad) Instellingen van het Icon Nav List-blok in de documentatie

Language Switcher Gratis

Een compacte taalkeuze-dropdown voor een gebouwde header: toont de huidige taal en somt de andere op, met de primary-menu with-arrows-markup.

Instellingen van het Language Switcher-blok in de documentatie

Mega Menu Column Inbegrepen bij elk abonnement

Een megamenukolom (.mega-menu-column): een kop met een linklijst, platte links of vrije widgetinhoud. Plaats er een of meer in een Row-blok als je megamenu-inhoud (Weergave > Menu's > Megamenu bepaalt nog steeds het type en de stijl van het buitenpaneel).

Bekijk het live: Mega Menu Column op Megamenu (opent in een nieuw tabblad) Instellingen van het Mega Menu Column-blok in de documentatie

Page Menu Gratis

Een paginanavigatiebalk onder de header, met sticky- en zijstippenvarianten: scrollen naar ankers op één pagina of gewone links. Gebruik er maar één per pagina.

Bekijk het live: Page Menu op Pagina met submenu (opent in een nieuw tabblad) Instellingen van het Page Menu-blok in de documentatie

Top Links Gratis

Het bovenbalk-linkmenu met optioneel dropdownmenu van één niveau, met de markup en styling van .top-links.

Bekijk het live: Top Links op Online modewinkel - Shop-zijbalk (opent in een nieuw tabblad) Instellingen van het Top Links-blok in de documentatie

Kolom Gratis

Een responsieve gridkolom (.col-*). Stel per breakpoint de breedte in en plaats er elke gewenste content in.

Bekijk het live: Kolom op Kolommen & rasters (opent in een nieuw tabblad) Instellingen van het Kolom-blok in de documentatie

Container Gratis

Een responsieve .container-wrapper. Plaats er rijen en kolommen in om sectie-indelingen op te bouwen.

Instellingen van het Container-blok in de documentatie

Copyrights Gratis

Een onderdeel van de copyrightbalk in de footer: de copyrightregel met de links, of het inline linkmenu. Voeg de Copyrights Bar-variant van de Wrapper in om beide naast elkaar te zetten.

Bekijk het live: Copyrights op Footer - Layout 2 (opent in een nieuw tabblad) Instellingen van het Copyrights-blok in de documentatie

Footer About Gratis

Een footer-kolom “Over” met logo, beschrijving en optioneel adres, met behulp van de .footer-logo-markup.

Bekijk het live: Footer About op Footer - Layout 2 (opent in een nieuw tabblad) Instellingen van het Footer About-blok in de documentatie

Footer Contacts Gratis

Grote contactrijen met label/waarde, met de markup en styling van .footer-big-contacts.

Bekijk het live: Footer Contacts op Footer - Indeling 3 (opent in een nieuw tabblad) Instellingen van het Footer Contacts-blok in de documentatie

Footer Instagram Gratis

Een footerwidget voor Instagram / fotostream: een masonry-raster van afbeeldingen met optionele links, met de .masonry-thumbs-opmaak.

Bekijk het live: Footer Instagram op Footer - Layout 4 (opent in een nieuw tabblad) Instellingen van het Footer Instagram-blok in de documentatie

Footer Widget Area Gratis

Het hoofdelement van een opgebouwde footer-widgetrij: plaats hierin de blokken Footer About, Widget Links, Footer Contacts, Inschrijven of Footer Instagram.

Bekijk het live: Footer Widget Area op Footer - Layout 2 (opent in een nieuw tabblad) Instellingen van het Footer Widget Area-blok in de documentatie

Grid Filter Inbegrepen bij elk abonnement

Categoriefilterbalk van Isotope (.grid-filter) die Isotope-filterbare rasters aanstuurt. Haal items op uit een taxonomie of een handmatige lijst.

Bekijk het live: Grid Filter op Stijlen voor portfoliofilter (opent in een nieuw tabblad) Instellingen van het Grid Filter-blok in de documentatie

Hero Gratis

Geeft de hero weer die elke pagina toewijst in het Hero-paneel, of één hero die je zelf kiest. Stel heroes samen onder Canvas → Heroes.

Bekijk het live: Hero op Secties (opent in een nieuw tabblad) Instellingen van het Hero-blok in de documentatie

Image Element Gratis

Een losse afbeelding zonder figuur of bijschrift eromheen, voor logo's en badges die inline naast andere inhoud staan.

Bekijk het live: Image Element op Home (opent in een nieuw tabblad) Instellingen van het Image Element-blok in de documentatie

Inline Contact Gratis

Een vlakke, inline reeks contactitems met icoon en tekst (e-mail, telefoon, Skype, enz.), gescheiden door middelpuntjes: de contactregel van de #copyrights-balk.

Bekijk het live: Inline Contact op Contact (opent in een nieuw tabblad) Instellingen van het Inline Contact-blok in de documentatie

Inline Text Gratis

Een stuk tekst dat direct binnen de container staat, zonder eigen alinea of span. Alleen inline-elementen.

Bekijk het live: Inline Text op Indeling volledige breedte (opent in een nieuw tabblad) Instellingen van het Inline Text-blok in de documentatie

Line Break Gratis

Een enkele regelafbreking als spatiëringsmiddel. Voeg responsieve classes toe in het Geavanceerd-paneel om de rij alleen op bepaalde schermformaten te laten breken.

Bekijk het live: Line Break op Hover Parallax (opent in een nieuw tabblad) Instellingen van het Line Break-blok in de documentatie

Paginatitel Gratis

Geeft de paginatitelbalk weer die elke pagina onder de header toont, zoals ingesteld in het Paginatitel-paneel van de pagina en in Thema-opties. De balk zelf is het sjabloondeel Paginatitel.

Bekijk het live: Paginatitel op Paginatitel linksuitgelijnde indeling (opent in een nieuw tabblad) Instellingen van het Paginatitel-blok in de documentatie

Quantity Input Gratis

Een .quantity-stepper: een getalveld met aan weerszijden knoppen voor min en plus. Statisch en productonafhankelijk, combineer met een knop voor een rij met “In winkelwagen”.

Bekijk het live: Quantity Input op Winkelwagenhoeveelheid (opent in een nieuw tabblad) Instellingen van het Quantity Input-blok in de documentatie

Row Gratis

Een rasterrij. Plaats Canvas Column-blokken erin om content in een responsief raster te plaatsen.

Bekijk het live: Row op Kolommen & rasters (opent in een nieuw tabblad) Instellingen van het Row-blok in de documentatie

Page Slider Gratis

Geeft de slider weer die elke pagina toewijst in het Slider-paneel, of een slider die je zelf kiest. Slides, effecten en hoogte worden ingesteld op de slider zelf.

Bekijk het live: Page Slider op Canvas Slider (opent in een nieuw tabblad) Instellingen van het Page Slider-blok in de documentatie

Widget Links Gratis

Een footer-linklijstkolom met de .widget_links-markup en -opmaak.

Bekijk het live: Widget Links op Widgets (opent in een nieuw tabblad) Instellingen van het Widget Links-blok in de documentatie

Wrapper Gratis

Een kaal HTML-element dat alleen de klassen draagt die je eraan toekent en andere blokken bevat. Gebruik het als een ontwerp een exact wrapperelement nodig heeft zonder extra editorklassen.

Bekijk het live: Wrapper op Secties (opent in een nieuw tabblad) Instellingen van het Wrapper-blok in de documentatie

Conferentieprogramma Inbegrepen bij elk abonnement

Sessieagenda met dagtabbladen, of een rij met kaarten voor aankomende evenementen, opgebouwd uit de eventrecords.

Bekijk het live: Conferentieprogramma op Canvas Development Conference (opent in een nieuw tabblad) Instellingen van het Conferentieprogramma-blok in de documentatie

Event Archive Grid Inbegrepen bij elk abonnement

Evenementenraster voor de hoofdquery (archief + categorie). Gebruikt de event-entry-grid-partial + gedeelde paginering.

Bekijk het live: Event Archive Grid op Evenementen (opent in een nieuw tabblad) Instellingen van het Event Archive Grid-blok in de documentatie

Event Categories Inbegrepen bij elk abonnement

Toont de categorieën die aan het huidige evenement zijn toegewezen. Ondersteunt tekst-, badge- en pill-stijlen. Wordt alleen weergegeven op het canvas_event-posttype.

Instellingen van het Event Categories-blok in de documentatie

Event Content Inbegrepen bij elk abonnement

Toont de volledige berichtinhoud van het huidige evenement via de filter the_content. Wordt alleen weergegeven bij het berichttype canvas_event.

Bekijk het live: Event Content op Event Single (opent in een nieuw tabblad) Instellingen van het Event Content-blok in de documentatie

Event Date Inbegrepen bij elk abonnement

Toont de start- en einddatum van het evenement met optionele tijd en agendapictogram. Wordt alleen weergegeven op het canvas_event-posttype.

Instellingen van het Event Date-blok in de documentatie

Event Excerpt Inbegrepen bij elk abonnement

Toont een ingekorte samenvatting van het huidige evenement.

Instellingen van het Event Excerpt-blok in de documentatie

Event Image Inbegrepen bij elk abonnement

Toont de uitgelichte afbeelding van het huidige evenement. Wordt alleen weergegeven bij het berichttype canvas_event.

Bekijk het live: Event Image op Event Single (opent in een nieuw tabblad) Instellingen van het Event Image-blok in de documentatie

Event Location Inbegrepen bij elk abonnement

Toont de naam en het adres van de evenementlocatie, met optioneel een Google Maps-link en een locatie-icoon. Wordt alleen weergegeven op het berichttype canvas_event.

Instellingen van het Event Location-blok in de documentatie

Event Meta Inbegrepen bij elk abonnement

Toont evenementmetadata: datum, locatie, organisator en prijs. Elk veld is apart in of uit te schakelen. Wordt alleen weergegeven op het berichttype canvas_event.

Bekijk het live: Event Meta op Event Single | Beide zijbalken (opent in een nieuw tabblad) Instellingen van het Event Meta-blok in de documentatie

Event Navigation Inbegrepen bij elk abonnement

Toont links naar het vorige en volgende evenement, met instelbare labels en optionele miniaturen. Wordt alleen weergegeven op het berichttype canvas_event.

Bekijk het live: Event Navigation op Event Single | Beide zijbalken (opent in een nieuw tabblad) Instellingen van het Event Navigation-blok in de documentatie

Event Organizer Inbegrepen bij elk abonnement

Toont de evenementorganisator met een optionele link naar hun website en een persoonspictogram. Wordt alleen weergegeven op het posttype canvas_event.

Instellingen van het Event Organizer-blok in de documentatie

Event Posts Inbegrepen bij elk abonnement

Haalt canvas_event-berichten op en toont ze in een responsief kaartenrooster. Ondersteunt filteren op aankomende, afgelopen of alle evenementen. Kan op elke pagina worden geplaatst.

Bekijk het live: Event Posts op Evenementenlijst (opent in een nieuw tabblad) Instellingen van het Event Posts-blok in de documentatie

Event Price Inbegrepen bij elk abonnement

Toont de evenementprijs, of een instelbaar label voor gratis wanneer er geen prijs is ingesteld. Ondersteunt tekst- en badgestijlen. Wordt alleen weergegeven op het berichttype canvas_event.

Instellingen van het Event Price-blok in de documentatie

Related Events Inbegrepen bij elk abonnement

Toont een raster met gerelateerde evenementen op basis van gedeelde categorieën. Wordt alleen weergegeven op het berichttype canvas_event.

Bekijk het live: Related Events op Spring Music Fest (opent in een nieuw tabblad) Instellingen van het Related Events-blok in de documentatie

Event Title Inbegrepen bij elk abonnement

Toont de huidige evenementtitel binnen een instelbare koptag, met optioneel een link naar de permalink. Wordt alleen weergegeven op het berichttype canvas_event.

Instellingen van het Event Title-blok in de documentatie

Events Calendar Inbegrepen bij elk abonnement

Een maandraster-kalender van je evenementen, met knoppen voor vorige, volgende en vandaag. Elke dag linkt naar de evenementen op die dag.

Bekijk het live: Events Calendar op Events Calendar (opent in een nieuw tabblad) Instellingen van het Events Calendar-blok in de documentatie

Portfolio Archive Grid Inbegrepen bij elk abonnement

Portfoliogrid voor de hoofdquery (archief + categorie). Gebruikt de partial portfolio-entry-grid + #portfolio-overlaygrid.

Bekijk het live: Portfolio Archive Grid op Portfolio (opent in een nieuw tabblad) Instellingen van het Portfolio Archive Grid-blok in de documentatie

Portfolio Categories Inbegrepen bij elk abonnement

Toont de taxonomiecategorieën die aan het huidige portfolioproject zijn toegewezen. Gebruik dit in de enkelvoudige portfoliosjablonen.

Bekijk het live: Portfolio Categories op Meridian Brand Identity (opent in een nieuw tabblad) Instellingen van het Portfolio Categories-blok in de documentatie

Portfolio Content Inbegrepen bij elk abonnement

Toont de volledige inhoud van het huidige portfolioproject. Gebruik dit in sjablonen voor losse portfolioprojecten.

Bekijk het live: Portfolio Content op Open Imagination (opent in een nieuw tabblad) Instellingen van het Portfolio Content-blok in de documentatie

Portfolio Image Inbegrepen bij elk abonnement

Toont het mediagedeelte van het huidige portfolioproject: uitgelichte afbeelding, galerijslider, projectvideo of rasterweergave met miniaturen. Gebruik binnen sjablonen voor losse portfolioprojecten.

Bekijk het live: Portfolio Image op Open Imagination (opent in een nieuw tabblad) Instellingen van het Portfolio Image-blok in de documentatie

Portfolio Meta Inbegrepen bij elk abonnement

Toont de projectdetails van het portfolio: klant, datum, vaardigheden en URL. Gebruik dit in sjablonen voor losse portfolioprojecten.

Bekijk het live: Portfolio Meta op Open Imagination (opent in een nieuw tabblad) Instellingen van het Portfolio Meta-blok in de documentatie

Portfolio Navigation Inbegrepen bij elk abonnement

Toont links naar het vorige en volgende portfolioproject. Gebruik dit binnen de sjablonen voor losse portfolioprojecten.

Bekijk het live: Portfolio Navigation op Open Imagination (opent in een nieuw tabblad) Instellingen van het Portfolio Navigation-blok in de documentatie

Portfolio Related Inbegrepen bij elk abonnement

Toont gerelateerde portfolioprojecten op basis van gedeelde categorieën. Gebruik dit binnen sjablonen voor enkele portfolio-items.

Bekijk het live: Portfolio Related op Open Imagination (opent in een nieuw tabblad) Instellingen van het Portfolio Related-blok in de documentatie

Portfolio Title Inbegrepen bij elk abonnement

Toont de titel van het huidige portfolioproject. Gebruik dit in portfolio-singlesjablonen.

Bekijk het live: Portfolio Title op Meridian Brand Identity (opent in een nieuw tabblad) Instellingen van het Portfolio Title-blok in de documentatie

Form Inbegrepen bij elk abonnement

Een werkend formulier. Plaats er de blokken Form Field en Form Submit in: inzendingen worden gevalideerd, opgeslagen en per e-mail verstuurd.

Bekijk het live: Form op Formulierstijlen (opent in een nieuw tabblad) Instellingen van het Form-blok in de documentatie

Form Embed Inbegrepen bij elk abonnement

Voeg overal op de site een Canvas-formulier in door de Form ID te selecteren.

Bekijk het live: Form Embed op Index Winkel (opent in een nieuw tabblad) Instellingen van het Form Embed-blok in de documentatie

Form Field Inbegrepen bij elk abonnement

Een enkel invoerveld. Gebruik het binnen een Canvas Form om invoer van gebruikers te verzamelen.

Bekijk het live: Form Field op Formulierelementen (opent in een nieuw tabblad) Instellingen van het Form Field-blok in de documentatie

Form Submit Button Inbegrepen bij elk abonnement

De verzendknop voor een Canvas-formulier. Ondersteunt stijlvarianten, formaat, volledige breedte en een icoon.

Bekijk het live: Form Submit Button op Formulierstijlen (opent in een nieuw tabblad) Instellingen van het Form Submit Button-blok in de documentatie

Quick Contact Inbegrepen bij elk abonnement

Een compacte contactformulierwidget “Quick Quotation” (naam / e-mail / bericht), opgemaakt met de CSS voor formulieren van Canvas.

Bekijk het live: Quick Contact op Widgets (opent in een nieuw tabblad) Instellingen van het Quick Contact-blok in de documentatie