ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
    • Tutorials
    • Shopify
    • Bewertungen
    • Tipps
    • Sicherheit
    • Software und Dienste
    • Verkehrserzeugung
    • Anfängerleitfaden
    • Showcase
Search
  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt
© 2022 Themelocal. Alle Rechte vorbehalten.
Lektüre: So gestalten Sie Ihre WordPress-Site mit dynamischem Inhalt
Aktie
Benachrichtigung Zeig mehr
Neuesten Nachrichten
Walkie-Talkie auf der Apple Watch funktioniert nicht? 6 einfache Lösungen (2023)
Wie man
Dieser Switch OLED-Preissturz ist zu gut, um darauf zu verzichten
Angebote
So legen Sie bei der Arbeit ein anderes Layout des iPhone-Startbildschirms fest (2023)
Wie man
So ändern Sie den Hintergrund auf dem iPhone basierend auf der Tageszeit (2023)
Wie man
Diese 20-Pfund-Alexa-Uhr ist ein Smart-Home-Schnäppchen
Angebote
Aa
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
Aa
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
Search
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
    • Tutorials
    • Shopify
    • Bewertungen
    • Tipps
    • Sicherheit
    • Software und Dienste
    • Verkehrserzeugung
    • Anfängerleitfaden
    • Showcase
Folge uns
  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt
© 2022 Themelocal. Alle Rechte vorbehalten.
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren > Blog > Tipps > So gestalten Sie Ihre WordPress-Site mit dynamischem Inhalt
Tipps

So gestalten Sie Ihre WordPress-Site mit dynamischem Inhalt

Zuletzt aktualisiert: November 18, 2021 4:13 pm
ThemeLocal vor 1 Jahr 11 Minuten Mindestlesezeit
Aktie
11 Minuten Mindestlesezeit
Aktie

Wie kann ich meine Website professionell aussehen lassen? Diese Frage stellen sich viele angehende Website-Builder, wenn sie ihr Projekt planen. Zu den offensichtlichen Antworten gehören die Verbesserung des Designs oder das Hinzufügen vieler ausgefallener Funktionen.

Contents
Was genau ist dynamischer Inhalt?Die Vorteile dynamischer Inhalte1. Erstellen Sie dynamische Inhalte mit Toolset Blocks & GutenbergWie funktionieren Toolset-Blöcke?So erstellen Sie eine Inhaltsvorlage mit dynamischem Inhalt mithilfe von Toolset-BlöckenDynamischen Inhalt eines aktuellen Beitrags anzeigenDynamischen Inhalt aus einem benutzerdefinierten Feld anzeigen2. Erstellen dynamischer Inhalte mit TotalWelche Funktionen bietet Total?So erstellen Sie eine dynamische Inhaltsvorlage mit Total

Tatsächlich ist eine der effektivsten Möglichkeiten, Ihre grundlegende Website wirklich zu verbessern und sie zu einer professionellen, benutzerdefinierten zu machen, das Hinzufügen von dynamischen Inhalten. Dynamische Inhalte bieten Ihren Benutzern eine viel erfüllendere Erfahrung auf Ihrer Website.

Einführung in dynamische Inhalte

Was genau ist dynamischer Inhalt?

Dynamischer Inhalt bezieht sich auf interaktive Webinhalte, die sich je nach Zeit, Ort und Benutzer ändern. Wenn ein Benutzer auf einer dynamischen Website navigiert, ruft WordPress die richtigen Informationen aus der Datenbank ab, um sie dem Benutzer anzuzeigen, je nachdem, auf welcher Seite er sich befindet.

Bei statischen Inhalten ändert sich das, was Sie im Frontend sehen, nicht. Tatsächlich werden Sie höchstwahrscheinlich die Hilfe eines Entwicklers benötigen, wenn Sie Änderungen daran vornehmen möchten. Mit dynamischen Inhalten können Websitebesitzer jedoch alles im Back-End sofort ohne Codierung bearbeiten. Das bedeutet, dass sich die Informationen je nach dem, was der Benutzer betrachtet, ändern können, was ein viel interaktiveres Erlebnis bietet.

Zur Veranschaulichung: Wenn Sie sich auf einer Fitnessstudio-Website befinden, möchten Sie sich vielleicht die verschiedenen verfügbaren Fitnessstudios ansehen. Natürlich hat jedes Fitnessstudio unterschiedliche Informationen wie seinen eigenen Namen, seine Adresse und eine Liste der Einrichtungen. Wenn Sie also auf jedes Fitnessstudio klicken, sehen Sie unterschiedliche Inhalte, die Sie auf den anderen Seiten nicht finden.

Balance-Fitnessstudio

Energieclub

Die Vorteile dynamischer Inhalte

