Störer auf dieser Seite

[tipp oben=’10px‘ rechts=’20px‘ schrift=’100%‘ rahmen=’4px‘ rahmenfarbe=’#55ac40′ radius=’15px‘ schatten=’10px 10px 5px -5px #999′ bild=“ tipp=‘Störer
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&#039; 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.

5132 mal gelesen