How create a shortcode with html

enter image description here

I want to create a shortcode for following HTML content:

i want print different alert or messages using that

HTML code

<div class="notify"><span class="symbol icon-fact"></span> <strong>THIS IS TITLE !</strong>
MY HTML CONTENT HERE
</div>

Desirable print on text editor

[st_highlight mstyle="notify"  ICON="symbol icon-star" title="THIS IS TITLE" ]
MY HTML CONTENT HERE
[/st_highlight]

after using shortcodes i able to change manually on text editor div ,icon and title using css class
for example when i put like below through shortcodes

[st_highlight mstyle="notify_red"  ICON="symbol icon-question_marks" title="" ]
    MY HTML CONTENT HERE
    [/st_highlight]

finally i able to generate different style with different css class ,
i try to use below html directory on wordpress text editor but some tags are not supported that’s why i want to create shortcode based style editable alert or messages codes

<div class="notify"><span class="symbol icon-star"></span> <strong>THIS IS TITLE</strong>

<ul>BELOW ARE ONLY SAMPLE HTML CONTENT 
<li>WHATEVER CONTENT</li>
<li>WHATEVER CONTENT</li>
<li>WHATEVER CONTENT</li>
<li>WHATEVER CONTENT</li>
</ul>
</div>

Read more here:: How create a shortcode with html

Leave a Reply

Your email address will not be published. Required fields are marked *