Dynamische Inhalte bringen Ihrer Website viele Vorteile, die statische Inhalte nicht bieten können.

  • Eine bessere Benutzererfahrung. Die Benutzer können auf sie angepasste Inhalte wie verschiedene Angebote sehen, die sich je nach ihrem Verhalten ändern.
  • Verbessern Sie Ihre KPIs. Mit dynamischen Inhalten können Sie die Conversions verbessern und die Absprungraten auf Ihrer Website reduzieren, indem Sie maßgeschneiderte Inhalte erstellen.
  • Reibungslose Navigation. Dynamische Inhalte bieten im Vergleich zu statischen Inhalten ein nahtloses Erlebnis auf einer Website, da Sie die gesuchten Inhalte leicht finden können.
  • Einfach zu aktualisieren. Sie können Ihre Seite einfach im WordPress-Backend bearbeiten, ohne einen erfahrenen Entwickler einstellen zu müssen.
  • 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. Im Folgenden zeigen wir Ihnen die beiden Möglichkeiten und genau, wie Sie Ihre Websites mit beiden erstellen können.

1. Erstellen Sie dynamische Inhalte mit Toolset Blocks & Gutenberg

Toolset

Infos & Download

Der Start von Toolset-Blöcke bietet mit seinem Blockeditor Gutenberg eine neue Möglichkeit, dynamische Inhalte in WordPress zu erstellen.

Gutenberg hat sich seit seiner Einführung vor einem Jahr deutlich verbessert, um Ihnen eine einfache und intuitive Möglichkeit zu bieten, Ihre Websites zu gestalten und zu implementieren. Das Beste daran ist, dass Nicht-Programmierer jetzt ganz einfach mit Gutenberg und integrierten Plugins genau das bauen können, was sie sich vorgestellt haben.

Dazu gehören dynamische Inhalte, die Website-Builder dank Toolset Blocks mit Gutenberg erstellen können.

Wie funktionieren Toolset-Blöcke?

Toolset Blocks ist ein neues Plugin, das Sie an zwei Fronten verwenden können:

  1. Erstellen Sie benutzerdefinierte, erweiterte Funktionen wie Inhaltsvorlagen, Archive und Ansichten.
  2. Unterstützen Sie dynamische Quellen für Blöcke, die Ihre benutzerdefinierten Felder und Taxonomien für die Anzeige auf Ihren Seiten verfügbar machen.

Daher können Sie Toolset-Blöcke verwenden, um ohne Codierung dynamische Inhalte zu beliebigen Beiträgen, Seiten oder Vorlagen hinzuzufügen.

Unten habe ich ein Beispiel für eine Inhaltsvorlage für eine Fitnessstudio-Demo-Website erstellt, die sicherstellt, dass jeder Fitnessstudio-Post das gleiche Design, aber unterschiedliche Inhalte dank dynamischer Inhalte hat.

Toolset-Inhaltsvorlage

So erstellen Sie eine Inhaltsvorlage mit dynamischem Inhalt mithilfe von Toolset-Blöcken

Lassen Sie uns eine Vorlage für den benutzerdefinierten Beitragstyp „Fitnessstudios“ auf unserer Website erstellen.

Du wirst brauchen Installieren Sie Toolset-Blöcke bevor Sie beginnen, und stellen Sie sicher, dass Sie die Grundlagen der Verwendung des Gutenberg-Editors kennen.

Es gibt zwei Hauptquellen, aus denen Sie mithilfe von Toolset-Blöcken dynamische Inhalte zeichnen können. Sie können entweder eine Quelle aus dem aktuellen Beitrag oder aus einem benutzerdefinierten Feld verwenden. Im Folgenden werden wir beide Optionen durchgehen, um zu zeigen, wann Sie sie möglicherweise verwenden müssen.

Dynamischen Inhalt eines aktuellen Beitrags anzeigen

Gehen Sie zu Toolset > Dashboard und klicke auf Inhaltsvorlage erstellen neben dem Beitragstyp, für den Sie eine Inhaltsvorlage erstellen möchten.

Inhaltsvorlage erstellen

Wir können jetzt damit beginnen, unsere Blöcke hinzuzufügen, um unsere Inhaltsvorlage zu erstellen. Stellen wir uns vor, ich möchte ein Bild hinzufügen. Wählen Sie zuerst die + Option oben links, um einen Block hinzuzufügen.

Toolset Einen Block erstellen

Scrollen Sie nach unten, bis Sie die Liste der Blöcke von Toolset finden, und fügen Sie die Bildblock.

Toolset-Bildblock

Sie werden nun gefragt, ob Sie dynamische Quellen verwenden möchten oder nicht. Klicken Jawohl.

Toolset Image Dynamic Source

Wählen Sie die Quelle für Ihr Bild aus. Dies bestimmt, welche Inhalte WordPress je nach ausgewählter Option abrufen wird. Ich möchte die vorgestellten Bilder jedes Fitnessstudios innerhalb des Blocks anzeigen, also wähle ich die aus Ausgewählte Bilddaten Möglichkeit.

Toolset Empfohlene Bilddaten

In der rechten Seitenleiste können Sie Ihr Bild weiter anpassen, wenn Sie beispielsweise die Quelle des dynamischen Inhalts ändern oder das Bild stylen möchten.

Toolset-Bildeinstellungen

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 die Bewertungen jedes Fitnessstudios als dynamischen Inhalt hinzufügen.

Gehen Sie zur Liste der Toolset-Blöcke und fügen Sie die Einzelfeldblock.

Toolset Einzelfeldblock

In der Seitenleiste rechts unter Feldquelle, wähle aus Benutzerdefinierte Feld Feldtyp.

Unter dem Benutzerdefinierte Feldgruppen Dropdown wählen Sie die Fitnessstudios Post-Typ. Beachten Sie, dass dies der benutzerdefinierte Beitragstyp ist, aus dem Sie das benutzerdefinierte Feld abrufen möchten.

Unter dem Benutzerdefinierte Feld Wählen Sie in der Dropdown-Liste das benutzerdefinierte Feld aus, das Sie anzeigen möchten. Ich habe die ausgewählt Bewertung Möglichkeit.

Toolset benutzerdefinierte Felder Beitrag

Wenn Sie im Frontend zwischen den verschiedenen Fitnessstudio-Beiträgen wechseln, sehen Sie, dass jeder Beitrag dank dynamischer Inhalte den richtigen Preis für dieses Fitnessstudio anzeigt. Beachten Sie, dass wir überhaupt 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 sich an, wie es jetzt im Frontend aussieht.

Toolset Gym-Beispiel

2. Erstellen dynamischer Inhalte mit Total

Eine weitere ebenso effektive Möglichkeit, dynamische Inhalte zu erstellen, ist die Verwendung der Gesamtthema um integrierte dynamische Beitragsvorlagen zu erstellen.

Welche Funktionen bietet Total?

Total ist eines der beliebtesten Themes in WordPress und enthält eine Reihe von Funktionen, die Sie einfach einrichten 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 Website mit Inhalten, wenn Sie eine der über 40 vorgefertigten Demos von Total importieren möchten.
  • Drag & Drop-Seitenersteller – Total ist in den beliebten WPBakery Page Builder integriert, um Ihnen einen intuitiven Drag & Drop-Builder zur Verfügung zu stellen, damit Sie Ihre Website mit Leichtigkeit erstellen können.
  • Hunderte von Page Builder-Elementen – Nutzen Sie die Hunderte von Page Builder-Elementen von Total, um Ihre Seiten anzupassen.
  • Leicht anpassbar – Verwenden Sie die Live-Anpasser-Einstellungen, um eine Reihe von Elementen auf Ihrer Website zu ändern, einschließlich Farben, Schriftarten, Breiten und vieles mehr.
  • Entwicklerfreundlich – Total wird mit einer Reihe von integrierten Hooks und Filtern geliefert, die es Ihnen leicht machen, Ihr Design mit über 450 Snippets zu ändern, die in der Online-Dokumentation verfügbar sind.

Und natürlich können Sie mit Total dynamische Inhalte erstellen. Im Folgenden zeigen wir Ihnen ein Beispiel dafür, was Sie erreichen können, indem Sie ein einfaches Portfolioelement dynamisch machen.

So erstellen Sie eine dynamische Inhaltsvorlage mit Total

Gehen Sie zu Visual Composer > Vorlagen und klicke Neue hinzufügen. Als nächstes geben Sie Ihrer Vorlage einen Namen.

Gesamt-Portfolio-Post-Layout

Zuerst werde ich die hinzufügen Post-Medien -Element, das alle Medien anzeigt, die Sie Ihren Beiträgen hinzufügen. Bei Portfolios kann dies das vorgestellte Bild, die Galerie, das Video usw. sein.

Als nächstes werde ich die Inhalt posten Modul, das alle Inhalte anzeigt, die den Beiträgen im Editor hinzugefügt werden.

Postmedien insgesamt

Mit Total können Sie eine Reihe von Beitragselementen in Ihr dynamisches Template aufnehmen. Fügen Sie Beitragstitel, Metadaten, verwandte Elemente, Tags, soziale Links und mehr hinzu. Wenn du fertig bist, klicke Veröffentlichen.

