Springe zum Hauptinhalt

Wie ein Slider mit Parallaxe-Effekt auf Wordpress zu erstellen

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Viele von Ihnen haben den Ausdruck " Parallaxe "Und" Schieber In meinem Thema Empfehlungen und manchmal Plugins. Wenn Sie unsere noch nicht konsultiert haben Glossar der Fachbegriffe für WordPressDann wird es ein konkretes Beispiel für die Bedeutung dieser für Sie sein.

mg-Parallaxen-slider-Abdeckung

Deshalb werde ich Ihnen heute beibringen, wie man eine erstellt Schieber Parallaxe auf Ihrem WordPress-Blog mit der Plugin MG Parallax Slider.

Zur Erinnerung: Ein Schieberegler ist eine Funktion, mit der Sie von links nach rechts oder umgekehrt durch verschiedene Informationen scrollen können (Bilder, Text, Video, Audio) innerhalb eines definierten Rahmens. Der Parallaxeeffekt ist eine Reliefanimation, die von der sich bewegenden Landschaft inspiriert ist. Dieser Effekt ist auf Ihren verschiedenen Android-Smartphones auf der Startseite verfügbar, wenn Sie durch die Seiten der letzteren scrollen.

Wie zu installieren MG Parallaxe Slider

Das erste, was zu tun ist, ist natürlich die Installation der Plugin aus dem Armaturenbrett. Sie können es auch direkt auf WordPress.org herunterladen. Der Hauptvorteil dieser Plugin ist, dass es zwei Möglichkeiten gibt, um zu erstellen Dias. Aber vorher werden wir die Anpassungen vornehmen.

mg-Parallaxe-Schieber

So konfigurieren MG Parallaxe Slider

Um auf die Einstellungsseite von zuzugreifen Plugin, Sie müssen auf das Menü klicken « MGPS Optionen ".

Geben Sie-die-Optionen

Auf dieser neuen Seite auf der " Hintergrund », Es ist möglich, das Bild zu ändern (oder Textur) im Hintergrund des Schieber. Sie haben die Wahl zwischen 18-Samples.

MGPS-Optionen-Management-of-Hintergründe

Sie können (niedriger) Ändern Sie die Größe der Ränder oben, unten, links und rechts und definieren Sie eine Farbe, die auf sie angewendet werden soll.

Mit der Registerkarte " Titel », Sie haben die Möglichkeit, die Typografie zu ändern, die für den Titel von gilt Dias.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Optionen-on-the-Typographie

Der Reiter « Inhalt »Ermöglicht es Ihnen, dasselbe wie auf der Registerkarte zu tun TitelDiesmal gelten die Optionen jedoch für den Inhalt.

Um die Navigationspfeile zu ändern, müssen Sie auf " Navigation Pfeile ". Auf dieser Registerkarte können Sie den Pfad zu den Bildern festlegen (dass ich Sie einlade, so zu gehen, wie es ist, es sei denn, Sie wissen, was Sie tun)und die Hintergrundfarbe von diesen.

Management-of-Pfeile-of-Navigation

Weiter unten haben wir die Möglichkeit, Konfigurationen zu importieren und zu exportieren.

Import-Export-MGPS

Remarque : Ich habe Ihnen nichts über die Registerkarte "Folien" erzählt, da Sie damit erstellen können Dias auf eine andere Weise, die ich später erklären werde.

Wie erstelle ich ein Schlitten : Erste méthode

Nach der Installation und Aktivierung des Plugin, erscheint im linken Menü der Instrumententafel ein weiterer Punkt mit dem Titel „MG Slider“. Klicken Sie darauf, weil wir ein neues erstellen werden Schieber. Dies ist die erste Methode (mit benutzerdefiniertem Veröffentlichungsformat oder benutzerdefiniertem Beitragstyp).

mg-Slider-Menü

klicken Sie auf die Untermenü « Neu hinzufügen So erstellen Sie die Schieber.

Diese neue Seite ist die Schnittstelle zum Erstellen Dias Das ist ziemlich ähnlich zu Seiten und Artikeln.

Alle Elemente, die sein werden erstellt Dieser Weg wird in a verfügbar sein Schlitten einzigartig, das auf Ihren Artikeln oder Seiten durch Hinzufügen der angezeigt wird Kurzwahlnummern correspondant [MGPS-Slider-post].

Jedes Element eines Schlitten kann einen Titel hat, eine Beschreibung und ein Bild (ein Bild). Sie können so viele Elemente erstellen, wie Sie möchten.

Hier ist wie die Parallaxe Schieber Zuhause (mit einigen Änderungen an der Textur im Hintergrund).

Demo-Parallaxe-Slider

Ich glaube, Sie können als ich es besser machen. Versuchen Sie !!!

Remarque : Der andere Nachteil bei dieser Methode ist, dass es unmöglich ist de neu bestellen Dias, es sei denn, Sie installieren die Plugin « Beitrag Typ Artikel » das ist sonst sehr einfach zu bedienen.

Wie erstelle ich ein Schlitten : zweite Methode

Diese zweite Methode hat den Vorteil, dass die Reihenfolge der Elemente geändert werden kann, Sie jedoch die angenehme Oberfläche der vorherigen Methode nicht nutzen können.

Wir werden daher auf die " Slides „und klicken auf den Knopf Dia hinzufügen ". Durch Anklicken entsteht ein neues Element (Schlitten) wird hinzugefügt Schieber. Klicken Sie auf jeder Dias (oder Elemente) für:

  • Fügen Sie ein Bild hinzu, indem Sie auf «klicken. Download »
  • Fügen Sie einen Titel in das Feld ein Mendatory Feld... »
  • Fügen Sie eine Beschreibung in das Feld ein Produktbeschreibung   »
  • Hinzufügen eines Links zu einer Seite Ihrer Wahl im Feld " Schenken us ein Link! »

So entfernen Sie ein SchlittenKlicken Sie einfach auf den Button « Seite löschen Befindet sich unten rechts von jedem Schlitten. Um das zu bestellen Dias, müssen Sie nur auf die Kopfzeile jedes einzelnen klicken und sie ziehen Schlitten.

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Interface-segondaire-of-creation-of-Slider

Dieses Mal müssen Sie die Verwendung Kurzwahlnummern « [MGPS-Schieber] Anzeige der Schieber auf Ihren Seiten oder Artikeln, wie stattdessen erklärt. Das Ergebnis ist identisch.

zweite Schieber-Methode-mg-Parallaxen-slider

Das war's für dieses Tutorial zum Erstellen eines Schieber Parallaxe Wordpress. Fühlen Sie sich frei, den Artikel mit Ihren Freunden in sozialen Netzwerken zu teilen.

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
18 Aktien
Aktie14
tweet3
Registrieren1