Twenty Seventeen Bild durch Slider ersetzen

Robota

Hallo, ich benutze das Design Twenty Seventeen und möchte das obere (1.) Bild durch eine Slideshow ersetzen.
Einen Slider habe ich mit Master Slider (https://de.wordpress.org/plugins/master-slider/) schon erstellt, der Code dafür zum Einfügen ist [masterslider id="1"].
Leider kann ich über den Customizer nur ein anderes Bild oder Video auswählen, keinen Slider.
Welchen Weg muss ich gehen, um an diese Stelle den Slider einfügen zu können?
Hier geht es zu der Seite: https://bit.ly/2GnefMV

LG Tim

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

Henk1060

schon mal go.... gefragt ;))
uhi jede menge treffer....
zb https://wordpress.org/support/topic/…venteen-header/

b3317133

Zitat von Robota

Welchen Weg muss ich gehen, um an diese Stelle den Slider einfügen zu können?

Ein erster Schritt auf dem Weg wäre, bei Google o.ä. nach Twenty Seventeen Slider (google) zu suchen.

Robota

Das habe ich bereits getan, hat mir aber nicht weiter geholfen.

b3317133

Ohne jegliche Details, was/wie genau bei welcher genutzten Anleitung nicht funktioniert, wäre das dann wohl eher ein Fall für die Jobbörse im Forum.

Robota

Ich habe in die twentyseventeen/template-parts/header/header-image.php den Shortcode eingefügt:

PHP

<?php
/**
 * Displays header media
 *
 * @package WordPress
 * @subpackage Twenty_Seventeen
 * @since 1.0
 * @version 1.0
 */


?>
<div class="custom-header">


        <div class="custom-header-media">
            <?php echo do_shortcode('[masterslider id="1"]'); ?>
        </div>


    <?php get_template_part( 'template-parts/header/site', 'branding' ); ?>


</div><!-- .custom-header -->

Alles anzeigen

Das Ergebnis sieht so aus wie im Anhang.
Wie man sieht ist der Slider nicht über die gesamte Breite und Höhe, obwohl der Slider mit der Vorlage "Slider über gesamte Breite / Fullwidth Slider" erstellt wurde.

b3317133

Was ist denn bei den entspr. Settings bzgl. Höhe eingestellt?

maxe

Im Div steht eine Height von 480px
<div class="ms-view ms-basic-view ms-grab-cursor" style="width: 1903px;height: 480px;">
und
<div class="ms-slide ms-sl-selected" data-delay="3" data-fill-mode="fill" style="width: 1903px;height: 480px;left: 0px;">

Robota

Die Einstellungen wie sie aktuell sind, sind diese: https://4181516.de/screenshots/2.png

Wenn ich die Einstellungen ändere auf "Automatically crop and resize slider images based on the size above." und "Auto-height slider", sieht es so aus: https://4181516.de/screenshots/3.png
Da fehlt leider immer noch rechts am Rand was.

Robota

Ok, das Problem lag wohl am Slider-Plugin, ich habe es jetzt mit dem Meta Slider probiert und damit funktioniert es.
Danke für eure Hilfe.

Robota