Wir müssen nun die dynamische Vorlage unserem benutzerdefinierten Portfolio-Beitragstyp zuweisen. Navigieren Sie dazu zu WordPress Anpasser, dann geh zu Portfolio und wählen Sie die soeben erstellte Vorlage aus unter Dynamische Vorlage (Erweitert).

Gesamte dynamische Vorlage

Sie können Ihre Medien jetzt in Aktion sehen. Klicken Speichern & veröffentlichen und Ihr dynamischer Inhalt sollte fertig sein.

Total Dynamic Template Frontend

Das Erstellen dynamischer Vorlagen ist eine besonders gute Option, wenn Sie Websites für Kunden erstellen. Wenn Sie sie verwenden, können Sie eine Vorlage einmal erstellen und sie sofort allen Ihren Portfolioelementen zuweisen. Nicht nur das, sondern wenn Sie ein Layout ändern müssen, müssen Sie nur die Vorlage bearbeiten und alle Ihre Portfolioelemente 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 entweder herunterladen Toolset-Blöcke oder Gesamtthema noch heute und beginnen Sie damit, Ihre Website von einfach zu benutzerdefiniert zu machen.

Haben Sie eines der beiden Tools verwendet, um Ihrer Website dynamische Inhalte hinzuzufügen? Lassen Sie uns in den Kommentaren unten wissen, wie es für Sie gelaufen ist!

Verwandter Beitrag

So legen Sie bei der Arbeit ein anderes Layout des iPhone-Startbildschirms fest (2023)

So ändern Sie den Hintergrund auf dem iPhone basierend auf der Tageszeit (2023)

Apple MacBook Pro mit M2 Pro erhält einen verlockenden Rabatt

Die 2023 Apple Watch Series 9: Was Sie diesen Herbst von Apple erwarten können

Bewertung: Der 5C NFC YubiKey von Yubico funktioniert gut mit Apples Sicherheitsschlüsselfunktion

MARKIERTE: dynamischem, gestalten, Ihre, Inhalt, mit, Sie, WordPressSite
ThemeLocal November 18, 2021
Teile diesen Artikel
Facebook Twitter Pinterest Whatsapp Whatsapp
Aktie
Was denkst du?
Liebe0
Traurig0
Glücklich0
Schläfrig0
Wütend0
kein Kommentar0
Zwinkern0
Vorheriger Artikel DesktopServer Einfache lokale WordPress-Installationen
Nächster Artikel 3 wesentliche Listenerstellungs-Plugins für WordPress
Hinterlasse einen Kommentar

Schreibe einen Kommentar Antworten abbrechen

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

Berühmter Post

Sonos Era 300 vs Sonos Five: Wie vergleichen sie sich?
Gegen
Die 8 besten Tools zur Optimierung von Online-Inhalten für WordPress (2023)
Showcase
Philips Serie 9000 Prestige im Test
Technische Bewertungen
So fügen Sie eine passwortlose Anmeldung in WordPress mit Magic Links hinzu
Plugins
Der Nest Hub war mit diesem unglaublichen Angebot noch nie billiger
Angebote
Diese 20-Pfund-Alexa-Uhr ist ein Smart-Home-Schnäppchen
Angebote

También podría gustarte

Wie man

So legen Sie bei der Arbeit ein anderes Layout des iPhone-Startbildschirms fest (2023)

vor 6 Stunden 4 Minuten Mindestlesezeit
Wie man

So ändern Sie den Hintergrund auf dem iPhone basierend auf der Tageszeit (2023)

vor 10 Stunden 6 Minuten Mindestlesezeit
Angebote

Apple MacBook Pro mit M2 Pro erhält einen verlockenden Rabatt

vor 3 Tagen 3 Minuten Mindestlesezeit
Guides

Die 2023 Apple Watch Series 9: Was Sie diesen Herbst von Apple erwarten können

vor 3 Tagen 5 Minuten Mindestlesezeit
Technische Bewertungen

Bewertung: Der 5C NFC YubiKey von Yubico funktioniert gut mit Apples Sicherheitsschlüsselfunktion

vor 3 Tagen 9 Minuten Mindestlesezeit
Wie man

So ersetzen Sie die Joystick-Kappen am DualSense Edge

vor 4 Tagen 3 Minuten Mindestlesezeit
Angebote

Das iPhone 14 Plus ist mit diesem Deal jetzt günstiger als das iPhone 14

vor 4 Tagen 2 Minuten Mindestlesezeit
Wie man

So erhalten Sie ChatGPT auf Ihrer Apple Watch

vor 4 Tagen 2 Minuten Mindestlesezeit
Zeig mehr
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
Folge uns

© 2022 Themelocal. Alle Rechte vorbehalten.

  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt

Removed from reading list

Rückgängig machen
Welcome Back!

Sign in to your account

Passwort vergessen?