Dieser Abschnitt teilt ein Timeline-Plugin: WP-Zeitleiste.

Wenn wir einige Tob-Sites erstellen, fügen wir häufig die Entwicklungsgeschichte eines Unternehmens in „Über uns“ hinzu. So kann der Besucher erfahren, in welchem Jahr das Unternehmen gegründet wurde und welche Erfahrungen es während seines Entwicklungsprozesses gemacht hat.

Einführung des WP Timeline-Plugins:

Einige bahnbrechende Ereignisse können das Vertrauen der Benutzer in das Unternehmen tatsächlich stärken. Dies nennen wir eine Zeitleiste. Natürlich kann eine solche Zeitleiste neben diesem Entwicklungsprozess auch für einige unserer Lernprozesse verwendet werden. Sie können diese Zeitleiste verwenden, um Ihren Serviceprozess darzustellen. Das Plugin, das wir hier verwenden werden, ist also die WP-Zeitleiste.

1 Timeline-Plugin WP TimeLine Plugin Einführung

Dieses Plugin hat ein sehr hohes Verkaufsvolumen und eine sehr hohe Lobesrate auf Themeforest. Außerdem ist es nicht besonders teuer, sodass Sie es bei Bedarf selbst kaufen können. Wir stellen Ihnen jedoch auch eine GPL-Version zur Verfügung. Wir haben dieses Plugin für den Desktop vorbereitet. Jetzt zeigen wir seine Installation und Verwendung.

Installation des WP Timeline-Plugins:

Zuerst rufen wir unser Backend auf, suchen das Installations-Plugin, laden das von uns vorbereitete wp-timeline-Plugin hoch und klicken auf Installieren.

Nachdem das Plug-In erfolgreich installiert wurde, aktivieren wir es. Wenn wir wissen möchten, wie man dieses Plug-In verwendet, ist es ganz einfach. Installieren wir es. Nach erfolgreichem Abschluss wird in unserer Funktionsschaltfläche eine zusätzliche Funktionsschaltfläche wie die Zeitleiste angezeigt.

Kehren wir zum Demonstrationsfall zurück und untersuchen das Zeitleistenmodul. Tatsächlich müssen Sie nur zwei Teile dieser Zeitleiste beherrschen.

2 Timeline-Plugin WP TimeLine Stil und Inhalt e1714299738523

Einführung der WP Timeline-Funktionen:

Der erste ist die Anzeigemethode der Zeitleiste. Beispielsweise hat die wp-timeline, die wir jetzt verwenden, drei Anzeigeeffekte.

Die erste verwendet eine vertikale Anzeigemethode. Wir können beispielsweise auf den obigen Effekt klicken und den Anzeigemodus der gesamten Zeitleiste ändern. Jetzt wird ein weiteres Raster mit Bildern angezeigt, sodass dieses vertikal und das rechte horizontal dargestellt wird.

Sie können auch eines davon öffnen und einen Blick darauf werfen. Okay, dies ist das horizontale Layout, und es gibt auch einen Scroll-Effekt der vorherigen und der nächsten Seite; dies sind die vertikalen und horizontalen Layouts.

Dann gibt es noch einen weiteren reichhaltigeren Anzeigeeffekt, der in diesem Pfadformat angezeigt wird. Dies sind eigentlich seine drei Anzeigeformate.

Wenn Sie also eine Zeitleiste erstellen, müssen Sie zunächst lernen, wie Sie sie in diesem Stil ändern.

Der Zweite Erstens muss es Daten in dieser Art von Zeitleiste aufrufen. Woher kommen diese Daten? Diese Daten stammen von mehreren Orten. Der erste ist das Zeitleisten-Plugin, das über ein Inhaltsaktualisierungssystem verfügt. Wie wir jetzt sehen können, können Sie eine neue Zeitleiste hinzufügen, und jede sieht aus wie ein Blogbeitrag. Fügen Sie sie auf die gleiche Weise hinzu. Natürlich können Sie sie auch in einer Kategorie erstellen. Dies ist der Inhalt, den er selbst hinzugefügt hat.

d9c7357b3e91f13

 

