• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

The Cre8tive Diva - WordPress Developer

Digital Nomad | Helping WordPress & Genesis Framework Website Owners All Over the World

  • Home
  • About
    • Accessibility Statement
    • Terms of Service & Privacy
  • Services
    • Blogger to WordPress Migration
    • Buddypress Installation
  • My Work
  • Blog
    • Tutorials
    • Five on Friday
    • Genesis Framework
    • Tipsy Tuesday
    • WordPress
  • Contact
Home » Enable Next Page, Superscript, Subscript, Font Size and Other TinyMCE Buttons in the WordPress Editor

Enable Next Page, Superscript, Subscript, Font Size and Other TinyMCE Buttons in the WordPress Editor

In a few recent discussions the question has been asked how to add buttons to the post editor. One person asked about the <!–nextpage–> button that allows you to break long pages into smaller pages with pagination. The other person works on a church website and wanted to know if the Superscript button could be added because they type out Verses.

Granted, you could use one of several TinyMCE plugins to do this but what if you only need a few?

The post editor comprises of two rows – the primary row which is always open and second row which you can toggle open and closed.

enable the tinymce buttons

In this demonstration, I will show you how to enable the TinyMCE buttons they requested, as well as a couple I’d like to use myself – Fonts, Fontsize and Underline. For a list of other buttons you can enable click here.

enable the tinymce buttons

Select Your Location
There are four filter hooks for the placement of the TinyMCE buttons.

mce_buttons – Primary toolbar (always visible)
mce_buttons_2 – Advanced toolbar (can be toggled on/off by user)
mce_buttons_3 – By default, WordPress does not use/display this toolbar (but toggles with mce_buttons_2)
mce_buttons_4 – By default, WordPress does not use/display this toolbar (but toggles with mce_buttons_2)

Add Your Code
For this exercise I am going to create a third row (mce_buttons_3) just for my buttons.

If you are unfamiliar with working with your theme files, stop and ask for help. If you are familiar with modifying your theme files – you should back them up before proceeding.

You can install the My Custom Functions plugin and add your code there or open your functions.php file in your theme/child theme folder. Copy and paste the following code to the bottom and Save. Clear any caching if you do not see them appear in your editor.

*Tip: Adding to your theme will only be usable with your theme. Adding via My Custom Functions, you will still have access to them if you change your theme.

https://gist.github.com/cre8tivediva/6be63b85e494b7bf12c7df640e93cb10#file-functions-php

Want to enable them on Row 2?

Just change the filer to “mce_buttons_2“.

Can I enable these to the new Text Widget?

Unfortunately not. I was able to find a post here where the question was asked in Gutenberg. You can read and follow the links in that communication for updates on that.

  • Like my Signature? Get the Signature Widget for Genesis right here!

  • FacebookTweetPinPrintShares37

    Filed Under: Tipsy Tuesday, Tutorials, WordPress

    Primary Sidebar

    It's just me and my dog Bella. I am a freelance web developer at Cre8tiveDiva.com. I build websites using WordPress and the Genesis Framework, WooCommerce and provide troubleshooting and support. I also build with Shopify. I love chocolate, lots of coffee!

    Sign Me Up!

    Receive my blog posts, tips and updates delivered to your inbox!

    Yes, Sign Me Up

    *By signing up you will receive new blogs, updates on products, services and important alerts.

    Categories

    • Design
    • eCommerce
    • Five on Friday
    • Fonts
    • Free Themes
    • Freebie Friday
    • Genesis Framework
    • Genesis Plugins
    • Genesis Themes
    • Genesis Untapped
    • Instagram
    • MailChimp
    • News
    • Plugins
    • Press This News
    • Social Media
    • Tipsy Tuesday
    • Troubleshooting
    • Tutorials
    • Uncategorized
    • Web Development
    • WooCommerce
    • WordPress
    • WordPress Plugins

    Footer

    Digital Nomad! I can be anywhere I wanna be now.

    Latest Blog Posts

    • Temporary Fix When Using Genesis Blocks Posts and Page Grid with Genesis Simple Share
    • How to Add Reading Time to a WordPress Genesis Child Theme Without a Plugin
    • How to Add “Shop” to WooCommerce Breadcrumbs when Using Yoast

    Looking for Something?

    Copyright © 2012–2023 · Designed with by Me! · Hosted on SiteGround