Customize character combination in editor to make a highlighted div

[ad_1]

I used wordpress to take notes daily. Occasionally I want to write a paragraph that I want to stand out as something to call my attention to later when scanning the notes, like a ‘to do’ item.

In a post, in which I take my notes per class and per meeting, I want to just write something like:

\-> Call the plumber before the weekend.

And I want the ‘dash arrow’ (->) to be all I have to write on that line via text, and have the wordpress editor, upon publishing, convert that one line into something like ‘<p class=”highlight”>Call the plumber before the weekend.</p>’

That way I can use styles to make that paragraph standout however I like.

The custom HTML seems too many clicks away. Custom shortcodes also doesn’t seem swift enough. It’s like I want customized markdown or something.

Is a key combination like this that converts into custom HTML a possibility?

&#x200B;

[ad_2]
1 Comment
  1. It would be pretty easy to write a little jQuery to find that character combination throughout the page and apply a class to the parent paragraph tag.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer