kontur font-o-mat

Beschrijving

We are going wild with the fonts in the Gutenberg RichText editor toolbar. Change font family and/or size on each word or even a single letter – just as you like! This one is for the font-lovers. You can set up to 5 fonts. And even can set CSS-classes you want them as well to be applied to. In addition, you can specify, name and select up to 4 font weights and font sizes.

Take a walk on the wild font side

  • voeg maximaal 5 aangepaste lettertypen toe aan je editor blokken (Gutenberg)
  • stel je individuele CSS klassen in waarop je die lettertypen wilt toepassen
  • stel maximaal 4 afzonderlijke lettertype groottes in
  • stel maximaal 4 verschillende lettertype gewichten in
  • lettertypen en groottes kunnen zelfs worden toegepast op een enkel woord OF zelfs op enkele letters!

Lettertype familie

Wijzig het lettertype voor afzonderlijke woorden, zinnen of zelfs letters inline in de Gutenberg editor.
Dit werkt automatisch voor de meeste blokken (“Paragraafblok”, “Koptekst blok”…).
Op de instellingenpagina kunt je maximaal 5 lettertypen activeren en deze beschrijvende namen geven. En voer tegelijkertijd verschillende CSS klassen in waaraan deze lettertypen moeten worden toegewezen.
Het kunnen noemen van lettertypen kan erg handig zijn voor de andere redacteuren op je site, aangezien ze zelden de lettertypenamen kennen, alleen wanneer ze het grootste deel van de tijd worden gebruikt. Je kunt je koptekst lettertype dus gewoon “onze kopteksten” enz. noemen om gemakkelijker te werken.

Font size

Er kunnen maximaal vier lettertype groottes worden ingesteld.
De lettertype groottes kunnen ook een naam krijgen om het voor redacteuren gemakkelijker te maken om ze in de Gutenberg editor te gebruiken.

De lettertype grootte wordt berekend als een percentage van de basislettergrootte. Als je een instelling voor de lettergrootte op de instellingenpagina wijzigt, wordt die lettergrootte op de hele site gewijzigd.

Lettertype groottes kunnen inline in de editor worden toegewezen aan zinnen, woorden of zelfs afzonderlijke letters.

Lettertype gewicht

Stel maximaal 4 verschillende lettertypegewichten in van 200 tot 900 en geef de lettertypegewichten hun eigen naam om ze gemakkelijker te gebruiken voor redacteuren. Voorbeeld: je kunt het lettertype 900 “supder-duper bold” noemen. Wees gewoon creatief, het is je back-end!

Demo

Want to play around with it?
Check the
Demo on WordPress Playground

Want more
Please get involved and send uns your ideas. Via email or on the WordPress support page 🙂

Verwijderen

This plugin cleans up after itself. All plugin settings will be removed from your database when the plugin is uninstalled via the Plugins screen.

Schermafdrukken

  • View of the Gutenberg editor with the activated plugin
  • Instellingen pagina weergave
  • View on the page with individual fonts
  • Voorbeeldweergave met wilde instellingen voor lettertype familie en grootte
  • Instellingenpagina: stel onze lettertype groottes in
  • Instellingenpagina: stel onze lettertype gewichten in
  • Instellingenpagina: stel maximaal 5 lettertypen in
  • Gutenberg: Select font-size and font-weight. Both with your custom names.
  • Gutenberg: Select font - with your custom name - to be applied to word(s), or even single letters

Installatie

This section describes how to install the plugin and get it working.

  1. Upload kontur-font-mat to the /wp-content/plugins/ directory

  2. Activate the plugin through the ‘Plugins’ menu in WordPress

  3. Go to WordPress Admin > Settings > kontur Font-o-Mat and change your settings

More info on installing WP plugins

FAQ

Waar vind ik de instellingen?

Under WordPress Admin > Settings kontur > kontur Font-o-Mat or click the link ‘Settings’ under the plugin in your WordPress Admin Plugins section.

Hoeveel lettertypen kan ik toevoegen?

We ondersteunen momenteel de installatie en het gebruik van maximaal vijf lettertypefamilies. Tot nu toe hebben we niemand ontmoet die meer verschillende lettertypen zou gebruiken. MAAR schrijf ons als je meer lettertypefamilies nodig heeft en we zullen er meer toevoegen in de volgende versie.