Zwei Möglichkeiten zum Beziehen von WP-Timeline-Inhalten:

Eine andere Möglichkeit besteht darin, den Standardinhalt von WordPress aufzurufen. Wenn wir beispielsweise auf ein Add-New klicken, um es zu öffnen, kann es zusätzlich zu der Timeline, die wir standardmäßig erstellen, die Artikel zu unserer gesamten Seite hinzufügen. Entweder unsere Seiten oder einige unserer Vorlagen, einschließlich unserer Produkte, werden direkt in den Inhalt unserer Timeline aufgerufen. Dies sind also die beiden Module zum Erlernen der Verwendung der Timeline.

Nachfolgend geben wir Ihnen eine ausführliche Demonstration.

So erstellt WP Timeline Timeline-Inhalte:

Zunächst müssen wir verstehen, wie die Inhalte der Timeline erstellt werden. Wir haben gerade gelernt, dass die Timeline das aufrufen kann, was sie selbst hinzugefügt hat, und dann kann sie auch Produkte oder unsere Artikel aufrufen.

Aber oft, zum Beispiel auf der Infoseite, ist das, was wir nennen, eigentlich die Geschichte unseres Unternehmens, und diese Reise ist eigentlich kein Artikel. Es kann nur eine kurze Beschreibung, ein Bild oder ein Video sein, also müssen wir diesen Inhalt zu diesem Zeitpunkt aktualisieren.

Wenn Sie mehrere Zeitleisten haben, können Sie mehrere Kategorien erstellen, um sie separat zu benennen. Sie müssen keine Kategorie erstellen, wenn Sie nur eine Zeitleiste haben. Hier zeigen wir Ihnen, wie Sie ein Kategorienverzeichnis erstellen. Nennen wir es beispielsweise „Über uns“, erstellen eine Kategorie und klicken auf „Erstellen“.

4 Timeline-Plugin WP TimeLine Kategorisierter Katalog e1714300928779

Dann fügen wir eine neue Zeitleiste hinzu, die wir hier direkt verwenden werden. Erfahren Sie, wie Sie eine Website erstellen, nach Inhalten suchen und diese hinzufügen. Nachdem wir sie beispielsweise geöffnet haben, können wir den Inhalt hierher kopieren und ihm dann zuerst einen Titel hinzufügen. Natürlich können Sie den Inhalt beliebig schreiben. Ich verwende ihn auf Chinesisch und er ist derselbe wie der, den Sie auf Englisch verwenden.

WP Timeline erstellt eine Zeitleiste:

Als nächstes suchen wir nach den Plug-In-Einstellungen. Die erste ist das Veröffentlichungsdatum. Da es sich um eine Zeitleiste handelt, schreiben Sie einfach die Zeit, wenn Sie Zeit haben. Wenn nicht, müssen Sie sich darüber keine Gedanken machen.

5 Timeline-Plugin WP TimeLine Erstellen Sie Knoteninhalte e1714300631927

Hier schreiben wir eine Zeit, und dann können Sie die folgende Zeit selbst erstellen, einschließlich ihrer Farbe, und einen Link dazu hinzufügen. Wir fügen hier ein Rautezeichen hinzu, und Sie können darunter einen Alias schreiben, der dessen Untername ist. Sie können hier auch Inhalt hinzufügen. Sie können nach Belieben beliebigen Inhalt hinzufügen, da sich darunter eine Erinnerung befindet. Dies ist nur Inhalt für die Dekodierung.

Als Nächstes können Sie ein Symbol hochladen. Es gibt auch viele Symbole. Wir können nach Belieben eines hinzufügen. Sie können ein Bild hochladen, wenn Ihnen diese Bilder nicht ausreichen. Sie können unten auch einige zusätzliche Informationen hinzufügen. Lassen Sie uns hier eine schreiben, und dann werden wir sie uns ansehen. Inhalt und einige Zusammenfassungen hier.

Wenn alles hinzugefügt ist, kannst du es in die Kategorie einfügen und auf Veröffentlichen klicken. Der Inhalt einer solchen Zeitleiste wurde erstellt. Lass uns noch eine hinzufügen, denn wenn nur eine vorhanden ist, kann der Effekt der Zeitleiste nicht angezeigt werden.

