Please, enter a valid email!
00 days
:
00 hours
:
00 minutes
:
00 seconds

WordPress WYSIWYG Editor Customization

I don’t know how many WordPress bloggers use only the Text tab in the editor, but I’m pretty sure that couple more buttons will definitely save their time, since there will be no need to add tags and styles manually.

My habit of watching the code through the tab text appeared quite a long time ago, when TinyMCE was constantly adding extra < br > tags, and I really hated that. That’s why the tab Visual is something that I’m not using at all.

Today was one of those fine days when I realised that I need to automate my routine work a bit, that's why I decided to add couple more buttons with tags that I'm using most often, and to share this knowledge with you.

Every blog has it’s own styles for formatting the text, so you can customize WordPress editor for your own needs.

In this blog post you will find a good piece of advice concerning customization of a WordPress editor. In the current version of WordPress 3.8.1 you can find following buttons.

wysiwyg editor wordpress

Even though there are quite a lot of functionalities behind these buttons from time to time I feel that it’s not enough, and I need something more. In such cases I have to use various styles.

Ok, so how to add couple more buttons to your editor, actually that's pretty easy, all you need to do is to open your functions.php file and add following piece of code at the botton of this file.

What will you get from thids function? Every editor has a number of hidden buttons this function reveals them in your Visual tab:

1
2
3
4
5
6
7
8
9
10
11
function enable_more_buttons($buttons) {
  $buttons[] = 'hr';
  $buttons[] = 'sub';
  $buttons[] = 'sup';
  $buttons[] = 'fontselect';
  $buttons[] = 'fontsizeselect';
  $buttons[] = 'cleanup';
  $buttons[] = 'styleselect';
  return $buttons;
}
add_filter("mce_buttons_3", "enable_more_buttons");

If you're using Text tab only, with this piece of code you can add some extra buttons. Every blogger has a number of favorite tags and writing them all the time, or just copying/pasting takes much time, so why not to automate this process and turn this into one click action?

Add this piece of code to your functions.php file and you will get 4 additional buttons with tags < p >, < br >, < h3 > and < h4 >:

1
2
3
4
5
6
7
8
9
10
11
12
if( !function_exists('_add_my_quicktags') ){
function _add_my_quicktags()
{ ?>
<script type="text/javascript">
QTags.addButton( 'p', 'p', '<p>', '</p>' );
QTags.addButton( 'br', 'br', '<br>', '<br>' );
QTags.addButton( 'h3', 'H3', '<h3>', '</h3>' );
QTags.addButton( 'h4', 'H4', '<h4>', '</h4>' );
</script>
<?php }
add_action('admin_print_footer_scripts', '_add_my_quicktags');
}

If you want to create your own button you need to take this line of code:

1
QTags.addButton( 'p', 'p', '<p>', '</p>' );

and change four parameters:

  • button ID
  • button value
  • button Tag Start
  • button Tag End

Actually for the same purpose you can use number of plugins that will add extra functionalities to your editor.

WYSIWYG 3D Drag And Drop Visual HTML Editor

WYSIWYG 3D Drag

WYSIWYG 3D Visual HTML Editor & Drag And Drop Web Page Editor With CKEditor, Desktop Publisher For WordPress.

* * *

WP Editor

WP Editor

WP Editor is a plugin for WordPress that replaces the default plugin and theme editors as well as the page/post editor.

* * *

Visual Editor Custom Buttons

Visual Editor Custom Buttons

Visual Editor Custom Buttons lets you add custom buttons to the WordPress Visual Editor.

* * *

MCE Table Buttons

MCE Table Buttons

Adds table editing buttons to a new, third row in the WordPress WYSIWYG editor.

* * *

Extensible HTML Editor Buttons

Extensible HTML Editor Buttons

A plugin for adding custom buttons to the WordPress HTML Editor, including custom modal dialogs.

* * *

That's it, guys if you have anything else to add, or just want to share your insight comments section at the bottom is at your disposal.


Alex Bulat

Writing a blog post or building a micro niche WordPress website is something Alex can do bare-handed. You're welcome to contact him via Telegram, Facebook, or LinkedIn.

Get more to your email

Subscribe to our newsletter and access exclusive content and offers available only to MonsterPost subscribers.

From was successfully send!
Server error. Please, try again later.

20 responses to “WordPress WYSIWYG Editor Customization”

  1. A片 says:

    ????

    goodddd thankssss youuuu

  2. Katineprkn says:

    free caesars slot no download
    lucky slots
    casino888

  3. Katineprkn says:

    online vegas slots
    123 slots
    las vegas 100 pay free slots

  4. perfect

    thank you for a very good article

  5. cjzqlplp says:

    how Long Does Daytime Does It Take For Daytime Cialis To Kick In?

  6. AustinCip says:

    I migliori casinГІ online offrono centinaia di giochi da casinГІ! Se sei pronto per trovare i migliori siti, imparare a giocare o testare la tua strategia con giochi gratuiti, abbiamo quello che fa per te. Continua a leggere per scoprire il tuo nuovo gioco da casinГІ preferito e inizia a giocare oggi. Free Australian Online Pokies – Electric Nights Pokies Il nostro obiettivo è quello di aiutarvi nel capire quali siano i migliori casino con bonus online, per poter scegliere al meglio dove giocare. Per riuscire nel nostro intento, ci curiamo quotidianamente di monitorare l’operato dei casino online italiani e di provare e recensire tutti i nuovi operatori che fanno il loro ingresso sul mercato. Get FULL access to the Italian Insider website for only 1euro a month. Inoltre, i casinГІ sicuri offrono solo metodi di pagamento online affidabili, utilizzati solo in una grande varietГ  di negozi online e altri siti web che offrono ai giocatori la possibilitГ  di acquistare o ordinare articoli e servizi. http://tilengine.org/forum/member.php?action=profile&uid=108021 It’s the first time since 1962 that we’ve seen 60-point games on consecutive days, with Wilt Chamberlain doing it himself. Free spins work in a remarkably simple way: The player receives a number of spins which are usually tied to a predetermined slot. The only thing you need to do is to open the relevant game and use those spins. Free spins are such a popular form of a bonus that they’re offered by basically every online casino nowadays, either next to a deposit bonus or as no deposit free spins. There is no overall maximum limit to the number of free spins you can get. Instead, it’s up to the casino. When you claim free spins, you’ll see the number of spins you’ll gain. Some casinos can give you more free spins depending on your deposit, so a $20 deposit might give you 20 free spins, while a $100 deposit will give you 200 free spins.

  7. fkhjgwlx says:

    order modafinil 200mg sale generic modafinil

  8. JebnJoisp says:

    quality prescription drugs canada marinol canada pharmacy

  9. tadalafil dosage where to buy generic cialis online safely

  10. Prednisone says:

    Levitra Pas Cher Viagra

  11. Google says:

    Google

    Just beneath, are various entirely not associated web-sites to ours, however, they’re surely really worth going over.

  12. Propecia says:

    Best And Quickest Viagra Online

  13. Cialis says:

    Is Priligy Any Good

Leave a Reply

Your email address will not be published. Required fields are marked *