Benefits of Using the Black Studio TinyMCE Widget
The next thing we’re going to look at is using that Black Studio TinyMCE widget to create a somewhat more complex widget. The Black Studio TinyMCE widget is actually a text widget but it’s a text widget that gives you the full range of editing options that the regular WordPress editor gives you.
What you can Add to the Black Studio TinyMCE Widget
Customize the Widget
So my title here is going to be ‘We love helping small business owners build their own sites.’ And then I’ve got this content I want to stick in there. Now in this case, you don’t have to worry about checking whether or not the paragraph tag’s going to be added because it automatically adds paragraph tags just like the WordPress Editor does. So if we come back over here and refresh it we’ve got that laying out just like that.
What I really want to do here though is change the content a bit. I want to add some special styling to some of these things. So what I’m going to do here is I’m going to take both of these things and center them. And then this, I want to make an h4 or an h5. And this I want to make a link.
Although I think I’m just going to talk about doing that and make this a link next time because I think I’m going to run out of time here today. I was going to make this a telephone link so if somebody’s looking at your site with a smartphone, they can click on it and automatically dial out.
Let’s make it bold and italic anyway. So we’ll save that, come back over and refresh it. Obviously, I need a little bit more room in here and h5 I guess was maybe not the right choice. Let’s try h4. Although I do want a little bit more space there so I’ll press enter and I might actually take this and down here and place that.
So now I’m not going to have a title there but maybe I’ll make this an h3 and hit save. And I have it, there we go. Actually, the real customization of this is going to have to wait until next week when I have that additional thing added to Agility because today, I’m not getting exactly what I was looking for out of this. We’ll leave the rest of it like that. Save it, refresh it and we’ve got a little bit of styling.
Now when it’s all said and done, it’s actually going to look like this. But I have not yet finished the update to Agility that gives you the ability to make this kind of a widget style which is essentially what we need to do is be able to style the widgets like that. But by next week, I’ll have an updated version ready to do that.