Wysiwyg editor tips

  • door

[et_pb_section bb_built=”1″ admin_label=”section”][et_pb_row admin_label=”row” background_position=”top_left” background_repeat=”repeat” background_size=”initial”][et_pb_column type=”4_4″][et_pb_text background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial”]

Een vraag die ik regelmatig krijg is: Hoe krijg ik in WordPress een zin op een nieuwe regel zonder dat er een witregel tussen komt?

Wat er namelijk standaard gebeurt als je een ‘enter’ geeft, is dat de cursor naar een nieuwe paragraaf springt. En paragrafen worden van elkaar gescheiden door een witregel.
De oplossing hiervoor is simpel: Wanneer je aan het eind van een zin naar een nieuwe regel wilt, dan houd je shift ingedrukt. Shift + enter geeft een zin op een nieuwe regel, zonder witregel ertussen. Dat is alles!

Een andere veelgehoorde vraag is: Hoe kan ik headings toevoegen, en tekst laten inspringen?

De wysiwyg editor in WordPress heeft daarvoor een optie, de knop ‘Toolbar weergeven/verbergen’.

[/et_pb_text][et_pb_image src=”//www.netsitez.nl/wp-content/uploads/Toggle-toolbar.jpg” alt=”wordpress toolbar weergeven” use_border_color=”off” animation_style=”slide” animation_duration=”500ms” animation_intensity_slide=”10%” animation_direction=”left” _builder_version=”3.3.1″ /][et_pb_text background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial”]

Deze knop opent aanvullende opmaakopties om teksten mee te verrijken. Na klikken op de met rood omrande knop in de afbeelding hierboven krijg je dit te zien:

[/et_pb_text][et_pb_image admin_label=”toolbar uitgeklapt” src=”//www.netsitez.nl/wp-content/uploads/toolbar-uitgeklapt.png” alt=”wysiwyg editor tips” use_border_color=”off” animation_style=”slide” animation_duration=”500ms” animation_intensity_slide=”10%” animation_direction=”left” _builder_version=”3.3.1″ /][et_pb_text background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial”]

De extra regel herbergt onder andere de optie om geselecteerde tekst via de dropdown aan de linkerkant aan te passen naar heading.
Of om tekst te onderstrepen. Of een andere kleur te geven en ga zo maar door..

Wysiwyg editor functies uitbreiden

Stel, je wilt tabellen maken in de editor. Omdat je prijstabellen moet gebruiken. Of contactgegevens. Wat dan ook.
Om in de normale wysiwyg editor een tabel aan te maken moet je naar de tekst modus, en de tabel in html in elkaar sleutelen.

Er zijn plugins die de standaard editor uitbreiden met tal van functies, zodat dingen als tabellen veel eenvoudiger kunnen worden toegevoegd. En ook met lijsten is door zo’n plugin ineens veel meer mogelijk.

In willekeurige volgorde:

TinyMCE Advanced

[/et_pb_text][et_pb_image admin_label=”TinyMCE Advanced plugin image” src=”https://ps.w.org/tinymce-advanced/assets/banner-772×250.png?rev=971511″ alt=”TinyMCE Advanced plugin” title_text=”TinyMCE Advanced plugin” show_in_lightbox=”off” url_new_window=”off” use_overlay=”off” animation=”left” sticky=”off” align=”left” force_fullwidth=”off” always_center_on_mobile=”on” use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation_style=”slide” animation_duration=”500ms” animation_intensity_slide=”10%” animation_direction=”left” show_bottom_space=”on” _builder_version=”3.3.1″ /][et_pb_text background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial”]

WP Editor

[/et_pb_text][et_pb_image admin_label=”Wp editor wordpress plugin image” src=”//ps.w.org/wp-editor/assets/banner-772×250.png?rev=1184262″ alt=”Wp editor wordpress plugin” title_text=”Wp editor wordpress plugin” show_in_lightbox=”off” url_new_window=”off” use_overlay=”off” animation=”left” sticky=”off” align=”left” force_fullwidth=”off” always_center_on_mobile=”on” use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation_style=”slide” animation_duration=”500ms” animation_intensity_slide=”10%” animation_direction=”left” show_bottom_space=”on” _builder_version=”3.3.1″ /][et_pb_text background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid” background_position=”top_left” background_repeat=”repeat” background_size=”initial”]

WP Super Edit

Al deze plugins voegen extra functies toe aan de standaard ingebakken editor. Wel zijn ze nogal verschillend van elkaar, het loont de moeite om te kijken welke voor jou het beste is.

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]

Tags: