See How To Easily Add Text And Images To Your WordPress Sidebar Or Footer – Using The Black Studio TinyMCE Widget

Sidebar Widget

About This Lesson

If you’ve ever tried adding text or images into your sidebar or footer, you’ll know that the only default widget you can use is the “Text” widget.

But with the “Text” widget you can only add text, so you can’t add images (at least not easily) and you can only style your text if you know HTML and CSS.

In this tutorial I’ll show you how to add text or images into your sidebar or footer, using the visual editor. (Meaning you don’t need to know any code)

To do this we’ll use a plugin called “Black Studio TinyMCE Widget”.

In this tutorial I’m going to show you,

  1. How to install the Black Studio TinyMCE Widget
  2. How to add it to your sidebar or footer area
  3. And I’ll show you a quick example of me using it

As you’ll be using a widget to do this, I recommend that you go through the WordPress widgets tutorial.

And because you’ll be adding content the same way as you do for posts or pages, I recommend also going through the following lessons,

  1.  Using The Visual Editor To Style Your Content
  2.  How To Add Media Into Your Content

Read All About It

How To Install The Black Studio TinyMCE Widget

The first thing you’ll need to do, is install the Widget.

To do that, you’ll obviously need to be logged into your WordPress site.


Search For Sidebar Visual Editor

  1. In your navigation menu, go to Plugins > Add New
  2. Then in the search box, type “sidebar visual editor”
  3. Then hit enter on your keyboard

This will then bring back a list of plugins.

You want the one that is “By Black Studio”. So find that, then like in the image below click the “Install Now” button.

Install Black Studio TinyMCE

Then click the “Activate Plugin” link.

Activate Black Studio TinyMCE

And that’s all there is to installing the plugin!

How To Add The Widget To Your Sidebar Or Footer

Now that you have the plugin installed, it’s time to add the widget to your sidebar or footer area.

To do this,

Add The BlackStudio TinyMCE Widget To Your Sidebar Or Footer

  1. Go to Appearance > Widgets
  2. Then in the “Available Widgets” section, find the “Visual Editor” widget
  3. Now click and drag this widget, into the widget area you want to use this in. In this example I’ve added it to “Sidebar”

And you’ll now be able to start adding your text or images.

Quick Tip

You can use this widget multiple times and in multiple widget areas.

So for instance, after you’ve dragged the first “Visual Editor” into say your sidebar area, you can go back to the “Available Widgets” section and drag another “Visual Editor” into your footer area.

And you can do this as many times as you want.

A Quick Example Of Me Using The Widget

In this example I’ll show you how I added some text and an image into the sidebar on this site. So,

How To Add A Widget To Your Site

  1. First I go to Appearance > Widgets
  2. In the “Available Widgets” area, I find the “Visual Editor”
  3. I then click and drag this widget into my chosen widget area, in this example I’m going to drag it into my “Sidebar”
  4. Then to edit the contents of this widget, I simply click the arrow next to the widgets title
  5. And now I can add in the text/images I want to display in my sidebar, just like I do for posts or pages
  6. When done, I click save. Then I can take a look at this widget live on my site (see the image below)

See How To Easily Add Text And Images To Your Sidebar Or Footer

All Done

And that’s all there is to it!

If you’re interested in more tutorials like this, check out my individual tutorials page.