WP tools WordPress collectie + GS Filter block
Collectie belangrijke en vaak onmisbare WordPress plug-ins en online tools
-
Blocks Animation: CSS Animations for Gutenberg
With Blocks Animation you can add CSS animations to all your Gutenberg blocks elegantly. The interface for Blocks Animation feels so natural and intuitive that you don’t even notice that it has been installed. Just install it, and you will see the animation settings in all blocks, directly in the block settings sidebar. The plug-in has more than 60,000 users. It works on the basis of CSS, so it does not make your website slow.Voordelen Pro versie
It is a free plug-in.
Conclusie
To give your website more dynamics, without costs, it is an ideal plug-in. Please note: on some websites, content suddenly does not load when using this plugin.
Meer informatie?
basbuis/21-05-2025Blocks Animation: CSS Animations for Gutenberg
CSS Animations for Gutenberg Blocks
-
CSS Class Manager – An advanced autocomplete additional css class control for your blocks
Do you find it difficult to add multiple CSS classes to a WordPress block? CSS Class Manager simplifies the process with suggestions for automatic supplement and a special manager for adding, editing and organizing the classes. CSS Class Manager offers a powerful manager and an autocomplete inspector, so that users can easily add and apply CSS classes to their blocks. Advanced control over automatic supplement: Streamline The Block Style with car supply Functionality for CSS classes-Effortless class management: Easily add CSS classes, edit or remove them directly from the Interface Manager-Import and Export: Bring adapted CSS class seamlessly to guarantee consistency between projects.Voordelen Pro versie
Edi Amin offers this plug-in for free.
Conclusie
Absolute recommended. I regularly use classes, but do not remember the exact spelling of each class to be able to add it to a block. This plug-in solves that!
Meer informatie?
basbuis/21-05-2025CSS Class Manager
Gives you a handy CSS class manager
-
Fluid Style accessible fluid type generator
Fluid Style accessible fluid type generator doet maar één ding: je in staat stellen om je eigen clamp formule te maken. Je geeft je min. size, breakpoint, max. size en breakpoint. Vervolgens kun je met de breedte slider optisch controleren hoe de fluid maatvoering is en of deze klopt. Je kunt kiezen uit font-size of formaat (voor breedte/hoogte objecten, kolommen, etc.)Voordelen Pro versie
Het is een gratis service.
Conclusie
Heel handige online calculator die qua maatvoering ook rekening houdt met Accessibility.
Meer informatie?
basbuis/24-03-2025Fluid Style accessible fluid type generator
Clamp calculator
-
HTML & CSS cheatsheet
Een fantastische website met hulpmiddelen voor CSS, HTML, Open Graph, Speciale karakters, CSS Generator, JavaScript en nog veel meer. Als je je een expert bent, scheelt het je veel tijd. Als je net begint stelt het je in staat meer te begrijpen en zelfs effecten te creëren zonder dat je ze begrijpt.Voordelen Pro versie
Het is een gratis tool.
Conclusie
Absolute aanrader.
Meer informatie?
basbuis/09-12-2024HTML & CSS cheatsheet
CSS – HTML – Characters – Structure – Attributes – Tags
-
Marc Bacon Clamp Calculator
Marc Bacon Clamp Calculator doet maar één ding: je in staat stellen je target values in te stellen, de viewport range, de base, min. en max. en vervolgens toont hun calculator twee css codes: een algemeen en een ander toegespitst op font-size, welke je meteen kunt toepassen op je website.Voordelen Pro versie
Het is een gratis service.
Conclusie
Heel handige online calculator.
Meer informatie?
basbuis/24-03-2025Marc Bacon Clamp Calculator
Clamp calculator
-
Motion.page
Ontdek de magie van Motion.page, de gamechanger in WordPress animatie. Met zijn gebruiksvriendelijke visuele platform is het maken van dynamische bewegingen en interacties nog nooit zo makkelijk geweest. Het maakt niet uit welke paginabuilder of thema je gebruikt. Motion.page is een onafhankelijke animatiebuilder op zichzelf, en werkt met elke paginabuilder of thema.Voordelen Pro versie
Het is een pro plug-in.
Conclusie
De plugin Motion.page is, net als de plug-in WPinteractions, een aanrader als je op eenvoudige wijze leuke en goed toepasbare animaties wilt toevoegen aan je website die je eigen builder niet heeft. WPinteractions biedt ook andere (niet geanimeerde) interacties, terwijl Motion.page alleen op ‘effecten’ gericht is.
Prijs pro vanaf € 69
Meer informatie?
basbuis/18-12-2024Motion.page animatie plugin
Animatie voor elke builder en thema
-
SelectorGadget – CSS selector finder
SelectorGadget is een open source tool die het genereren en ontdekken van CSS-selectors op ingewikkelde sites een fluitje van een cent maakt. (1) Installeer de Chrome extensie. (2) Ga naar een willekeurige pagina en start SelectorGadget. (3) Er wordt een veld geopend in de rechterbenedenhoek van de website. (4) Klik op een pagina-element dat je wilt laten matchen met uw selector (het wordt groen). (5) SelectorGadget genereert vervolgens een minimale CSS-selector voor dat element en markeert in geel alles wat overeenkomt met de selector. Klik nu op een gemarkeerd element om het uit de selector te verwijderen (rood), of klik op een niet gemarkeerd element om het toe te voegen aan de selector. Door dit proces van selecteren en afwijzen helpt SelectorGadget u de perfecte CSS-selector voor uw behoeften te vinden.Voordelen Pro versie
Het is een gratis Chrome extensie.
Conclusie
Het is echt een ideale extensie. Het scheelt heel veel tijd; je vindt de juiste CSS-selector in seconden.
Meer informatie?
basbuis/10-12-2024SelectorGadget
Maakt het makkelijk ELKE CSS selector te vinden
-
SiteOrigin CSS
SiteOrigin CSS is a simple yet powerful CSS editor for WordPress. It provides visual controls that allow you to modify the look and feel of a site in real time. We’ve created a CSS editing plugin suitable for both beginners and advanced users. Beginners will love the simple visual controls and real-time preview. Advanced users will appreciate the auto-completion feature, which makes writing CSS faster than ever. You can save the CSS you create within the plugin itself, but we recommend importing it into a Snippets plugin and only activating the SiteOrigin CSS plugin when you need to make changes.Voordelen Pro versie
It’s a free plugin. There’s a Pro version, but it doesn’t really add anything in terms of CSS.
Conclusie
Very handy plugin. We’ve tested several other (also paid) CSS plugins and still use this one regularly. Highly recommended.
Meer informatie?
basbuis/22-08-2025SiteOrigin CSS
Visual CSS Editor for WordPress – For Everyone
-
SleekMotion animaties
SleekMotion is gebaseerd op CSS-klassen (of data-attributen) en werkt in elke paginabuilder. Voeg gewoon de klassen toe en je bent klaar. Animeer elke CSS-eigenschap met elke waarde met behulp van een eenvoudige en intuïtieve syntaxis. Geen limieten, geen beperkingen. Gewoon pure vrijheid. Stel aangepaste breekpunten in op uw admin-dashboard en gebruik ze om responsieve animaties te maken. Zo eenvoudig is het. Werkt in principe met elke builder.Voordelen Pro versie
Het is een Pro plug-in. Ze bieden (nog) Lifetime licenties.
Conclusie
Heel handige plug-in.
Prijs pro vanaf € 49
Meer informatie?
basbuis/13-02-2025SleekMotion animatie
Animeer als een pro zonder complexe code te schrijven.
-
Utopia Fluid CSS clamp calculator
Utopia Fluid CSS clamp calculator doet maar één ding: je in staat stellen je target values in te stellen, de viewport range, de base, min. en max. en vervolgens toont hun calculator de CSS code, welke je meteen kunt toepassen op je website. Utopia heeft nog meer handige informatie, zoals een grid calculator.Voordelen Pro versie
Het is een gratis service.
Conclusie
Heel handige calculator.
Meer informatie?
basbuis/25-03-2025Utopia Fluid CSS clamp calculator
CSS clamp calculator voor fonts en spaces
-
WP ASE plugin
Het ‘Zwitserse zakmes’ voor alle WordPress websites. Eén plug-in die 10 tot 30 plug-ins overbodig maakt: dat is ASE WordPress enhancements. Je kunt elke functie van deze veelzijdige plug-in naar wens aan- of uitzetten. SMTP-bezorging van je e-mails, posts dupliceren, PHP scripts, CSS code, 301 omleidingen, Media organiseren, aangepaste berichten en velden, externe permalinks, login/loguit, heartbeat control, media vervangen, user-roles, en nog veel meer. Totaal 54 modules (de pro 63).Voordelen Pro versie
Aangepaste posttypes, aangepaste veldgroepen, inclusief herhalende velden en relaties, mediacategorieën, AVIF-upload, kolombeheer, extra filter(s) voor niet-hiërarchische taxonomieën, admin Menu Editor / Organizer, Admin Logo, Verberg adminbalk,
Conclusie
Ase is een absolute must-have. Wij installeren deze plug-in op elke nieuwe WordPress website.
Prijs pro vanaf € 19
Meer informatie?
basbuis/03-03-2025WP ASE tools
WPASE vervult vele functies, van SMTP tot 301 omleidingen
-
WPCode – Insert Headers and Footers + Custom Code Snippets
WPCode is de populairste plug-in voor codefragmenten voor WordPress en wordt door meer dan 2 miljoen websites gebruikt. De plug-in maakt het eenvoudig om codefragmenten toe te voegen aan WordPress, zonder dat je het bestand functions.php van uw thema hoeft te bewerken. Met de eenvoudige interface voor het invoegen van headers en footers kun je code zoals Google Analytics, aangepaste CSS, Facebook Pixel en meer invoegen in de header en footer van een WordPress-site, evenals in andere delen van de website. Je hoeft de themabestanden niet te bewerken! Naast header- en footerscripts kun je WPCode ook gebruiken om aangepaste PHP-codefragmenten, JavaScript-codefragmenten, CSS-codefragmenten, HTML-codefragmenten en tekstfragmenten in te voegen met volledige ondersteuning voor voorwaardelijke logica.Voordelen Pro versie
De Pro versie biedt conditionele logica (als dit, dan dat), kent revisies, error afhandeling, testing mode, schema’s, snippet-generator, cloud library, Gutenberg blok voor snippets, e-commerce integratie, CSS-selectors, en nog veel meer. Ik gebruik geen pro versie, omdat de gratis versie al genoeg biedt voor mijn doeleinden. Maar de pro versie biedt aanzienlijk meer.
Conclusie
Tenzij de deze functionaliteit al hebt, omdat je bijvoorbeeld WP-ASE plug-in, of Greenshift builder al hebt geïnstalleerd, is dit zeker een aanrader. We maken sinds enige jaren geen gebruik meer van ‘child themes’, maar plaatsen onze PHP, Javascript snippets en CSS in dit soort code managers. Ideaal!
Prijs pro vanaf € 99
Meer informatie?
basbuis/09-12-2024WPCode – Insert Headers and Footers + Custom Code Snippets
Code snippets voor je WordPress site
-
WPcodebox – powerful WordPress Code Snippet Manager
WPCodeBox is een WordPress Code Snippets Manager, waarmee je WordPress Code Snippets op je sites kunt toepassen. WPCodeBox ondersteunt alle code snippet types die je ooit nodig zult hebben bij het werken met WordPress. Voeg inline of externe JS, CSS of zelfs SCSS/LESS toe – CodeBox compileert het automatisch naar CSS. WPCodeBox heeft een extreem krachtige code-editor. Het zal automatisch WordPress-acties, hooks en functies voorstellen op basis van de context. De editor biedt JavaScript-, CSS-, SCSS- en HTML-codesuggesties en het bevat Emmet-ondersteuning. Sla uw meestgebruikte Code Snippets op in de cloud en gebruik ze op elke site. WPCodeBox beschikt over een groeiende WordPress Code Snippet Library, waar u een groot aantal geteste fragmenten voor uw site kunt vinden. Met de WPCodeBox-voorwaardebouwer kunt u instellen waar en wanneer de codefragmenten worden uitgevoerd. Sommige goede thema’s bieden de optie om CSS of PHP snippets voor een enkele pagina te plaatsen. Als jouw thema dat niet kan (de meeste) is dit de perfecte plug-in.Voordelen Pro versie
Dit is een Pro plug-in. WPcodebox is een heel geavanceerde code snippets manager. De prijzen van de pro versies zijn uiterst redelijk. Het begint bij 39,- (1 site/jaar) en 79,- voor unlimited sites. Ze hebben ook lifetime licenties.
Conclusie
Aanrader. Als je meer nodig hebt dan een gratis snippet manager, is dit een goede optie.
Prijs pro vanaf € 39
Meer informatie?
basbuis/09-12-2024WPcodebox
PHP en CSS snippets integreren in je website