Bild in Seitenkopf einfügen

Pero

Hallo,

ich bastel momentan an einem Theme für einen Bekannten, der keine Ahnung von CSS, PHP oder HTML hat.
Deshalb müssen alle Funktionen in dem Theme über die Adminoberfläche regelbar sein.

Nun ist es so, dass er gerne ein Bild in Seiten Einfügen würde, dass allerdings nicht so ganz in der Seite sitzt, sondern direkt unter der Navigation in einem dafür vorgesehenen Kasten.

Die Seite ist folgendermaßen Aufgebaut:
-Logo
-Navigation
-Kasten in dem das Bild angezeigt werden soll
-Die Spalte primary (content)-Spalte secondary (sidebar)

Jetzt kommt meine Frage:
Gibt es ein Plugin bei dem man bei jeder Seite ein Bild hinzufügen kann, dass dann an einer bestimmten Position eingefügt wird?
Also wird das Bild z.B. ganz normal in die Seite eingefügt, drum herum aber ein [shortcode][/shortcode] der das Bild dann an die dazugehörige Stelle packt?
Die Stelle könnte über eine PHP-Funktion aufgerufen werden.

Ich hoffe man versteht, was ich genau will ;)

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

bgeissler

Ich habe hier ein Code-Beispiel:
http://gsew.de/entwicklungen?vasthtmlaction=viewtopic&t=25.0

Pero

Sehr cool!

Ich werde es gleich mal ausprobieren. :)

Pero

Wenn ich den code in die functions.php eintrage und abspeichere ist die ganze zeit weiß.
Da läuft irgendwas schief :(

bgeissler

Zitat von Pero

Wenn ich den code in die functions.php eintrage und abspeichere ist die ganze zeit weiß.
Da läuft irgendwas schief :(

in die functions.php [COLOR=Red]des Themes[/COLOR]

Pero

Da ich momentan das Theme: TwentyEleven editiere ist der Pfad zur functions.php:
/wordpress/wp-content/themes/twentyeleven und dort befindet sich die functions.php

dort habe ich den code schon einmal so eingefügt(vor das beginnende <?php:

PHP

<?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='max-width:250px;float:left;margin-bottom:12px;margin-right:12px;'>$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' );
?>

Alles anzeigen

und einmal am Ende so:

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='max-width:250px;float:left;margin-bottom:12px;margin-right:12px;'>$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' );

Alles anzeigen

Bei beiden Malen wurde mir anschließend nur eine weiße Seite angezeigt...

bgeissler

Nimm den Code nochmal von meiner Seite, da hatte wohl mein Forum einiges verschluckt. Ich habe es geändert und getestet.

Pero

funktioniert einwandfrei!
sehr leicht zu erweitern , vielen Dank :)

bgeissler

Zitat von Pero

funktioniert einwandfrei!
sehr leicht zu erweitern , vielen Dank :)

Zeig dann mal, was du daraus gemacht hast.

Pero

PHP

<?php
function tipp_func( $atts ) {
    extract( shortcode_atts( array(
        'tipp' => '',
                'oben' => '-300px',
                'rechts' => '-30px',
                'adresse' => '',
                'farbe' => 'transparent',
                'rahmen' => 'none',
                'rahmenfarbe' => '',
                'radius' => '',
                'schatten' => '',
                'schrift' => '',
                'bild' => '',
                'symbol' => '?',
        'breite' => '',
        'hoehe' => '',
    ), $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;
                padding:0;
                background:$farbe;
                border:$rahmenfarbe $rahmen solid;
                border-radius: $radius;
                box-shadow: $schatten;
                font-size:$schrift;
        z-index:1200;
        width:$breite;
        height:$hoehe;";
    return "<div style='$css'>$tipp</div>";
}
?>

Alles anzeigen

Ich habe ein paar Erweiterungen beim CSS vorgenommen, also width , height und z-index hinzugefügt, sodass man verschiedene Größen verwenden und anpassen kann.

Damit es für den Nutzer dann sehr einfach ist, sieht der shortcode folgendermaßen aus:

PHP

[tipp hoehe='300px' breite='400px' bild='http://Bildurl.de']

Das Bild ist somit gut positioniert und man kann die Größe leicht anpassen.
Ein unerfahrener Nutzer wird zudem nicht von zich Parametern erschlagen ;)

Da ich ja nur Bilder anzeigen lassen möchte, könnte man schrift, adresse und co noch entfernen.

bgeissler

Ich habe es bei einem Kunden so vereinfacht, der will nur eine einfache Meldung ein- und ausschalten können:
shortcode:

Zitat

[tipp anzeigen='ja' text='Hinweis
Diese Seiten befinden sich im Aufbau.']

in der functions.php eingesetzt

Zitat

[COLOR=Red] if ($anzeigen=="ja")[/COLOR]
return "<div style='$css'>$text</div>";
}

Pero

so hast du es auf jeden Fall sehr kompakt gelöst.

Sollte man mal mehr Parameter benötigen ist das Standartskript passend geeignet ;)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Bild in Seitenkopf einfügen

Jetzt mitmachen!