Hi,
ich möchte gerne mehrere Beitragsbilder definieren können die nach einiger Zeit automatisch wechseln. Wie eine Art Slideshow.
Kennt hierzu jemand ein brauchbares Plugin oder wie würdet Ihr das lösen?
LG Kris
Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellenHi,
ich möchte gerne mehrere Beitragsbilder definieren können die nach einiger Zeit automatisch wechseln. Wie eine Art Slideshow.
Kennt hierzu jemand ein brauchbares Plugin oder wie würdet Ihr das lösen?
LG Kris
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.
Was ist „nach einiger Zeit“? Was ist „eine Art Slideshow“?
Also Bildwechsel nach kurzer Zeit, ohne die Seite neu zu laden (Slideshow) oder nach längerer Zeit – Tage, Wochen, Monate …
Es gibt PlugIns, mit denen man mehrere Beitragsbilder definieren kann.
Es gibt Slideshow-PlugIns, mit denen man mehrere (viele) Slideshows anlegen kann – die man dann hinwiederum seitenspezifisch zuordnen kann: Dafür würde sich evtl. ein Custom Field / benutzerdefiniertes Feld eignen.
Du könntest auch Galerien anlegen und diese entsprechend als Slideshows ausgeben lassen.
Viele viele Möglichkeiten.
Gruß
helix
ZitatEs gibt PlugIns, mit denen man mehrere Beitragsbilder definieren kann.
Genau sowas suche ich. Diese Beitragsbilder sollen dann nach kurzer Zeit wechseln.
Habe es mit den Plugins "Dynamic Feature Image" & mit "multiple post thumbnails" ohne Erfolg versucht...
Ich war nicht davon ausgegangen, dass so ein PlugIn deine mehreren Beitragsbilder dann „von alleine“ als Slideshow abspielt. Du?
Aber solange man nichts über die Hintergründe weiß, kann man dir schlecht konkretere Tipps geben.
Was für ein Theme? Hast du ein Child-Theme? Ist ein Galerie-PlugIn bereits im Einsatz? etc.
Ich weiß nicht, ob es ohne Eingriff in Template-Dateien machbar ist.
Wenn du ein PlugIn findest, das es dir ermöglicht, dein Beitragsbild durch irgendwelchen Inhalt zu ersetzen – dann könnte dieser irgendwelche Inhalt auch der Shortcode für eine Slideshow (erzeugt von einem Slideshow-PlugIn) sein …
Gruß
helix
Dyad Theme
Child Theme ist erstellt
Kein Galerie Plugin im Einsatz
Die Website wird gerade erst erstellt. Den Weg über eine Slideshow und dann im Template könnte ich auch versuchen.
Wäre halt toll wenn es sowas über ein Plugin out of the box gäbe.
lg kris
geht mit owl.carousel oder dein wunsch slider
hir mal Single.php
// array with parameters
$args = array(
'post_parent' => $post->ID,
'post_type' => 'attachment',
'orderby' => 'menu_order', // du kannst auch nach datum sortiren
'order' => 'ASC',
'numberposts' => 5, // anzahl von bilder in slider
'post_mime_type' => 'image'
);
if ( $images = get_children( $args ) ) {
// wenn kein bilder in beitag sind werd nix angezeigt
echo '<ul id="slider">';
foreach( $images as $image ) {
echo '<li>' . wp_get_attachment_image( $image->ID, 'zik_slider' ) . '</li>';
}
echo '</ul>';
}
Alles anzeigen
für funktion.php
Hilft mir leider nicht weiter, das übersteigt meine Kentnisse...
Dann wäre es vielleicht angemessen, wenn du die Kenntnisse, die du definitiv hast, soweit mit uns teilst, dass wir konkrete(re) Tipps geben können.
Bisher wissen wir nur: Da gibt es (jeweils) ein Beitragsbild. Das soll ersetzt werden durch eine Slideshow mit jeweils mehreren Bildern.
Aber: ein Beitragsbild kann auf so viele unterschiedliche Arten ausgegeben / genutzt werden …
Worum geht es:
* Beitragsbilder als Headerbild bei Seiten (oder auch Posts in der Single-Ansicht)
* Beitragsbilder als Thumbnails in der Beitragsübersicht auf der Startseite / Blogseite / Kategorieübersichtsseite …
* andere Anwendung …
Wer soll / muss das hinterher pflegen? An wievielen unterschiedlichen Stellen sich die Slideshow zusammenzustellen, um dann einen Shortcode sonstwohin zu kopieren etc., ist zumutbar?
=> Mach mal einen Plan. Erklär uns, wie es „funktionieren“ soll – also wie es sich für den User darstellen soll.
Gruß
helix
Es geht um: Beitragsbilder als Headerbild bei Posts in der Single-Ansicht - hier soll eine Slideshow ausgegeben werden. (nicht mehr als 3 Bilder je Slideshow). Der User soll also ohne Zutun verschiedene Bilder zu diesem Beitrag erleben können. In der Beitragsübersicht können die Bilder ruhig statisch sein.
ZitatWer soll / muss das hinterher pflegen? An wievielen unterschiedlichen Stellen sich die Slideshow zusammenzustellen, um dann einen Shortcode sonstwohin zu kopieren etc., ist zumutbar?
Ja das geht, Codeschnipsel in den Templates ändern geht auch.
Mein Know How endet wenns um selbst programmieren geht (ausgenommen html / css).
Hier der relevante Code aus der content-single.php:
<?php if ( has_post_thumbnail() && 'image' != get_post_format() ) : ?>
<?php
$thumb = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'dyad-featured-image' );
$thumb2 = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'dyad-featured-image-horz' );
?>
<div class="entry-media" style="background-image: url(<?php echo esc_url( $thumb['0'] ); ?>)">
<div class="entry-media-thumb" style="background-image: url(<?php echo esc_url( $thumb2['0'] ); ?>); "></div>
</div><!-- .entry-media -->
<?php endif; ?>
Alles anzeigen
Nur die HowTo-Kurzfassung, wie ich es dann angehen würde. Kannst ja mal probieren …
* PlugIn für den Slider auswählen und installieren.
Erste Slideshow für ein erstes Post anlegen. Bildgröße sinnigerweise gleich wie die empfohlene / verwendete Größe für Beitragsbilder.
* Im zugehörigen Post ein benutzerdefiniertes Feld anlegen, z.B. mit dem Namen „beitragsslider". Dort den Shortcode für die zugehörige Slideshow einfügen.
Benutzerdefinierte Felder werden dir im Post-Bearbeiten-Fenster unten angezeigt, wenn du vorher bei „Ansicht anpassen“ das passende Häkchen gesetzt hast.
Du kannst dafür auch ein PlugIn zum Einsatz bringen, z.B. Advanced Custom Fields. Ich empfinde das aber eigentlich mit Kanonen auf Spatzen, weil das mit den eigenen benutzerdefinierten Feldern relativ einfach und überschaubar ist.
* Jetzt die Ausgabe im Template anpassen.
Wenn deine content-single.php im Parent-Theme in einem Unterordner liegt, musst du für dein Child-Theme auch die Datei, in der die content-single.php referenziert ist (müsste die index.php sein) anpassen, damit da der richtige Pfad zur angepassten Datei im Child-Theme steht.
Ich würde die Ausgabe der Slideshow im benutzerdefinierten Feld in eine weitere if-Abfrage packen.
Also vor den Codeschnipsel: wenn das Feld mit dem Namen „beitragsslider“ nicht leer ist, gib dieses aus.
Die if-Abfrage, die jetzt drin steht, wird zum elseif – andernfalls falle auf den vorherigen Standard zurück.
Und das ganze endet mit dem endif, das schon da steht.
Ich hoffe, das funzt so.
Ist für mich ein bisschen undurchschaubar, was das Ursprungstheme mit der mehrfachen Ausgabe des Beitragsbilds als Hintergrundbild will – konnte in der Themevorschau nicht finden, wo das gezeigt wird, wie es dann aussieht …
Bin gerade etwas unter Zeitdruck. Ab Mitte nächster Woche könnte ich es mal in einer Testumgebung durchspielen. Aber probier dich ruhig selber, da lernt man am meisten dabei. Und viel schief gehen, kann ja nicht, du hast ja ein Child-Theme. Wenn es nicht klappt, löschst du die entsprechende Datei wieder aus dem Child-Theme-Ordner, dann nimmt sich das Theme wieder die Dateien vom Parent-Theme.
Gruß
helix
Danke dir für die ausführliche Hilfestellung.
ZitatIst für mich ein bisschen undurchschaubar, was das Ursprungstheme mit der mehrfachen Ausgabe des Beitragsbilds als Hintergrundbild will – konnte in der Themevorschau nicht finden, wo das gezeigt wird, wie es dann aussieht …
Man kann im Beitrag zwischen zwei Beitragsformaten wählen. Bildausgabe entweder links oder horizontal
zZ sieht mein Code so aus:
<div class="entry-media">
<?php
if ( get_post_meta($post->ID, 'slides', true) )
echo do_shortcode(get_post_meta($post->ID, 'slides', $single = true));
?>
</div><!-- .entry-media -->
<div class="entry-inner">
<header class="entry-header">
<div class="entry-meta">
<?php dyad_entry_meta(); ?>
<?php
if ( get_post_meta($post->ID, 'slides', true) )
echo do_shortcode(get_post_meta($post->ID, 'slides', $single = true));
?>
</div><!-- .entry-meta -->
Alles anzeigen
Ergebnis sieht dann so aus:
Komischerweise wird der erste und von mir benötigte Slider nicht dargestellt, vermute hier ein CSS Problem... (ab div entry-inner ist nur ein Versuch ob es überhaupt funktioniert..)
So, jetzt funktionierts, hier der Code:
<?php
if ( get_post_meta($post->ID, 'slides', true) ) : ?>
<div class="entry-media-slider"><?php echo do_shortcode(get_post_meta($post->ID, 'slides', $single = true)); ?></div>
<?php elseif ( has_post_thumbnail() && 'image' != get_post_format() ) : ?>
<?php
$thumb = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'dyad-featured-image' );
$thumb2 = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'dyad-featured-image-horz' );
?>
<div class="entry-media" style="background-image: url(<?php echo esc_url( $thumb['0'] ); ?>)">
<div class="entry-media-thumb" style="background-image: url(<?php echo esc_url( $thumb2['0'] ); ?>); "></div>
</div><!-- .entry-media -->
<?php endif; ?>
Alles anzeigen
Jetzt kann man auch zwischen den Beitragsformaten umgeschalten werden sofern man bei der zweiten Variante kein Custom Field definiert (was auch nicht benötigt wird...)
Muss jetzt nur noch die Darstellung der Gallery hingehend "background-image: cover" anpassen...
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!