Hallo, ich muss das Thema leider noch mal hoch holen. Ich habe ja das Bild durch den Slider ersetzt.
Leider sehe ich erst jetzt, dass auf Unterseiten oben dann das Bild fehlt und dort auch kein Slider angezeigt wird. (grauer Bereich)
(siehe Screenshot, bzw. Link: https://bit.ly/2RYWyop)

Ist es möglich für die Unterseiten noch ein Bild einzufügen, ohne den Slider wieder raus nehmen zu müssen?

SirEctor

Ergänze deinen Shortcode-Eintrag mit einer Abfrage, z. B. if( is_home || is_front_page ), dann kannst du auf den anderen Seiten weiterhin mittels else den Standard nutzen.

https://codex.wordpress.org/Conditional_Tags

Robota

Mh, muss ich die Einträge dann in Klammern setzen oder so?
Ich habe es jetzt so probiert:

PHP

<?php
/**
 * Displays header media
 *
 * @package WordPress
 * @subpackage Twenty_Seventeen
 * @since 1.0
 * @version 1.0
 */


if ( is_front_page() ) {
<div class="custom-header">


        <div class="custom-header-media">
            <?php echo do_shortcode('[metaslider id="35"]'); ?>
        </div>


    <?php get_template_part( 'template-parts/header/site', 'branding' ); ?>


</div><!-- .custom-header -->
} else {
<div class="custom-header">


        <div class="custom-header-media">
            <?php the_custom_header_markup(); ?>
        </div>


    <?php get_template_part( 'template-parts/header/site', 'branding' ); ?>


</div><!-- .custom-header -->
}
?>

Alles anzeigen

Da bekomme ich die Fehlermeldung:

Zitat

Parse error: syntax error, unexpected '<' in /wordpress/wp-content/themes/twentyseventeen/template-parts/header/header-image.php on line 12

maxe

nee, du musst an den entsprechenden Stellen auch das php wieder schließen ?>
Das ganze könnte so ungefähr aussehen:

PHP

<?php
/**
 * Displays header media
 *
 * @package WordPress
 * @subpackage Twenty_Seventeen
 * @since 1.0
 * @version 1.0
 */


?>
<div class="custom-header">
        <div class="custom-header-media">
            <?php if(is_home() || is_front_page()) {
              echo do_shortcode('[metaslider id="35"]'); 
            } else {
              the_custom_header_markup();
            } ?>
        </div>


    <?php get_template_part( 'template-parts/header/site', 'branding' ); ?>


</div><!-- .custom-header -->

Alles anzeigen

Robota

Ah ok, damit funktioniert es, danke für deine Hilfe!

dmidi

Zitat von Robota

Hallo, ich benutze das Design Twenty Seventeen und möchte das obere (1.) Bild durch eine Slideshow ersetzen.
Einen Slider habe ich mit Master Slider (https://de.wordpress.org/plugins/master-slider/) schon erstellt, der Code dafür zum Einfügen ist [masterslider id="1"].
Leider kann ich über den Customizer nur ein anderes Bild oder Video auswählen, keinen Slider.
Welchen Weg muss ich gehen, um an diese Stelle den Slider einfügen zu können?
Hier geht es zu der Seite: https://bit.ly/2GnefMV
LG Tim

Hallo Tim, ich bin Anfänger und habe das gleiche Problem. Wenn ich den den php Code eingebe ist der Slider zwar im Header aber zusätzlich zu dem Platz wo das Header Bild war u somit ist alles verschoben. Ich mach da bestimmt was falsch...an welcher Stelle in header-php muss man den shortcode einfügen? Vielen Dank schon mal, Peter

Raphael

Du, ich glaube die Mods mögen das nicht, wenn man in ältere Threads mit aktuellen Themen einsteigt. Da wird besser ein neuer Thread angefangen. Aber zu deinem Problem: Da müssten wir einen Link haben und dann könnten wir dir hier wahrscheinlich bei der Anpassung des CSS helfen.

dmidi

Hallo, erst mal Danke für schnelle Antwort. Ich habe z.Z. WP nur local mit xampp installiert um mir meine Seite zu bauen. Erst dann wird ich sie online stellen. Hat bis jetzt auch alles gut geklappt bis auf den Slider den ich für das Headerbild haben möchte. So sieht meine php aus und auf den Bild hab ich den Eintrag unter dem gelb markierten gemacht....vielen Dank für die Hilfe...Peter

danielgoehr

Ausgehend von deinem Screenshot bist du an der falschen Stelle und in der falschen Datei.

Bearbeiten musst du (laut den Beiträgen oben) die Datei "template-parts/header/header-image.php".

Der benötigte Code wird in Beitrag #14 von maxe gezeigt.

Anmerkung: Am besten niemals die Datei direkt bearbeiten, sondern vorher ein Child-Theme erstellen. PHP Änderungen solltest du auch am besten nicht direkt mit dem Editor in Wordpress machen, sondern die Datei herunterladen, bearbeiten und wieder hochladen.

dmidi

Hallo Daniel, erst mal vielen Dank für deine Hilfe. Ich habe nun den Slider richtig auf meiner Startseite allerdings nur wenn ich im Customizer ein Header Bild einsetze. Wenn ich das ausblende is auch der Slider nicht da. Ist das so vom Theme her gesteuert? Das verkleinerte Header Bild sieht man dann auch wenn man auf die Seiten im Menü geht...? Gruß Peter

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Twenty Seventeen Bild durch Slider ersetzen

Jetzt mitmachen!