How to create shortcodes like tinyMCE with icons in wordpress backend and get them working on page

I wanted to create a shorcodes like tinyMCE with little descriptive icons.

For example, if I click on column icon it will generate column shortcode inside content editor for me.

I know there are many plugins out there like Ultimate shortcode which does the job properly, but it gives much more options. Is there any proper way to get this done properly accordingly the needs?

I just want two column, three column and a button shortcode.

Source: shortcode

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.