Hier kann ein Hinweistext, ein interner-/ externer Link und/ oder ein Bild angezeigt werden.
So wird es gemacht
Mit dem Störer kann man auf eine besondere Aktion oder Seite hinweisen. Der Störer wird auf einer Seite/in einem Artikel mittels Shortcode gesetzt.
Hier der Beispiel-Shortcode für einen Störer (alle Parameter sind optional, Leerzeichen nach [ und vor] entfernen):
[ tipp oben='250px' rechts='24px' schrift='100%' rahmen='4px' rahmenfarbe='#55ac40' radius='15px' schatten='10px 10px 5px -5px #999' bild='http://Pfad_zum_Bild.jpg' tipp='<strong>Störer</strong> Hier kann ein Hinweistext, ein interner-/ externer Link und/ oder ein Bild angezeigt werden. <a href="http://Pfad_zu_dieser_Seite/">So wird es gemacht</a> ]
Die folgende Funktion wird dazu in die functions.php des Themes gesetzt.
<?php // --> Text oder Link function tipp_func( $atts ) { extract( shortcode_atts( array( 'tipp' => '<strong>Hinweis</strong><br />Hier kann ein Hinweistext, ein interner- / externer Link und/oder ein Bild angezeigt werden.', 'oben' => '200px', 'rechts' => '200px', 'adresse' => '', 'farbe' => 'transparent', 'rahmen' => '1px', 'rahmenfarbe' => '#000000', 'radius' => '', 'schatten' => '', 'schrift' => '90%', 'bild' => '', 'symbol' => '?', ), $atts ) ); if ($adresse <> '') $tipp = "<a href='$adresse'>$tipp</a> $symbol"; if ($bild <> '') $tipp = "<img src='$bild' style='float:left;margin-bottom:12px;margin-right:12px;' alt='' />$tipp"; $css = "position:absolute; top:$oben; right:$rechts; max-width:250px; padding:12px; background:$farbe; border:$rahmenfarbe $rahmen solid; border-radius: $radius; box-shadow: $schatten; font-size:$schrift;"; return "<div style='$css'>$tipp</div>"; } add_shortcode( 'tipp', 'tipp_func' ); ?>
Diese Parameter können im Shortcode gesetzt werden (wenn ein Parameter nicht gesetzt wird, wird die Vorbelegung verwendet):
‚tipp‘ => ‚Hinweis
Hier kann ein Hinweistext, ein interner- / externer Link und/oder ein Bild angezeigt werden.‘,
‚oben‘ => ‚200px‘,
‚rechts‘ => ‚200px‘,
‚adresse‘ => “,
‚farbe‘ => ‚transparent‘,
‚rahmen‘ => ‚1px‘,
‚rahmenfarbe‘ => ‚#000000‘,
‚radius‘ => “,
’schatten‘ => “,
’schrift‘ => ‚90%‘,
‚bild‘ => “,
’symbol‘ => ‚?‘,
Besonderheit: Wenn adresse=xxx angegeben wird, wird automatisch gesamte Text in tipp als Link erzeugt.
5951 mal gelesen
Schreibe einen Kommentar
Du musst angemeldet sein, um einen Kommentar abzugeben.