Twenty Ten Slideshow im Header?

  • Hallo Leute!
    Als WP Neuling tue ich mir etwas schwer, ich hoffe einer hier kann mir ein Tip geben.

    Ich möchte gerne im WP 3.1, beim Theme TwentyTen im Header eine Slidshow oder eine swf Datei Einfügen.

    Habs zwar mit NextGen Gallery eine neue Galerie erstellt und unter header.php die Anweisung:

    PHP
    <img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />

    und mit

    PHP
    <?php
      if (function_exists("nggSlideshowWidget"))
      nggSlideshowWidget("1","940","198");
      ?>

    ersetzt. Wenn ich das mache, wird der Header vom Headerbeireich versetzt angezeigt!

    Gibts eventuell ein Plugin dafür, oder wie könnte ich dies machen?

    lg

    • Anzeige

    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

  • Nach lagem Suchen und Experimentieren. Bin ich auf zwei Möglichkeiten gekommen, um den Header anzupassen! Diese Lösung möchte ich gerne mit euch teilen. Für manche wird das natürlich nichts neues sein!

    Möglichkeit 1
    [FONT=Symbol]· [/FONT]NextGenGallery Plug-In Installieren
    [FONT=Symbol]· [/FONT]Eine neue Galerie erstellen und gewünschte Bilder (940*198)einfügen
    [FONT=Symbol]· [/FONT]Die ID der NextGenGallery (In meinem Fall ) [FONT=&quot][nggallery id=1] [/FONT][FONT=&quot]merken/aufschreiben[/FONT]
    [FONT=Symbol]· [/FONT]Unter Design auf Editor gehen und die „header.php“ (Kopfzeile) suchen
    [FONT=Symbol]· [/FONT]Header.php Dokument auf „header“, Eintrage suchen
    [FONT=Symbol]· [/FONT]Die Anweisung

    PHP
    <img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />

    löschen
    [FONT=Symbol]· [/FONT]Und mit diesen Funktion überscheiben

    PHP
    <div id="header" class="clearfix"
       
                      <?php if (function_exists("nggSlideshowWidget"))
                      nggSlideshowWidget("1","940","198");
                      ?>

    Ersetzen!

    Möglichkeit 2
    Eine swf- Datei Erstellen (mit gewünschten Bilder)
    Die Datei banner.swf muss direkt im Theme- Ordner vom twentyten liegen! (nicht im images)
    [FONT=Symbol]· [/FONT]Unter Design auf Editor gehen und die „header.php“ (Kopfzeile) suchen
    [FONT=Symbol]· [/FONT]Header.php Dokument auf „header“, Eintrage suchen
    [FONT=Symbol]· [/FONT]Die Anweisung

    PHP
    <img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />

    löschen
    [FONT=Symbol]· [/FONT]Und mit diesen Funktion überscheiben

    PHP
    <div id="header" class="clearfix">
             <object width="940" height="198"
          data="<?php bloginfo('template_url') ?>/banner.swf"
          type="application/x-shockwave-flash">
        <param name="banner" value="<?php bloginfo('template_url') ?>/banner.swf"> <param />
       
      </object>

    [FONT=Symbol]· [/FONT]Es könnte sein, dass die Menüführung ein Zwischenraum entsteht. Aber das kann man unter CSS Anweisung #access (Navigationsbereich) wider Korrigieren. In meinem Fall

    PHP
    #access {    background: none repeat scroll 0 0 #000000;
          display: block;
          float: left;
          margin: 0 auto;
          width: 940px;}

    mit margin-top: -5px erweitert

  • kleiner Fehler eingeschlichen

    Erstmal vielen Dank an den ersteller, für
    die kleine aber feine Anleitung. Hat soweit auch alles funktioniert.
    Lediglich die Positionierung innerhalb des TwentyTen Theme funktionierte nicht so ganz weil sich im php code ein kleiner Fehler eingeschlichen hat den ich euch nicht vorenthalten möchte.
    Richtig muss der Php Code so aussehen:
    [COLOR=#000000]
    [/COLOR]

    HTML
    <div id="header" class="clearfix">
       
                      <?php if (function_exists("nggSlideshowWidget"))
                      nggSlideshowWidget("1","940","198");
                      ?></div>

    Beim Ersteller dieses Treaths wurde das div Tag nicht geschlossen,
    so das die SlideShow immer aus dem header herausragte.

    Grüße

    desantes

  • Ich hab nun das Problem das die Slideshow erst anfängt wenn ich auf einen link innerhalb der Navigation klicke. Sprich, wenn ich einfach nur die Url aufrufe und auf der Startseite lade wird ewig nur das Ladesymbol für die Galerie angezeigt. Sobald ich aber auf einen Link klicke lädt die Bildergalerie einwandfrei.
    Hat einer ne Idee woran das liegen könnte?

    Grüße

    desantes

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!