WP tools WordPress collectie + GS Filter block
Collectie belangrijke en vaak onmisbare WordPress plug-ins en online tools
-
Block Visibility — Conditional Visibility Control for the Block Editor
With this no-code solution you determine which blocks are visible on a website and who can see them. You can even show or hide blocks at a specific time. Show exclusive promotions to customers or members. Limit blocks to specific user roles, screen sizes, query series, WooCommerce products, EDD downloads, ACF fields, WPFUSion tags and more. Block Visibility is exclusively built for the WordPress editor (Gutenberg) and is designed to work with every WordPress block. This includes blocks that are supplied native by WordPress, but also blocks of third parties and even blocks -based widgets. This plug-in is ideal for making every submenu item in a Fse theme conditional! Note: To add conditions to Child menu items from a FSE theme, you must check ‘Full Control Mode’ in the plug-in settings. The plug-in has 30,000 users and was developed by Nick Diego.Voordelen Pro versie
There is no pro version. They do have a website for this plug-in, so it is possible that there will be a Pro version.
Conclusie
If you work with an FSE theme (the future of WordPress) this is an absolute must-have. What the plug-in ‘If menu’ does for the classic themes does this plug-in (and more) for FSE Block themes. Note: Not yet tested with the Kadence Navigation (ADV) Block.
Meer informatie?
basbuis/21-05-2025Block Visibility — Conditional Visibility Control
Conditional Visibility Blocks, also Child menu items
-
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
-
Great Restaurant Menu WP
Hiermee kun je snel een menu maken voor een restaurant of andere bedrijfsactiviteit (zoals salons, sportscholen, enz.). Er worden 5 sjablonen meegeleverd en je kunt aangepaste sjablonen maken. Standaardsjablonen zijn allemaal responsief en zien er geweldig uit op desktops, tablets en mobiele apparaten. Het menu ondersteunt groepen/categorieën, subgroepen/categorieën en items. Items kunnen de itemnaam, beschrijving, afbeelding en prijs bevatten. – Met de menu-editor kunt u eenvoudig groepen en items slepen en neerzetten om ze snel en eenvoudig opnieuw te organiseren – Biedt volledige ondersteuning voor netwerk-/multisitewebsites.Voordelen Pro versie
Er is geen Pro versie van te koop.
Conclusie
Aanrader!
Meer informatie?
basbuis/20-02-2025Great Restaurant Menu WP
Prijslijsten, menu’s, etc. – ook andere branches dan de horeca
-
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
-
If Menu – Visibility control for Menus
Bepaal welke menu-items bezoekers van uw site zien, met zichtbaarheidsregels. Hier zijn een paar voorbeelden: Geef een menu-item alleen weer als User is ingelogd. Verberg een menu-item op mobiel. Alleen menu’s weergeven voor Admins and Editors. Verberg Login of Registreer links voor ingelogde Users. Alleen menu’s weergeven voor Customers met een actief membership. Toon menu’s op basis van de taal van de bezoekers. Nadat de plug-in is ingeschakeld, krijgt menu-item een nieuwe optie ‘Menu-item zichtbaarheid wijzigen’ waarmee je zichtbaarheidsregels kunt selecteren. LET OP: deze plug-in is alleen geschikt voor de classic thema;s, dus werkt niet met FSE-thema’s. Voor deze functionaliteit met een FSE-thema, raad ik deze plug-in aan: https://wpinsight.eu/wp-tool/block-visibility-conditional-visibility-control/Voordelen Pro versie
Deze plug-in kent geen pro versie; de ontwikkelaar stelt een kleine donatie wel op prijs!
Conclusie
Als je een manier zoekt om bepaalde menu-items onder bepaalde voorwaarden wel of niet te tonen, is dit de ideale plug-in. Ik gebruik de If menu plug-in regelmatig voor bijvoorbeeld leden websites, of Learndash sites met speciale menu-items voor de beheerders en leraren.
Meer informatie?
basbuis/20-02-2025If Menu – Visibility control for Menus
Instellen welk menu item wanneer zichtbaar is
-
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
-
Modal Window – side slider
Gebruik Modal Window om snel en eenvoudig informatieve pop-ups, side sliders, modals of fly-out’s te maken. Voeg de tekst en media toe die je nodig hebt, voeg shortcodes van formulieren in en nog veel meer. Verander het gedrag van de weergave van modale vensters afhankelijk van de acties van de gebruiker op de pagina. Modal Window is de unieke tool voor gratis gebruik. Ideaal voor: heldere informatie, pop-up berichten toevoegen aan de site, bezoekers waarschuwen voor verschillende promoties, contactformulieren weergeven om de conversie van de bron te verhogen.Voordelen Pro versie
Er is een Pro versie. Deze kan nog veel meer. Denk aan animatie, een verwijzing na het sluiten, Google analytics, Video integratie, automatisch sluiten na … seconden, Geo-targeting, gebruikersrollen en nog veel meer. De kosten zijn voor een lifetime licentie, voor 1, 5 of 20 websites.
Conclusie
We hebben de plug-in getest, en hadden binnen enkele minuten een functionerende side-modal (fly-out) op een website, kant-en-klaar met een zwevende button en meerdere Gutenberg blocks er in. Als je eigen builder geen goede pop-up of site-modal biedt, is dit een perfecte oplossing. Aanrader!
Prijs pro vanaf € 25
Meer informatie?
basbuis/06-03-2025Modal Window – side slider
Informatieve popups en side-modals maken
-
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
-
Simple floating menu
Simple Floating Menu is een gratis WordPress plug-in waarmee je een zwevend, vast menu met pictogrammen en tooltips in verschillende ontwerpen kunt toevoegen. De plug-in heeft meer dan 5000+ iconen om uit te kiezen om het zwevende menu weer te geven en je kunt onbeperkt menu-icoon knoppen toevoegen. Je kunt het menu in 8 verschillende posities weergeven met 9 verschillende knopvormen. Aangepaste pictogrammen – 5 pictogram pakketten met meer dan 10.000 pictogrammen om uit te kiezen – Onbeperkt aantal menu-items – Optie om hetzelfde tabblad of nieuw tabblad weer te geven – 8 verschillende posities om weer te geven – 9 verschillende knoopvormen om uit te kiezen – Pas de knop aan met hoogte/breedte, pictogram grootte, kleur van de knoppen en lettertypen van de tool-tip-tekst – 600+ Google lettertypen om uit te kiezen voor de tekst – Voeg interne, externe of scrollende links op één pagina toe – Instellingen exporteren/importeren om instellingen van de ene naar de andere website over te brengen.Voordelen Pro versie
Support voor alle social media platforms – Floating menu templates – navigation dots – sidepanel menu – etc.
Conclusie
Een handige plugin.
Prijs pro vanaf € 23
Meer informatie?
basbuis/20-02-2025Simple floating menu

-
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
- Prev
- 1
- 2
- Next