So fügen Sie einen Bildschieberegler im WordPress-Header hinzu

von Waseem Abbas am September 5, 2017

Share57Tweet0Share0Shares57

Möchten Sie einen Bildschieberegler im Header Ihrer Site erstellen? Manchmal müssen Sie die besten Angebote anzeigen, Aufruf zu Aktionen oder gute Fotos in Ihrem Site-Header mit einem Bildschieberegler, damit es für die Besucher professionell aussieht. In diesem Tutorial erfahren Sie, wie Sie einen Bildschieberegler im WordPress-Header hinzufügen.

Standardmäßig gibt es keine Option zum Hinzufügen eines Bildschiebereglers im WordPress-Header. Einige WordPress-Themes bieten jedoch möglicherweise Plugins zum Erstellen von Schiebereglern an. Wir empfehlen Ihnen, das Soliloquy Slider Plugin zu verwenden, das einfach ist und dennoch jede Menge Funktionen bietet. Sie können den Bildschieberegler problemlos in die Kopfzeile Ihrer Website einfügen.

Um einen Bildschieberegler in WordPress Header hinzuzufügen, müssen Sie diese 3 Schritte ausführen:

  • Schritt 1. Installieren und aktivieren Sie das Soliloquy slider Plugin
  • Schritt 2. Erstellen Sie einen Bildschieberegler für WordPress Header
  • Schritt 3. Kopieren Sie das Template-Tag und fügen Sie es in die Kopfzeile des Themas ein

Wenn dieses Tutorial endet, können Sie einen Bildschieberegler in der WordPress-Kopfzeile hinzufügen, der wie in diesem Bild unten gezeigt aussieht:

 Bild Schieberegler in WordPress-Header

 Bildschieberegler im WordPress-Header

Bereit für den Einstieg? Los geht’s!

Schritt 1: Installieren und aktivieren Sie das Soliloquy Slider Plugin

Als erstes müssen Sie das Soliloquy Image Slider WordPress Plugin auf Ihrer Website installieren und aktivieren.

Monolog-Webseite

 Soliloquy Website

Möchten Sie mehr über die Installation erfahren? Lesen Sie diese einfache Anleitung zur Installation und Aktivierung des Soliloquy-Plugins.

Schritt 2: Erstellen Sie einen Image Slider für WordPress Header

Sobald das Plugin aktiviert ist, sollten Sie zu Soliloquy “ Add New“ gehen, um einen neuen Image Slider zu erstellen. Um damit zu beginnen, müssen Sie den Titel hinzufügen und die Fotos im nativen Schieberegler ablegen.

Bilder hinzufügen

 Bilder hinzufügen

Klicken Sie auf die Schaltfläche Veröffentlichen auf der rechten Seite Ihres Bildschirms. Weitere Schiebereglereinstellungen finden Sie in unserer Anleitung zum Erstellen eines Bildschiebereglers in WordPress.

Schritt 3: Kopieren Sie das Template-Tag und fügen Sie es in die Kopfzeile des Themas ein

Nach der Veröffentlichung des Bildschiebers wird auf der rechten Seite ein neues Widget als Soliloquy-Schiebereglercode angezeigt. Kopieren Sie einfach das Template-Tag von hier:

Template-Tag kopieren

 Kopieren Sie das Template-Tag

Jetzt sollten Sie zur header.php -Datei Ihres WordPress-Themes gehen. Sie finden es im „Editor “ in Ihrem WordPress-Admin-Backend.

Hinweis: Stellen Sie sicher, dass Sie Ihre Site sichern, bevor Sie Ihre Vorlagendateien bearbeiten, da ein Fehler Ihre gesamte Site zum Absturz bringen kann.

Fügen Sie den Shortcode wie im Bild unten gezeigt in diese Datei ein:

 Code hinzufügen

 Code hinzufügen

Beachten Sie, dass in diesem Beispiel das Standard-WordPress-Theme Twenty Sixteen verwendet wird. Ihre Datei sieht möglicherweise anders aus, wenn Sie ein anderes Thema verwenden, und Sie müssen den Code möglicherweise an einem anderen Speicherort einfügen.

Sobald Sie Ihre Änderungen gespeichert haben, wird Ihr Bildschieberegler in der WordPress-Kopfzeile auf allen Seiten Ihrer Website angezeigt, die wie in diesem Bild unten gezeigt aussehen:

 Bild Schieberegler in WordPress-Header

 Bildschieberegler im WordPress-Header

Das ist alles. Wir hoffen, dass dieses Tutorial Ihnen geholfen hat, zu lernen, wie Sie einen Bildschieberegler im WordPress-Header hinzufügen. Vielleicht möchten Sie auch unsere Anleitung zum Hinzufügen eines Bildschiebers zu einer Seitenleiste in WordPress lesen. Falls Ihre Slider-Bilder nicht in Suchmaschinen rangieren, sollten Sie dies überprüfen ultimage WordPress SEO Guide für Anfänger.

Wenn Ihnen dieses Tutorial gefällt, folgen Sie uns bitte auf Facebook und Twitter, um weitere kostenlose WordPress-Anleitungen und -Ressourcen zu erhalten.

TEILEN57TWEET0TEILEN0TEILEN57
Veröffentlicht von Waseem Abbas
Waseem Abbas ist Content Writer für SoliloquyWP und Envira Gallery.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.