WYSIWYG Widgets – Easily Create Custom Widgets

Have you ever wanted to create a custom widget but didn’t know the HTML code to insert a picture or add bullet points to it for maximum effect? Well now you don’t have to after I found a plugin that lets you create widgets just like you do posts and pages. That plugin is called WYSIWYG Widgets.

WYSIWYG Widgets - WordPress Plugin

This plugin adds so-called Widget Blocks to your website which you can easily show in a widget area. You can create or edit the widget blocks just like you would edit any post or page, with all the default WordPress editing functions enabled. This has the huge benefit that you can use the visual editor to format your text, so you don’t have to write any HTML anymore. You can even use media uploading to insert images etc. into your widget content.

To add this plugin to your site you’ll need to search for “WYSIWYG Widgets” from the “Add New” menu under “Plugins” on your WordPress install and then activate it.

WYSIWYG Widgets - Admin MenuOnce the plugin is activated you’ll notice a new menu option in the admin sidebar of your WordPress site that should look something like this. This plugin lets you create widgets just like you create posts and pages so this menu item replicates that system.

Clicking on the “Widget Blocks” will give you the ability to view a list of your widgets you create along with the adding new widget blocks.

WYSIWYG Widgets - Admin Layout

As the functionality replicates creating a blog post you can add a new widget block with the convenience of the tools you are familiar with. Be it inserting a picture, a list of items or something else more specific to your needs. Once the widget is finished and you have published it the next step is to add it to your site’s sidebar.

WYSIWYG Widgets - Insert WidgetBrowse to “Appearance -> Widgets” and you should notice a new widget in your system called “WYSIWYG Widgets“. Simply drag this widget into your sidebar of choice and edit it to select your widget block you created earlier.

You need to select the widget option based on the title you gave it earlier and enter in a title for the widget if it requires one. One of the nice features that I love about this plugin is that you enter all the text for the widget in a separate section, saving you from working on text and code in the small space you normally get when using a default text widget.

And that’s all there is to it. You’ll now have a custom widget added to your site made with the convenience of the editing options you have when creating a post or page on your blog. The only problem you may face is getting the display of the widget to your liking but otherwise this is certainly a great tool for those of you uncomfortable using HTML code to create widgets.

Share and Bookmark >

Free Blog Updates

Leave A Reply

Leave a Reply