Marcus C. J. Hartmann

Create nice call-to-action Buttons (cta buttons) in 12 predefined colors or whole hexadecimalcode, using own labelling and individual target-URLs. A special settings-page offers an easy-to-use shortcode-generator with preview feature.
<ul>
<li>Define custom button text</li>
<li>Set a custom text color</li>
<li>Define custom link</li>
<li>Define a custom link title</li>
<li>Define, if target should be opened in a new window/tab or the current one</li>
<li>Use 12 predefined colors or custom hexadecimal color code</li>
<li>Define a javascript onclick action</li>
<li>Use Placeholders for page-id, button-id, target-url, text and current page as arguments in javascript functions</li>
<li>Define inline button behavior</li>
<li>Add custom css</li>
<li>Activate/deactivate rounded corners</li>
<li>Make clicks trackable</li>
<li>Usable in Widgets, Content and theme-parts</li>
<li>Easy to use Shortcode Generator in backend with color picker</li>
</ul>
QuickDocs Shortcode
<ul>
<li><code>text</code>: defines the text of the button</li>
<li><code>link</code>: the link your button points to, must start with “http://” to work properly</li>
<li><code>color</code>: the color of your button</li>
<li><code>title</code>: the mouse over title</li>
<li><code>onclick</code>: an onclick action to be executed before switching to the given link</li>
<li><code>target</code>: defines the target window of the link </li>
<li><code>style</code>: defines the intext behavior for the button (float, block etc)</li>
<li><code>rounded</code>: defines, if button corners are rounded, or not</li>
<li><code>tcolor</code>: defines the text color by hexdec code</li>
<li><code>css</code>: custom css for buttons</li>
</ul>
QuickDocs Javascript Placeholders
These placeholders only work in the “onlick” attribute and can be used as button-specific arguments in javacript functions.
They generally would be used like this: <code>onclick="your_awesome_js_function({buttonid},{link},{pageurl})"</code>;
<ul>
<li><code>{link}</code> will be replaced by the button-link</li>
<li><code>{pageid}</code> will be replaced by the page id that contains this button</li>
<li><code>{pageurl}</code> will be replaced by the page url that contains this button</li>
<li><code>{text}</code> will be replaced by the button text</li>
<li><code>{buttonid}</code> will be replaced by the button id</li>
</ul>
Important: Don’t use quotes in combination with the placeholders, since they are rendered with quotes automatically!
Example shortcode 
 [createButton text=”my text” link=”http://google.de” color=”gold” title=”my awesome button” onclick=”alert({url})” target=”_blank” style=”blockleft” rounded=”false” tcolor=”#123″ css=”a{min-height:300px;}” ]

mcjh button shortcode

Create nice Buttons with one simple Shortcode, suitable for beginners and pros

dsxxx

Plugin for Classic WordPress Editor. Gives an ability to add tags like span, cite, em etc. to the words of the text Classic Editor.
Put some text beetween the shortcodes to wrap it.
Examples: 
[span]Some text[/span] 
[cite]Some text[/cite] 
[em]Some text[/em] 
[accent]Some text[/accent] 
[textarea]Some text[/textarea] 
[empty]Some text[/empty] (for temporarily delete content) 
[button]add here a standart link[/button]

Text Tags Shortcode

Use shortcode to add tags to the text (in another words - wrap it).

mcjh button shortcode vs Text Tags Shortcode