Nach erfolgreicher Erstellung haben wir zwei Zeitleisten manuell erstellt.

WP Timeline Shortcodes-Generator:

Jetzt müssen wir diese Zeitleiste auf einer unserer Seiten anzeigen, zum Beispiel auf der Infoseite. Lassen Sie uns diese Seite bearbeiten. Dann müssen wir diese Zeitleiste aufrufen, also müssen wir jetzt die folgenden Tools verwenden, um eine Dekodierung zu erstellen. Klicken Sie auf den Shortcode-Builder und dann auf Hinzufügen. Hier können wir ihm einen Namen geben, und hier ist sein horizontaler Stil.

Der erste ist vertikal, der zweite ist horizontal und der dritte ist der Rich-Effekt, also der Pfadtyp. Wir werden ihn hier beiläufig als Standard festlegen und dann Zeitleisten verwenden. Erstellt, dann können Sie hier auch eine Kategorie auswählen. Sie müssen sich um diese Kategorie keine Gedanken machen, wenn Sie nur eine Zeitleiste haben. Dann werden wir zuerst standardmäßig andere Inhalte festlegen und sie dann erstellen.

6 Timeline-Plugin WP TimeLine Erstellen Sie den Shortcode e1714300951975

Okay, nach der Erstellung wird hier eine Dekodierung vorhanden sein. Kopieren wir diese Dekodierung und öffnen dann die Info-Seite. Wir können sie zum Standardeditor von WordPress hinzufügen. Wir können hier einen Shortcode verwenden oder ihn direkt einfügen. Fügen Sie ihn einfach direkt ein. Es ist besser, ihn nach dem Einfügen zu aktualisieren.

7 Timeline Plugin WP TimeLine Erstellen Shortcode hinzufügen

Durchsuchen Sie nun unsere Seite erneut. Es wird eine Zeitleiste angezeigt. Der Effekt dieser Zeitleistenanzeige ist jedoch nicht besonders gut, aber da vor der Info-Seite Elementor erstellt, wir können eine neue Seite erstellen und dann diesen Code erneut aufrufen, um die Effekt-Zeitleiste anzuzeigen, und dann gehen wir direkt zu ihrer Erstellung, fügen hier unsere Dekodierung hinzu und fügen sie auf die gleiche Weise ein, sodass wir sie nach dem Einfügen aktualisieren. Aktualisieren wir jetzt unsere Seite mit diesem Effekt, sie wird keinen Maskierungseffekt mehr haben, dies ist ihre Zeitleiste.

8 Timeline-Plugin WP TimeLine Zeitleisteneffekte e1714301164577

Sehen wir uns die beiden Zeitleisten an, die wir gerade erstellt haben. Dort werden die von uns erstellten Inhalte angezeigt.

Gehen wir zurück zur Timeline und bearbeiten sie. Wir können sehen, welchen Inhalt wir gerade erstellt haben. Das ist unser Titel. An dieser Stelle wird unser Titel angezeigt und darunter unser Inhalt. Zusätzlich haben wir auch noch ein kleines Icon hinzugefügt, welches an dieser Stelle angezeigt wird.

Dann ist da noch die Zeit, die wir hinzugefügt haben. Das ist die Zeit und der Alias ist der Stil, den es anzeigt. Natürlich können Sie diesen Stil auch nach Belieben ändern. Wir gehen beispielsweise zurück zu Shortcode und klicken auf Bearbeiten. Wir wählen jetzt beispielsweise die vertikale Anzeige und Sie können den Stil für dieses vertikale Layout ändern. Wenn wir es beispielsweise als Modul festlegen und dann auf Speichern und Aktualisieren klicken, wird der Modulstil angezeigt. Natürlich können Sie es auch horizontal anzeigen lassen.

9 Timeline-Funktions-Plugin WP TimeLine Timeline-Anzeigestil

