Galerie Slideshow im Header

venenbluten

Hallo.

Ich möchte eine animierte Slideshow von den Bildern die ich in der Galerie habe in den Header unterbringen.
Ich wäre auch mit eine zufälligen Bilderserie sehr zufrieden.

Nach anklicken eines der Bilder sollte eine Weiterleitung zum Artikel/ Seite mit dem entsprechenden Bild funktionieren.

Gibt es dafür Plugins oder ist dies mit " WP only " realisierbar ?

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

Erzeugt Zufallsbild bei Seitenaufruf per php. Das könntest du in die header.php einbauen

PHP

<?php 
   
$i1 ="logo_1.jpg";
$i2 ="logo_2.jpg";
$i3 ="logo_3.jpg";
$i4 ="logo_4.jpg";
$i5 ="logo_5.jpg";
$i6 ="logo_6.jpg";
$i7 ="logo_7.jpg";


$zufall = rand(1,7);
$ausgabe = "i" . $zufall;




     print ('<span class="rechts" style="background-image:url(http://domain.de/wp-content/themes/xxxx/images/');
     print ($$ausgabe."); ");
     print ( 'background-repeat:no-repeat;"></span>');
?>

Alles anzeigen

venenbluten

Mit Deinem Code müsste ich alle Bilder die ich dann in der Galerie habe, manuell hinzufügen? (Eine programmierte Zufallswahl der gesamten Galerie ist von nöten.)

PHP

$i1 ="logo_1.jpg";

[COLOR=#000000][COLOR=#007700]

Hier meine Vorstellung bildlich dargestellt.

[/COLOR][/COLOR]

venenbluten

Ich denke das ich das Nextgen Galerie Script nutzen möchte.
aber

a) Wie bekommt man die Bilderschau in den Header. Auf der Galerieseite findet man dies auch in der Sidebar. Wird das mit einem Widget gemacht?
Wenn ja, schlecht da mein gewähltes Theme nicht widget fähig ist.

b) Durch die Vergabe einer id ( slideshow id=x ) wird, für meine Zwecke, eine einzige Galerie gebraucht. Erstens damit das Script aus allen, auch folgenden Bildern, wählen kann. Ist ein ein einziger Bilderordner ein Problem im Bezug von Sicherheit und Geschwindkeit?

venenbluten

Keiner eine idee?
Leider ist die Slideshow in der Sidebar ein Widget.

Kennt wer eine Idee? Der php Code aus dem zweiten Post bringt leider nix.

bgeissler

Ich bin mir nicht sicher, ob ich irgendwo schon mal was gelesen habe, wie man ngg-Aufrufe in einer php unterbringen kann.

Aber eine Lösung wäre:
eine Seite mit der slideshow erstellen und diese Seite in der style.css so formatieren, dass sie an der gewünschten Stelle im Layout angezeigt wird.
Also quasi als zweiter header, so hast du es ja auch in deinem image gezeigt.

venenbluten

a) Wird aber eine Seite bzw. ein Artikel nicht in der Navigation angezeigt?

b) Wie formatiert man das in *.css ?

c) Ich würde auch ein externes Programm nutzen. Nur da habe ich überhaupt keinen Überbkick.

bgeissler

Ersetze mal in deiner header.php diesen code:

HTML

<!-- <a href="http://www.venenbluten.de"><img src="http://www.venenbluten.de/wp-content/themes/relaxation/images/header.gif" alt="Projekt: &quot; selbstgemacht &quot;" title="Projekt: &quot; selbstgemacht &quot;" width="200" height="100" /></a> -->

mit diesem:

PHP

<div style="margin-left:auto;background-color:gray;width:510px;height:100px;">
<?php
query_posts('page_id=3');
while (have_posts()) : the_post();
    the_content(); 
endwhile;
?>
</div>

'page_id=3' bezeichnet die Seite mit der slideshow. Größe der Bilder in dem Beispiel: [COLOR=#000000]width:510px;height:100px
Beachte, das ist nur ein Beispiel.
CSS: wenn du damit ein Ergebnis erzeilst, dann ersetzt du diesen code:
[/COLOR]style="margin-left:auto;background-color:gray;width:510px;height:100px;" durch id="header_slide" und ergänzt deine style.css mit diesem code:

Code

#header_slide {
margin-left:auto;
background-color:gray;
width:510px;
height:100px;
}

Fällt mir gerade auf: ich gehe davon aus, dass du bereits das plugin NextGenGallery nutzt.

venenbluten

Im Header wird "etwas " ausgegebn. Allerdings werden nun keine Seiten angezeigt. z.b. die feste Startseite "Willkommen"
Auch neue Artuikel werden mit : " Es gibt leider keinen Artikel, der deinen Kriterien entspricht. " ausgegeben.
Hier ist meine original Theme header.php

PHP

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
</head>
<body>
<div id="page">
<div id="top"></div>
<div id="wrapper">
<div id="header">
<a style="color: #a9ac99; font: 30px Georgia, 'Times New Roman', Times, serif;" href="<?php echo get_settings('home'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a>
<!-- <a href="<?php echo get_settings('home'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/header.gif" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>" width="200" height="100" /></a> -->
</div>

Alles anzeigen

bgeissler

Wenn du die erste Anweisung "ersetzen - mit" durchgeführt hast, sollte deine Seite so aussehen (Platzhalter für die neue Seite):

venenbluten

(hatte es für den laufenden Traffic wieder rückgängig gemacht)

Den Platzhalter hatte ich gesehen. Nur leider konnte ich keine Seiten mehr anzeigen, bwz. Artikel anklicken.
Es blieb bei einem leeren Feld.

bgeissler

Bau es mal ein, dann kann ich dir Schritt für Schritt helfen.

venenbluten

Habe Dir eine PM geschickt. Danke!

bgeissler

Zitat von venenbluten

Habe Dir eine PM geschickt. Danke!

Ich gebe ehrenamtliche Hilfestellung zur Selbsthilfe im Forum. Im Forum deshalb, damit mehr Leute davon profitieren können.
Individuelle Design-Arbeiten sind nicht kostenlos.

venenbluten

Für alle anderen die mir dabei helfen möchten, habe ich eine Fotmontage gemacht.
Diese verdeutlicht meine Vorstellungen.

[Blockierte Grafik: http://www.2alonE.de/wwwbilder/headerbilder.jpg]

Im Moment nutze ich die nggallery , aber diese wird mir immer unsympatischer. Daher wäre eine Lösung ohne dieses Plugin echt toll!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Galerie Slideshow im Header

Jetzt mitmachen!