Wie kann ich meine Website professionell aussehen lassen? Diese Frage stellen sich viele aufstrebende Website-Entwickler bei der Planung ihres Projekts. Zu den offensichtlichen Antworten gehört die Verbesserung des Designs oder das Hinzufügen vieler ausgefeilter Funktionen.
Tatsächlich besteht eine der effektivsten Möglichkeiten, Ihre grundlegende Website wirklich zu verbessern und professionell und personalisiert zu gestalten, darin, dynamische Inhalte hinzuzufügen. Dynamische Inhalte bieten Ihren Benutzern eine viel zufriedenstellendere Erfahrung auf Ihrer Website.
Was genau ist dynamischer Inhalt?
Dynamischer Inhalt bezieht sich auf interaktive Webinhalte, die sich je nach Zeit, Ort und Benutzer ändern. Wenn ein Benutzer eine dynamische Website durchsucht, extrahiert WordPress die richtigen Informationen aus der Datenbank, um sie dem Benutzer basierend auf der Seite anzuzeigen, auf der er sich befindet.
Bei statischen Inhalten ändert sich nichts, was Sie im Frontend sehen. In der Tat benötigen Sie höchstwahrscheinlich die Hilfe eines Entwicklers, wenn Sie Änderungen daran vornehmen möchten. Mit dynamischen Inhalten können Websitebesitzer jedoch alles im Back-End sofort ohne Codierung bearbeiten. Dies bedeutet, dass sich die Informationen je nach Blickwinkel des Benutzers ändern können, was eine viel interaktivere Erfahrung bietet.
Wenn Sie sich auf einer Website für Fitnessstudios befinden, möchten Sie möglicherweise die verschiedenen verfügbaren Fitnessstudios anzeigen. Natürlich verfügt jedes Fitnessstudio über unterschiedliche Informationen, wie z. B. seinen eigenen Namen, seine eigene Adresse und die Liste der Einrichtungen. Wenn Sie also auf jedes Fitnessstudio klicken, werden verschiedene verwandte Inhalte angezeigt, die Sie auf den anderen Seiten nicht finden.
Die Vorteile dynamischer Inhalte
Dynamische Inhalte bieten Ihrer Website viele Vorteile, die statische Inhalte nicht bieten können.
- Eine bessere Benutzererfahrung. Benutzer können Inhalte sehen, die zu ihnen passen, z. B. verschiedene Angebote, die sich je nach Verhalten ändern.
- Verbessern Sie Ihre KPIs. Mit dynamischen Inhalten können Sie die Conversions verbessern und die Absprungraten auf Ihrer Website reduzieren, indem Sie personalisierte Inhalte erstellen.
- Reibungslose Navigation Dynamische Inhalte bieten im Vergleich zu statischen Inhalten ein nahtloses Erlebnis auf einer Website, da Sie die gewünschten Inhalte leicht finden können.
- Einfach zu aktualisieren Sie können Ihre Seite einfach im WordPress-Backend bearbeiten, ohne einen erfahrenen Entwickler einzustellen.
- Reagiert auf Bildschirmgrößen. Eine dynamische Website passt sich im Vergleich zu einer statischen leicht an verschiedene Bildschirmgrößen an.
Es gibt zwei Möglichkeiten, wie Sie dynamische Inhalte erstellen können. Im Folgenden zeigen wir Ihnen beide Optionen und genau, wie Sie Ihre Websites mit beiden erstellen können.
1. Erstellen Sie dynamische Inhalte mit Toolblöcken und Gutenberg
Der Start von Toolset Blocks bietet eine neue Möglichkeit, dynamische WordPress-Inhalte mit dem Blockeditor Gutenberg zu erstellen.
Seit seiner Einführung vor einem Jahr hat sich Gutenberg erheblich verbessert, um Ihnen eine einfache und intuitive Möglichkeit zum Entwerfen und Implementieren Ihrer Websites zu bieten. Das Beste daran ist, dass Nicht-Codierer jetzt mit Gutenberg und integrierten Plugins problemlos genau das erstellen können, was sie sich vorgestellt haben.
Dies schließt dynamische Inhalte ein, die Website-Ersteller dank Toolset-Blöcken mit Gutenberg erstellen können.
Wie funktionieren Toolset-Blöcke?
Toolset Blocks ist ein neues Plugin, das Sie an zwei Fronten verwenden können:
- Erstellen Sie benutzerdefinierte und erweiterte Funktionen wie Inhaltsvorlagen, Dateien und Ansichten.
- Unterstützt dynamische Blockschriftarten, mit denen Ihre benutzerdefinierten Felder und Taxonomien auf Ihren Seiten angezeigt werden können.
Daher können Sie Toolset-Blöcke verwenden, um jedem Beitrag, jeder Seite oder Vorlage ohne Codierung auf einfache Weise dynamischen Inhalt hinzuzufügen.
Im Folgenden habe ich ein Beispiel für eine Inhaltsvorlage für eine Demo-Website für Fitnessstudios erstellt, die sicherstellt, dass jeder Fitness-Studio-Beitrag dank dynamischer Inhalte das gleiche Layout, aber unterschiedliche Inhalte aufweist.
So erstellen Sie eine Inhaltsvorlage mit dynamischem Inhalt mithilfe von Toolblöcken
Lassen Sie uns auf unserer Website eine Vorlage für den benutzerdefinierten Beitragstyp "Turnhallen" erstellen.
Sie müssen die Toolset-Blöcke installieren, bevor Sie beginnen, und sicherstellen, dass Sie die Grundlagen der Verwendung des Gutenberg-Editors kennen.
Es gibt zwei Hauptquellen, aus denen Sie mithilfe von Toolset-Blöcken dynamischen Inhalt zeichnen können. Sie können eine Schriftart aus dem aktuellen Beitrag oder aus einem benutzerdefinierten Feld verwenden. Als Nächstes sehen wir uns die beiden Optionen an, um zu zeigen, wann Sie sie möglicherweise verwenden müssen.
Dynamischen Inhalt eines aktuellen Beitrags anzeigen
Gehe zu Toolset> Systemsteuerung und klicken Sie auf Erstellen Sie eine Inhaltsvorlage Option neben dem Beitragstyp, für den Sie eine Inhaltsvorlage erstellen möchten.
Jetzt können wir unsere Blöcke hinzufügen, um unsere Inhaltsvorlage zu erstellen. Stellen wir uns vor, ich möchte ein Bild hinzufügen. Zuerst wählen Sie die + Option oben links, um einen Block hinzuzufügen.
Scrollen Sie nach unten, bis Sie die Liste der Toolset-Blöcke finden, und fügen Sie die hinzu Bildblock.
Sie werden nun gefragt, ob Sie dynamische Quellen verwenden möchten oder nicht. Klicken Sie auf ja.
Wählen Sie die Quelle Ihres Bildes. Dies bestimmt, welche Inhalte WordPress abhängig von der ausgewählten Option extrahiert. Ich möchte die vorgestellten Bilder von jedem Fitnessstudio innerhalb des Blocks zeigen, also wähle ich das aus Ausgewählte Bilddaten Option.
In der rechten Seitenleiste können Sie Ihr Bild weiter anpassen, wenn Sie beispielsweise die Schriftart des dynamischen Inhalts ändern oder das Bild entwerfen möchten.
Dynamischen Inhalt aus einem benutzerdefinierten Feld anzeigen
Wir können dieselbe Inhaltsvorlage wie zuvor verwenden, um Blöcke mit dynamischem Inhalt aus einem benutzerdefinierten Feld zu erstellen. Dieses Mal werde ich das benutzerdefinierte Feld für jedes Fitnessstudio-Ranking als dynamischen Inhalt hinzufügen.
Gehen Sie zur Toolset-Blockliste und fügen Sie die hinzu Einzelfeldblock.
In der Seitenleiste rechts unten Feldquelle, Wählen Sie die Benutzerdefiniertes Feld Feldtyp.
Unter dem Benutzerdefinierte Feldgruppen Dropdown wählen Sie die Turnhallen Nachrichtentyp. Beachten Sie, dass dies der benutzerdefinierte Beitragstyp ist, aus dem Sie das benutzerdefinierte Feld extrahieren möchten.
Unter dem Benutzerdefiniertes Feld Dropdown-Liste Wählen Sie das benutzerdefinierte Feld aus, das Sie anzeigen möchten. Ich habe die ausgewählt Klassifizierung Option.
Wenn Sie zwischen den verschiedenen Fitness-Studio-Posts am Frontend wechseln, werden Sie feststellen, dass jeder Post dank des dynamischen Inhalts den richtigen Preis für dieses Fitnessstudio anzeigt. Beachten Sie, dass wir keine Codierung verwenden mussten, um unseren dynamischen Inhalt zu erstellen.
Ich habe meiner Inhaltsvorlage einige andere Blöcke mit dynamischem Inhalt hinzugefügt. Sehen Sie, wie es jetzt im Frontend aussieht.
2. Erstellen Sie dynamische Inhalte mit total
Eine weitere ebenso effektive Möglichkeit zum Erstellen dynamischer Inhalte ist die Verwendung des Gesamtthemas zum Erstellen integrierter dynamischer Post-Vorlagen.
Welche Funktionen bietet Total?
Total ist eines der beliebtesten WordPress-Themes und verfügt über eine Reihe von Funktionen, die Sie einfach konfigurieren können, ohne mehrere Plugins herunterladen zu müssen, um diese Aufgaben auszuführen.
- Einfacher Demo-Importeur – Verwandeln Sie Ihre leere Website mit einem Klick in eine voll funktionsfähige, inhaltsreiche Website, wenn Sie eine der über 40 vorgefertigten Demos von Total importieren möchten.
- Seitenersteller per Drag & Drop – Total ist in den beliebten WPBakery-Seitenersteller integriert, um Ihnen einen intuitiven Drag & Drop-Ersteller zu bieten, mit dem Sie Ihre Website einfach erstellen können.
- Hunderte von Seitenerstellungselementen – Nutzen Sie die Hunderte von Elementen im Seitenersteller von Total, um Ihre Seiten anzupassen.
- Leicht anpassbar – Verwenden Sie die Live-Customizer-Einstellungen, um eine Reihe von Elementen auf Ihrer Site zu ändern, darunter Farben, Schriftarten, Breiten und mehr.
- Freundlicher Entwickler – Total verfügt über eine Reihe integrierter Hooks und Filter, mit denen Sie Ihr Thema mit über 450 in der Online-Dokumentation verfügbaren Snippets einfach ändern können.
Und natürlich können Sie mit Total dynamische Inhalte erstellen. Hier ist ein Beispiel dafür, was Sie erreichen können, wenn Sie ein einfaches Portfolioelement dynamisch gestalten.
So erstellen Sie eine dynamische Inhaltsvorlage mit total
Gehe zu Visual Composer> Vorlagen und klicken Sie auf Neu hinzufügen. Geben Sie Ihrer Vorlage dann einen Namen.
Ich werde das hinzufügen Medien veröffentlichen Element, das die Medien anzeigt, die Sie Ihren Posts hinzufügen. Bei Portfolios kann dies das Bild, die Galerie, das Video usw. sein.
Als nächstes werde ich die einschließen Inhalt veröffentlichen Modul, das alle Inhalte anzeigt, die zu Beiträgen im Editor hinzugefügt wurden.
Mit Total können Sie eine Reihe von Veröffentlichungselementen in Ihre dynamische Vorlage aufnehmen. Fügen Sie Post-Titel, Metadaten, verwandte Elemente, Tags, soziale Links und mehr hinzu. Wenn Sie fertig sind, klicken Sie Veröffentlichen.
Jetzt müssen wir die dynamische Vorlage unserem benutzerdefinierten Beitragstyp für das Portfolio zuweisen. Navigieren Sie dazu zu WordPress Customizerdann geh zu Portfolio und wählen Sie die Vorlage aus, in der Sie gerade erstellt haben Dynamische Vorlage (erweitert).
Sie können jetzt Ihre Medien in Aktion sehen. Klicken Sie auf Speichern und veröffentlichen und Ihr dynamischer Inhalt sollte bereit sein.
Das Erstellen dynamischer Vorlagen ist eine besonders gute Option, wenn Sie Kundenwebsites erstellen. Mit ihnen können Sie eine Vorlage einmal erstellen und sie sofort allen Elementen in Ihrem Portfolio zuweisen. Darüber hinaus müssen Sie nur die Vorlage bearbeiten, wenn Sie ein Design ändern müssen. Alle Elemente in Ihrem Portfolio werden ebenfalls aktualisiert.
Erzählen Sie uns von Ihren Erfahrungen mit der Erstellung dynamischer Inhalte! Sie haben jetzt zwei Methoden zum Erstellen dynamischer Inhalte. Sie können Toolset Blocks oder Total Theme noch heute herunterladen und Ihre Website von einfach auf benutzerdefiniert umstellen.
Haben Sie eines der Tools verwendet, um Ihrer Website dynamischen Inhalt hinzuzufügen? Sagen Sie uns in den Kommentaren unten, wie Sie es gemacht haben!