Dann können Sie sich hier die anderen Inhalte ansehen. Die Zeitleiste wird beispielsweise links, rechts oder in der Mitte angezeigt. Der folgende Inhalt ist der Inhaltsaufruf. Wenn wir beispielsweise seine Zeitleiste nicht aufrufen, sondern Artikel, überprüfen wir die Artikel. Wenn Sie keine ID oder Kategorie hinzufügen oder die Anzahl begrenzen, werden alle Artikel als Zeitleiste festgelegt. Lassen Sie es uns speichern und dann aktualisieren.

Hier werden alle unsere Artikel angezeigt. Wir haben natürlich nur zwei Artikel. Das Timeline-Plugin kann unsere Produkte auch als Timelines usw. verwenden. Dies ist eine davon. Sie können auch weitere Timelines hinzufügen. Dies ist durch die Zeit. Zur Anzeige wird die Achsendekodierung verwendet. Dies sind auch die beiden wichtigsten Funktionen des Timeline-Plugins. Ich habe sie Ihnen bereits erklärt.

Einstellungen des WP Timeline-Plugins:

Werfen wir einen kurzen Blick auf die Einstellungen. Diese Einstellung ist sehr einfach. Die Hauptfarbe der Zeitleiste ist jetzt grau. Wir sehen dieses Grau jetzt, also können Sie diese Farbe in eine andere Farbe ändern. Andere Dinge wie Schriftgröße, Inhaltsschriftfarbe, Titelschriftart, Titelgröße, Titelfarbe usw. sind alles einfache Stile.

10 Timeline-Plugin WP TimeLine Timeline-Einstellungen e1714301423774

Schauen wir uns dann die erweiterten Einstellungen an.

Welche Inhalte können von welchen Seiten in den erweiterten Einstellungen aufgerufen werden? Beispielsweise können unter normalen Umständen alle Inhalte aufgerufen werden. Nachdem Sie diese Inhalte hier festgelegt haben, wird dieser beim Erstellen eines Shortcodes standardmäßig aktiviert. Die von Ihnen erstellte ist eine Standardeinstellung und die andere ist ein benutzerdefiniertes Format für das Datumsformat. Dann folgen andere Anzeigeformate für das Datum, die einige Texte ändern. Beispielsweise sehen wir jetzt die Zeitleiste „Weiterlesen“. Um weiterzulesen, können wir es in etwas anderes ändern. Um beispielsweise weiterzulesen, speichern Sie es und aktualisieren Sie es. , dann wird es „Weiterlesen“ anzeigen und seine Hauptfarbe wird auch das Rot, das wir gerade geändert haben. Sie können die anderen Schriftarten unten ändern.

11 Timeline-Plugin WP TimeLine Timeline-Texteffekte

Dann gibt es noch einen weiteren für den Inhalt. Beispielsweise gehören diese Anrufe auf unserer Timeline alle zu Zeitknoten. Dann können Sie auf diese Titel klicken, um diesen Artikel aufzurufen. Wie gehen die Einstellungen hier also mit diesen Modulen um?

Wenn wir beispielsweise für das erste „Ja“ wählen, kann der Benutzer nicht hineinklicken. Er kann nur den Titel und den Inhalt sehen. Außerdem wird es nach dem Klicken zum Eingeben freigegeben. Dies gilt natürlich hauptsächlich für die Zeitleisten, die wir selbst erstellt haben. Dann befindet sich die andere auf ihrer vorherigen Seite. Die nächste Seite ist dieselbe wie unser Artikel, einschließlich der Frage, ob Kommentare angezeigt werden sollen. Das Folgende ist der benutzerdefinierte Code. Sie können seinen Stil für diese Zeitleiste und ihre GS-Datei ändern, die andere dient zum Hinzufügen einiger Leistungsoptimierungen, dann ist die Leistungsoptimierung hauptsächlich für das Zeitleisten-Plugin, daher können wir normalerweise standardmäßig „Global“ auswählen.

Alles andere lassen wir einfach wie vorgegeben. Der letzte ist der Aktivierungscode für das Plug-in. Darüber müssen wir uns keine Gedanken machen, wir können es ganz normal verwenden. So verwenden Sie das WP-Timeline-Plug-in.