Title: CSS regel toepassen in tekst
Last modified: 21 mei 2023

---

# CSS regel toepassen in tekst

 *  Opgelost [JosC](https://nl.wordpress.org/support/users/josc/)
 * (@josc)
 * [3 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/css-regel-toepassen-in-tekst/)
 * Ik maak bij het schrijven in mijn blog geen gebruik van de block editor.
   Soms
   wil ik van een link in die tekst een button maken. De css regel voor die button
   heb ik al, maar ben op zoek naar een mogelijkheid om die in de editor mode toe
   te voegen voor dat specifieke stukje tekst.Kan iemand mij vertellen hoe ik dat
   voor elkaar kan krijgen? Alvast bedankt voor de hulp.

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)

 *  Moderator [Jeroen Rotty](https://nl.wordpress.org/support/users/jeroenrotty/)
 * (@jeroenrotty)
 * Support Moderator
 * [3 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/css-regel-toepassen-in-tekst/#post-12181493)
 * Kan je het niet inline toepassen? Als je dus een bv. een `<a>` tag wilt stylen
   in je klassieke editor, hang dan je CSS in de inline style attribuut?
   Vb. `<span
   style="color:white; background:pink, font-weight:bold;"><a class="button">Je 
   knoptekst</a></span>`
 * En anders gewoon met een klasse werken en die klasse en je CSS bij Weergave >
   Customizer > Extra CSS.
 *  Thread starter [JosC](https://nl.wordpress.org/support/users/josc/)
 * (@josc)
 * [3 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/css-regel-toepassen-in-tekst/#post-12181497)
 * In JCE (Joomla) kon ik de eigenschappen van een link voorzien van een .css rule.
   Die functie maakt deel uit van de editor zelf.
 * Link -> Eigenschappen -> URL en -> CSS rule
 * Ben op zoek om deze functie ook onderdeel te maken van de WordPress editor. Anders
   moet ik op zoek naar een soort JCE editor en die is er helaas niet. Jouw oplossing
   werkt natuurlijk, en dat doe ik nu ook, maar dat is mij teveel werk met 20 posts
   per dag ;-/
 * thanks, Jos
    -  Deze reactie is gewijzigd 3 jaren, 4 maanden geleden door [JosC](https://nl.wordpress.org/support/users/josc/).
 *  [Guido](https://nl.wordpress.org/support/users/guido07111975/)
 * (@guido07111975)
 * [3 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/css-regel-toepassen-in-tekst/#post-12181501)
 * Hoi,
 * Zoals Jeroen al zegt kun je ook met een klasse werken. Je voegt dan alleen `class
   ="button"` aan de link toe en de CSS doet de rest. Veel thema’s hebben al styling
   voor deze klasse. Zo niet, dan zelf toevoegen via pagina Extra CSS vd Customizer.
   Voorbeeld:
 *     ```wp-block-code
       a.button {padding:5px; background:#cc0000; color:#fff; text-decoration:none;}
       a.button:hover {background:#333;}
       ```
   
 * Guido
 *  [bramvanmunster](https://nl.wordpress.org/support/users/bramvanmunster/)
 * (@bramvanmunster)
 * [3 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/css-regel-toepassen-in-tekst/#post-12181508)
 * Wat de mensen hierboven zeggen klopt, maar verdient een aanvulling. Als je alles
   schrijft in een <div> kan je ook dus alles meteen maken.
 *     ```wp-block-code
       <div ID="name" style="cssname"><a href ="link">linktekst</a></div>
       ```
   
 *  Dus alles wat je dan van tevoren hebt beschreven is geldig voor de hele DIV 
   en de CSS. Als je ooit op een punt komt dat je dit niet wilt, laat je gewoon 
   de DIV ID of de Style er uit 🙂
    -  Deze reactie is gewijzigd 3 jaren, 4 maanden geleden door [bramvanmunster](https://nl.wordpress.org/support/users/bramvanmunster/).
 *  Thread starter [JosC](https://nl.wordpress.org/support/users/josc/)
 * (@josc)
 * [3 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/css-regel-toepassen-in-tekst/#post-12181514)
 * Bedankt voor jullie reactie(s). We gaan ermee aan de slag.
 * Jos
 *  Thread starter [JosC](https://nl.wordpress.org/support/users/josc/)
 * (@josc)
 * [3 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/css-regel-toepassen-in-tekst/#post-12181550)
 * Het was eigenlijk nog eenvoudiger dan ik dacht. Als je de standaard editor de
   Toolbar openzet (shif-alt-z) dan komt er een optie ‘Formats’ in beeld.
 * @ [https://imgur.com/ic5Pw0P](https://imgur.com/ic5Pw0P)
 * Daarmee is heel simpel een link in een button te maken. Soms liggen oplossingen
   in plain sight 😉

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)

 Het onderwerp ‘CSS regel toepassen in tekst’ is gesloten voor nieuwe reacties.

## Tags

 * [button](https://nl.wordpress.org/support/topic-tag/button/)
 * [css](https://nl.wordpress.org/support/topic-tag/css/)
 * [editor](https://nl.wordpress.org/support/topic-tag/editor/)

 * In: [Thema en CSS/opmaak](https://nl.wordpress.org/support/forum/themas-en-templates/)
 * 6 reacties
 * 4 deelnemers
 * Laatste antwoord van: [JosC](https://nl.wordpress.org/support/users/josc/)
 * Laatste activiteit: [3 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/css-regel-toepassen-in-tekst/#post-12181550)
 * Status: opgelost

## Onderwerpen

### Meest populaire onderwerpen

### Onderwerpen zonder reacties

### Non-support onderwerpen

### Opgeloste onderwerpen

### Onopgeloste onderwerpen

### Alle onderwerpen