ShowCode – Shortcode

Mit dem ShowCode – Shortcode kannst du Codezeilen wie z.B.: HTML, Java-Script, WordPress Shortcodes anzeigen lassen, ohne das diese von WordPress verarbeitet werden. Hierbei werden alle Zeichen in die entsprechenden HTML-Codes umgewandelt. Optional kannst du diese auch als HTML Input Feld ausgeben, damit der User für den der Code ist, diese einfach herauskopieren kann.

Aufbau dieses Shortcodes
[[showcode size=““ typ=““ height=““]DEIN INHALT[/showcode]]

„size“: mögliche Werte [normal,small,xsmall]
Wenn Du diesen Parameter weg lässt, erscheint der Text in der Standard Schriftgröße deines Themes. [small] entspricht 0.9em. [xsmall] entspricht 0.8em.

„typ“: mögliche Werte [html,input]
Der Parameter typ ist optional. Standard ist die HTML Ausgebe. Bei typ=“input“ wird der Inhalt in einem Input Feld ausgegeben.

„height“: mögliche Werte [Anzahl Pixel] der gewünschten Höhe des INPUT Feldes. Bei typ=“html“ wird dieser Parameter ignoriert.

Beispiel zur Anzeige des Shortcodes unsere CTA Buttons als HTML Text
[showcode][ctabutton design=“green“ url=“093081919460″ text=“0930 81 91 94 60 – Preis innen“ icon=“fa-phone“ corners=“20″ traking=“true“  typ=“telefon“ price=“2,16 EUR/Min.“ ][/showcode]

Beispiel zur Anzeige des Shortcodes unsere CTA Buttons als HTML Text – small
[showcode size=“small“][ctabutton design=“green“ url=“093081919460″ text=“0930 81 91 94 60 – Preis innen“ icon=“fa-phone“ corners=“20″ traking=“true“  typ=“telefon“ price=“2,16 EUR/Min.“ ][/showcode]

Beispiel zur Anzeige des Shortcodes unsere CTA Buttons als HTML Text – xsmall
[showcode size=“xsmall“][ctabutton design=“green“ url=“093081919460″ text=“0930 81 91 94 60 – Preis innen“ icon=“fa-phone“ corners=“20″ traking=“true“  typ=“telefon“ price=“2,16 EUR/Min.“ ][/showcode]

Beispiel zur Anzeige des Shortcodes unsere CTA Buttons als Input Feld 
[showcode typ=“input“][ctabutton design=“green“ url=“093081919460″ text=“0930 81 91 94 60 – Preis innen“ icon=“fa-phone“ corners=“20″ traking=“true“  typ=“telefon“ price=“2,16 EUR/Min.“ ][/showcode]

Beispiel zur Anzeige eines JavaScripts als HTML Text
[showcode]<script type=“text/javascript“ src=“//www.zononi.com/comingup?type=livechat&ovif=2&script=1&w=37166&ws=1803002&pfm=1502&autooff=0&cookietime=0&muted=1″></script>[/showcode]

Beispiel zur Anzeige eines längeren JavaScripts als HTML Text – size=“xsmall“
[showcode size=“xsmall“]<!– Facebook Pixel Code –>
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version=’2.0′;
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,’script‘,
‚https://connect.facebook.net/en_US/fbevents.js‘);
fbq(‚init‘, ‚2101397930145734‘);
fbq(‚track‘, ‚PageView‘);
</script>
<noscript><img height=“1″ width=“1″ style=“display:none“
src=“https://www.facebook.com/tr?id=2101397930145734&ev=PageView&noscript=1″
/></noscript>
<!– End Facebook Pixel Code –>[/showcode]

Beispiel zur Anzeige eines längeren JavaScripts als Input Feld (Höhe 200Pixel)
[showcode typ=“input“ height=“200″]<!– Facebook Pixel Code –>
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version=’2.0′;
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,’script‘,
‚https://connect.facebook.net/en_US/fbevents.js‘);
fbq(‚init‘, ‚2101397930145734‘);
fbq(‚track‘, ‚PageView‘);
</script>
<noscript><img height=“1″ width=“1″ style=“display:none“
src=“https://www.facebook.com/tr?id=2101397930145734&ev=PageView&noscript=1″
/></noscript>
<!– End Facebook Pixel Code –>[/showcode]