Skip to content

Witregels in WordPress

Ik heb vandaag wat tijd gestoken in het werken met de TinyMCE Advanced met aangevinkte optie “Niet verwijderen breaks en enter” en zonder het gebruik van de plugin voor het zoeken naar de ideale manier om in de WordPress tekstbewerker extra witregels toe te voegen. Regels die normaal gesproken door WordPress worden verwijderd bij het opslaan van een bericht of pagina.

TinyMCE Advanced, niet de oplossing

De TinyMCE Advanced plugin is – naast een handige plugin voor toevoegen extra functionaliteit – ideaal om ervoor te zorgen dat WordPress je witregels (extra breaks of paragrafen) behoudt. Normaal gesproken verwijderd WordPress die automatisch en dat houdt de plugin tegen. Het enige nadeel  en tevens een groot nadeel is dat de plugin rondom afbeeldingen extra witruimte lijkt te creëren en dat breaks – shift enters – om worden gezet in paragrafen als je wat wil aanpassen in de htmweergave . Dus lijkt het me beter de plugin niet meer te gebruiken. Of om ieder geval het vinkje achter breaks en paragrafen niet verwijderen te verwijderen.

Toevoegen witregels zonder plugin

Om dan toch enters/witregels te kunnen toevoegen, moet er in de html modus

<br class="spacer_">

worden toegevoegd. Zo wordt er alsnog een witregel toegevoegt en 1 die WordPress niet verwijdert.

HTML Weergave

What You See Is What You Get Weergave

wysiwyg editor

Deze witregel kan zo wel gewoon bewaard en opgeslagen worden.. Screenshot voorzijde:

En zo kun je dus extra witregels tussen paragrafen plaatsen.  Niet de ideale manier, maar zo worden tenminste niet gekke extra witregels toegevoegd en kun je in html modus en wyisiwyg modus werken.

Gepubliceerd door Doede op maandag 6 december 2010

Van → Wordpress

11 Reacties
  1. THX!! Je bent m’n held. Wat een simpele oplossing.

  2. Blij om te horen dat het artikel geholpen heeft. Mocht je ooit nog andere interessante vragen en of opmerkingen hebben, laat het ons weten!

  3. hb2011 permalink

    En het omgekeerde? Hoe zorg ik ervoor dat er alleen maar witregels staan waar ik dat wil? En dus niet na een heading 1?

    Ik gebruik Atahualpa en mijn h1 ziet er als volgt uit: h1 { font-size: 14px; font-weight: bold; }

  4. @hb2011 Check margin-top of padding-top of element na header 1. Wellicht heeft deze een marge of padding waardoor de witruimte onstaat. Een link naar de live site is altijd handig.

  5. hb2011 permalink

    @Jasper Er is geen element, alleen maar tekst na heading 1.

    Ik heb even een testpaginaatje aangemaakt op terrorkids*nl (*=.), daar zie je precies wat ik bedoel.

    Wat mij betreft ziet het er zo uit:

    heading 1
    en dus meteen daaronder de tekst en niet eerst

    een ENTER

  6. hb2011 permalink

    close tags…

    Ik bedoel:

    heading 1
    en dus meteen daaronder de tekst en niet eerst

    een ENTER

    • je header heeft een margin-top en bottom:10px die ruimte creeert tussen de header en de eerste paragraaf. Daarnaast heeft de p dat ook. Door de marge aan de bovenzijde van de p en aan de onderzijde van de h1 0px te maken breng je de header en de p netjes bij elkaar. Dit kun je door de stylesheet aan te passen. Zie ook http://codex.wordpress.org/Theme_Development#Theme_Stylesheet

  7. hb2011 permalink

    Bijna:

    h1 { font-size: 14px; ;font-weight: bold; margin-bottom: 0px; margin-top: 0px; }

    geeft in ieder geval de juiste margin tussen de paginatitel en de heading 1. Namelijk 0 pixels.

    Maar ik denk dat ik de regel p niet goed heb:

    p {margin-top: 0px; margin-bottom: 10px}

    Ik zie alleen niet waar. Ik heb ook geprobeerd de margin-bottom op 0 px te zetten, just in case, maar ook dat werkt niet.

    En om alles uit te sluiten heb ik ook nog

    padding: 0px;

    toegevoegd aan de p code, maar ook dat werkt niet.

    • hb2011 permalink

      Ik heb het nog steeds niet kunnen oplossen.
      En ik heb er een – ik denk soortgelijk – probleem bij: de kleur van het stukje links naast de menubar.

      Zie terrorkids . nl
      Hier heb ik beide problemen uitgelegd staan

    • We hebben op het moment geen tijd om je te helpen. Erg druk met opdrachten. Je kunt deze hulp wel als verzoek tot hulp indienen en dan kunnen we je als klant helpen. Een andere optie is het Nederlandstalige WordPress forum.

  8. Na lang zoeken bij je artikel uitgekomen. En inderdaad, het werkt, geen witregels meer in mijn blog!! THANKS

Laat een reactie achter

NB: XHTML is toegstaan. Je email adres wordt niet gepubliceerd.

Abonneer je op de reacties op dit artikel via RSS

*