Hoe stel ik mijn lettertype familie in?

Vul het veld in met je CSS. MAAR zonder “font-family:” ervoor, alleen de waarde die moet worden gebruikt voor de “font-family”. Als je bijvoorbeeld “Open Sans” wilt inschakelen en gebruiken, hoef je alleen maar 'Open Sans', sans-serif te typen.
Om veiligheidsredenen hebben we de hele CSS regel uitgeschakeld, maar dat maakt het typen ook makkelijker.

Wat betekent “Toon klasse”? Hoe kan ik forceren dat het lettertype wordt toegevoegd aan mijn thema css of andere css klassen?

Je kunt de lettertypen ook instellen op andere elementen aan je kant. Dus als je wilt dat het lettertype b.v. alle “h1.yourclass”-koppen die je kunt plaatsen
“h1.yourclass” in het veld en het wordt weergegeven op alle “h1.yourclass”-elementen op je site.

Vul het veld in met je CSS. MAAR zonder de “font-family: Om veiligheidsredenen hebben we de volledige CSS regel gedeactiveerd. Je hoeft dus alleen maar 'Open Sans', sans-serif; in te voeren als je b.v. zou Open Sans willen inschakelen.

Hoe voeg ik mijn Adobe of Google lettertypen toe?

Note: This plugin is not really primarily intended for including external fonts, we only included this because someone asked for it. The plugin does not check if the font has been loaded before, so please only use this if you are sure the font has not been loaded yet.

But you can simply set up a package with several fonts in “Adobe Fonts”, for example, and then simply insert the link. And then activate the individual fonts. These fonts then appear on your website, but also in the Gutenberg Editor in the backend.

Plaats gewoon de url
bijv. met Google Fonts vind je wel bij “Use on the web” op de “@import.
Maar alleen de URL en NIET de hele code. Betekenis voor bijvoorbeeld “open sans” font = https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,800;1,400&display=swap
Met “Adobe-Fonts” hoef je alleen maar de link te plakken, en klaar.

Is er een premium versie die ik zou kunnen kopen?

Nee. Dit is een gratis plugin. En met gratis bedoelen we gratis.
Er is echter ook geen pro-ondersteuning voor. Als er zich problemen voordoen, houd er dan rekening mee dat we zullen proberen deze zo snel mogelijk op te lossen. Maar helaas zijn we niet 24/7 bereikbaar, dus even geduld.

Biedt je nog andere gratis WordPress plugins aan die ik zou kunnen gebruiken?

Ja, we hebben er drie die je misschien leuk vindt:

  • No admin premium Nags to stop the premium version spam AND to add your own CSS to the WP backend.
    Works so far “out of the box” for “All in one SEO” and “Yoast-Seo”.

  • kontur Admin Style Set your own admin backend style. Customize the colors of the admin menus. Put your own logo on the login page, the editor and the backend. AND customize your login page to suit your style.

  • kontur Copy Code Button add your own ‘kontur Copy Code Button’ to any code-block on your site. When clicked, the code is copied to the clipboard. Works as well on mobile devices and the standard Gutenberg WP-Code-Block. Set your own button-text(s), button-icon or image from the library, class(es), button-color, button-text-color and “pre”-Background.

I need something else. Can I hire you?

Yes. Please get in touch via email email with a brief description of your requirements and budget for the project and we will start something else together.

This plugin is simple, but I want to show my appreciation?

Well, go for it! You can either make a donation or leave a rating to motivate me to keep working on the plugin.

Beoordelingen

Er zijn geen beoordelingen voor deze plugin.

Bijdragers & ontwikkelaars

“kontur font-o-mat” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Bijdragers

“kontur font-o-mat” is vertaald in 2 talen. Dank voor de vertalers voor hun bijdragen.

Vertaal “kontur font-o-mat” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.

Changelog

1.1.2

  • Date: 03.April.2024
  • Updated/fixed fonts and styles loaded into the Gutenberg editor and block themes
  • Updated settings page
  • Updated readme

1.1.1

  • Date: 09.May.2023
  • Updated settings page
  • Updated readme
  • Added screenshots

1.1.0

  • Date: 23.November.2022
  • Updated settings page
  • Added options for font-weights.

1.0.1

  • Date: 08.January.2022
  • First release of the plugin.