WP tools WordPress collectie + GS Filter block

Collectie belangrijke en vaak onmisbare WordPress plug-ins en online tools

De collectie WordPress tools (plug-ins, thema’s, online en meer) heeft een filter zodat je bijvoorbeeld de thema’s, builders, SEO of WooCommerce plug-ins makkelijk kunt opzoeken. Mis je iets? Vul het suggestieformulier in!
Filtered (22)
Filters

22 wp-tools found

Categories
Search
Apply(22) Reset
Show (22)
Cancel
Apply(22) Reset

  • Blocks Animation: CSS Animations for Gutenberg

    , , , , ,
    Blocks Animation - CSS Animations
    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?

    >> Gratis versie: Klik hier!

    basbuis/
    21-05-2025

    Blocks Animation: CSS Animations for Gutenberg

    , , , , ,
    CSS Animations for Gutenberg Blocks
    Blocks Animation - CSS Animations

  • CSS Class Manager – An advanced autocomplete additional css class control for your blocks

    , , , ,
    CSS Class Manager plugin
    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?

    >> Gratis versie: Klik hier!

    basbuis/
    21-05-2025

    CSS Class Manager

    , , , ,
    Gives you a handy CSS class manager
    CSS Class Manager plugin

  • Custom Fonts – Host Your Fonts Locally

    , , , , ,
    Custom Fonts – Host Your Fonts Locally
    Improved speed and performance – With the custom fonts plug-in you can upload your own fonts or choose from an extensive collection of Google Fonts. These are all hosted directly on your own web server. By hosting fonts locally, you can considerably improve the performance of the website. Because the fonts are loaded directly from your server, external requests are reduced, so that the loading times of the page are considerably shortened. The plug-in is maintained by the makers of the Astra theme and has more than 300,000 users.

    Voordelen Pro versie

    It is a free plug-in.

    Conclusie

    If your own theme or page builder does not offer the option to host Fonts locally, this is recommended!

    Meer informatie?

    >> Gratis versie: Klik hier!

    basbuis/
    21-05-2025

    Custom Fonts – Host Your Fonts Locally

    , , , , ,
    Improve the speed of your site and eliminate privacy problems
    Custom Fonts – Host Your Fonts Locally

  • Easy Code Tools

    , , , , , ,
    Easy Code Tools
    Online tools for: coding, lorem ipsum generator, coupon codes, SEO keyword generator, CSS animations, HTML Stripper, Color Picker, DMARC and DKIM Validation, Scheme Generator, and much more.

    Voordelen Pro versie

    Conclusie

    This indispensable site offers an unimaginable amount of practical tools. Save the address somewhere!

    Meer informatie?

    >> Gratis versie: Klik hier!

    basbuis/
    21-05-2025

    Easy Code Tools

    , , , , , ,
    Tools to fix all your problems
    Easy Code Tools

  • Flip Box Block

    , , , ,
    Flip Box plug-in
    Flip Box Block is een kleine blok plug-in voor de WordPress blokeditor, waarmee je blokken met een geanimeerde voor- en achterzijde kunt creëren: ofwel een ‘Flipbox’.

    Voordelen Pro versie

    Het is een gratis plug-in.

    Conclusie

    Handige plug-in! Als we bijvoorbeeld een website ontwikkelen met Kadence, en een Flipbox nodig hebben, kunnen we deze plug-in gebruiken. Natuurlijk kunnen we ook Greenshift daarvoor toepassen, maar dan installeer je weer een complete builder plug-in erbij.

    Meer informatie?

    >> Gratis versie: Klik hier!

    basbuis/
    06-03-2025

    Flip Box Block

    , , , ,
    Plug-in waarmee je een geanimeerde ‘Flipbox’ creërt
    Flip Box plug-in

  • Fluid Style accessible fluid type generator

    , , ,
    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?

    >> Gratis versie: Klik hier!

    basbuis/
    24-03-2025

    Fluid Style accessible fluid type generator

    , , ,
    Clamp calculator
    Accessible fluid type generator

  • Font Squirrel – Font Generator

    , , , ,
    Font Squirrel - Font Generator
    Font Squirrel – Font Generator heeft een grote collectie (meestal gratis) fonts / lettertypes. Deze zijn wel bruimbaar voor grafisch werk (het zijn ttf bestanden) maar vaak niet geschikt voor omzetting naar webfonts. Wat Font Squirrel – Font Generator echter heel goed doet, is de functie waarin je een font upload (vaak een ttf ofwel truetype file) bijvoorbeeld van Google fonts, en daar weer een web font van maakt, dus een woff of woff2 bestand. Een woff bestand is veel kleiner dan een ttf bestand en maakt je website dus sneller. Een woff lettertype bestand is gemiddeld 60 tot 80% kleiner.

    Voordelen Pro versie

    Het is een gratis online tool.

    Conclusie

    Heel handige lettertype / font tool. Aanrader!

    Meer informatie?

    >> Gratis versie: Klik hier!

    basbuis/
    06-03-2025

    Font Squirrel – Font Generator

    , , , ,
    Genereer de juiste fonts voor je website
    Font Squirrel - Font Generator

  • FontForge Font editor

    , , ,
    FontForge
    Software (mac en Windows) om een bestaand font aan te passen of alleen de karakters te behouden die je gebruikt op een website. Hiermee kun je ook een font aanzienlijk sneller laten downloaden, waardoor een website veel sneller wordt.

    Voordelen Pro versie

    Het is een gratis tool.

    Conclusie

    Heel handige tool!

    Meer informatie?

    >> Gratis versie: Klik hier!

    basbuis/
    13-02-2025

    FontForge Font editor

    , , ,
    Past een font aan en maakt het bestand kleiner
    FontForge

  • Google Fonts – lettertypes

    , , , , ,
    Google fonts lettertypes
    Google biedt een geweldige font collectie. Deze zijn bruikbaar voor grafisch (druk)werk en voor het internet. Deze zijn gratis beschikbaar. Als je een webbuilder gebruikt die Google fonts heeft geïntegreerd, hoef je niets te doen om deze fonts te gebruiken. Je kunt de fonts (lettertypes) ook downloden, meestal als .ttf bestand en deze hosten op je eigen server. Dat komt privacy misschien ten goede, maar de bestandsgrootte niet. Werken met de standaard manier van Google (aanroepen op een pagina) is bijna altijd de snelste manier, ook omdat Google het lettertype elke keer aanpast aan de vraag van de browser, en ongebruikte variaties niet meestuurt. EXTRA INFORMATIE OVER GEBRUIK VAN GOOGLE FONTS: https://fonts.google.com/knowledge/using_type/installing_and_managing_fonts

    Voordelen Pro versie

    Het is een gratis dienst.

    Conclusie

    Aanrader. Als je zelf host, kun je bij Google Fonts downloaden en bij Font Squirrel omzetten naar het juiste bestand (woff of woff2).

    Meer informatie?

    >> Gratis versie: Klik hier!

    basbuis/
    06-03-2025

    Google Fonts

    , , , , ,
    Een geweldige collectie Web fonts
    Google fonts lettertypes

  • Greenshift blocks

    , , , , ,
    Greenshift builder
    De compleetste Gutenberg-paginabuilder Maak verbluffende elementen en animaties rechtstreeks op de pagina. Volledige ondersteuning voor Full Site Editing (FSE). Kan zelfs informatie lezen en weergeven van een Google spreadsheet Pas alles direct op de pagina aan zonder enige kennis van codering. Mooie animaties maken het verschil tussen een goede site en een perfecte site. Het thema heeft een ingebouwd animatieframework (slechts 2 kb groot)

    Voordelen Pro versie

    De gratis versie kan al heel veel. Ik denk dat er best veel mensen zijn die daar genoeg aan hebben. Ik gebruik regelmatig dynamische blokken, maak graag mijn eigen templates en gebruik WooCommerce. De betaalde versies bieden echt alles wat ik nodig heb. En de prijs is heel redelijk. Overigens is het aan te raden te kiezen voor het all-in pakket; daar zitten echt alle extra add-ons in die je maar kunt bedenken, terwijl de prijs aanzienlijk lager is dan de optelsom ervan.

    Conclusie

    Een absolute aanrader. Dit is één van de twee builders waar ik mee werk. Ook als je een andere builder gebruikt, bijvoorbeeld Kadence blocks, is Greenshift een echte aanrader als aanvulling.

    Meer informatie?

    >> Gratis versie: Klik hier!

    >> Pro versie: Klik hier!

    basbuis/
    02-12-2025

    Greenshift blocks

    , , , , ,
    Gutenberg blocks builder
    Greenshift builder

  • HTML & CSS cheatsheet

    , , ,
    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?

    >> Gratis versie: Klik hier!

    basbuis/
    09-12-2024

    HTML & CSS cheatsheet

    , , ,
    CSS – HTML – Characters – Structure – Attributes – Tags
    HTML-CSS cheatsheet

  • Local Google Fonts

    , , , ,
    Local Google Fonts
    Host de gebruikte Google lettertypen op de server en zorg dat de website voldoet aan de AVG. Ongeveer 50 miljoen websites maken gebruik van Google Fonts en in januari 2022 oordeelde een Duitse rechtbank dat het gebruik van Google Fonts een schending is van de Europese AVG (Algemene Verordening Gegevensbescherming). Daarnaast kost het tijd voor een browser om een lettertype te downloaden bij Google, en op de eigen server hosten kan je website een stuk sneller maken. Deze plug-in heeft meer dan 100.000 gebruikers.

    Voordelen Pro versie

    Dit is een gratis plug-in.

    Conclusie

    Een aanrader!

    Meer informatie?

    >> Gratis versie: Klik hier!

    basbuis/
    06-03-2025

    Local Google Fonts

    , , , ,
    Zorgt dat Google lettertypes lokaal gehost worden
    Local Google Fonts

  • Marc Bacon Clamp Calculator

    , , ,
    marcbacon clamp
    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?

    >> Gratis versie: Klik hier!

    basbuis/
    24-03-2025

    Marc Bacon Clamp Calculator

    , , ,
    Clamp calculator
    marcbacon clamp

  • Motion.page

    , , ,
    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?

    >> Pro versie: Klik hier!

    basbuis/
    18-12-2024

    Motion.page animatie plugin

    , , ,
    Animatie voor elke builder en thema
    Motion-page

  • 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?

    >> Gratis versie: Klik hier!

    basbuis/
    10-12-2024

    SelectorGadget

    , ,
    Maakt het makkelijk ELKE CSS selector te vinden
  • 1
  • 2
  • Next