ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
  • Bloggen

    7 Möglichkeiten, die Größe von PDF-Dateien zu reduzieren

    Warum die meisten Blogging-Ratschläge fehlschlagen (und wie man sie behebt)

    7 wesentliche Fragen, die sich jeder Blogger stellen muss

    So schreiben Sie Inhalte, die Ihre Leser dazu bringen, mehr zu wollen

    Was tun, wenn Ihr Blog gehackt wird

    So schreiben Sie schneller: 10 einfache Tipps, um Ihre Schreibleistung zu verdoppeln

    Wie man Trends produktiv überwacht und berichtenswerte Inhalte schreibt

    So planen Sie Inhalte wie Walter Bishop

    So schreiben Sie den ultimativen Blog-Beitrag: Der Spickzettel eines Bloggers

  • WordPress
    • All
    • Plugins
    • Themes

    So fügen Sie ein Schema für mehrere Standorte für lokale Unternehmen in WordPress hinzu

    Die 11 besten Amazon-Affiliate-WordPress-Themes 2022

    Die 5 besten NFT-WordPress-Themes 2022

    So fügen Sie Zusammenarbeit im WordPress-Blockeditor hinzu (Google-Doc-Stil)

    So akzeptieren Sie Google Pay in WordPress (der einfache Weg)

    Die 9 besten WordPress-Themes zur Lead-Generierung 2022

    So passen Sie die Ergebnisseite der WooCommerce-Produktsuche an

    So erstellen Sie ein zusammenklappbares Seitenleistenmenü in WordPress (der einfache Weg)

    So fügen Sie „Jetzt kaufen, später bezahlen“-Zahlungspläne zu WordPress hinzu

  • E-Mail Marketing

    So verwenden Sie Gast-Blogging, um Ihre E-Mail-Liste zu erstellen

    Die E-Mail-Marketing-Kennzahlen, auf denen jede Kampagne basieren sollte

    So verwenden Sie ein Kontaktformular, um Ihre E-Mail-Liste zu erstellen

  • SEO

    So beheben Sie Fehler vom Typ 404 von benutzerdefinierten Beiträgen in WordPress

    Erhöhen Sie den Traffic auf Ihrer WordPress-Site in 6 einfachen Schritten

    Wie man automatisch externe Links in WordPress Nofollow macht

    Wie man in Suchmaschinen einen höheren Rang erreicht

    So entfernen Sie defekte Links für immer von Ihrer WordPress-Site

    SEO-Anfängerleitfaden: Intro, Prep & Jargon

    WordPress Keyword-Recherche und -Nutzung für SEO

    Verbessern Sie SEO mit Backlinks, Seitengeschwindigkeit und mehr

    Die 10 wichtigsten Funktionen von Yoast SEO für WordPress

  • Soziale Netzwerke

    So fügen Sie einem Instagram-Post eine Erinnerung hinzu

    So planen Sie kostenlos Pinterest-Pins

    Wie man auf Instagram viral wird: Der Leitfaden für Anfänger

    5 großartige Möglichkeiten, Ihre Social-Media-Updates zu diversifizieren, um mehr Traffic und Engagement zu generieren

    Können Sie Instagram verwenden, um Ihr Geschäft auszubauen?

    6 effektive Möglichkeiten, sich in sozialen Medien zu vermarkten

    6 intelligente Instagram-Marketing-Tipps, um Ihr Geschäft anzukurbeln

    So konvertieren Sie Ihr persönliches Instagram-Profil in ein Unternehmensprofil

    Shorby Review: Steigern Sie den Traffic von Social Media mit Landing Pages + mehr

  • Mehr
    • Tutorials
    • Shopify
    • Bewertungen
    • Tipps
    • Sicherheit
    • Software und Dienste
    • Verkehrserzeugung
    • Anfängerleitfaden
    • Showcase
No Result
View All Result
  • Bloggen

    7 Möglichkeiten, die Größe von PDF-Dateien zu reduzieren

    Warum die meisten Blogging-Ratschläge fehlschlagen (und wie man sie behebt)

    7 wesentliche Fragen, die sich jeder Blogger stellen muss

    So schreiben Sie Inhalte, die Ihre Leser dazu bringen, mehr zu wollen

    Was tun, wenn Ihr Blog gehackt wird

    So schreiben Sie schneller: 10 einfache Tipps, um Ihre Schreibleistung zu verdoppeln

    Wie man Trends produktiv überwacht und berichtenswerte Inhalte schreibt

    So planen Sie Inhalte wie Walter Bishop

    So schreiben Sie den ultimativen Blog-Beitrag: Der Spickzettel eines Bloggers

  • WordPress
    • All
    • Plugins
    • Themes

    So fügen Sie ein Schema für mehrere Standorte für lokale Unternehmen in WordPress hinzu

    Die 11 besten Amazon-Affiliate-WordPress-Themes 2022

    Die 5 besten NFT-WordPress-Themes 2022

    So fügen Sie Zusammenarbeit im WordPress-Blockeditor hinzu (Google-Doc-Stil)

    So akzeptieren Sie Google Pay in WordPress (der einfache Weg)

    Die 9 besten WordPress-Themes zur Lead-Generierung 2022

    So passen Sie die Ergebnisseite der WooCommerce-Produktsuche an

    So erstellen Sie ein zusammenklappbares Seitenleistenmenü in WordPress (der einfache Weg)

    So fügen Sie „Jetzt kaufen, später bezahlen“-Zahlungspläne zu WordPress hinzu

  • E-Mail Marketing

    So verwenden Sie Gast-Blogging, um Ihre E-Mail-Liste zu erstellen

    Die E-Mail-Marketing-Kennzahlen, auf denen jede Kampagne basieren sollte

    So verwenden Sie ein Kontaktformular, um Ihre E-Mail-Liste zu erstellen

  • SEO

    So beheben Sie Fehler vom Typ 404 von benutzerdefinierten Beiträgen in WordPress

    Erhöhen Sie den Traffic auf Ihrer WordPress-Site in 6 einfachen Schritten

    Wie man automatisch externe Links in WordPress Nofollow macht

    Wie man in Suchmaschinen einen höheren Rang erreicht

    So entfernen Sie defekte Links für immer von Ihrer WordPress-Site

    SEO-Anfängerleitfaden: Intro, Prep & Jargon

    WordPress Keyword-Recherche und -Nutzung für SEO

    Verbessern Sie SEO mit Backlinks, Seitengeschwindigkeit und mehr

    Die 10 wichtigsten Funktionen von Yoast SEO für WordPress

  • Soziale Netzwerke

    So fügen Sie einem Instagram-Post eine Erinnerung hinzu

    So planen Sie kostenlos Pinterest-Pins

    Wie man auf Instagram viral wird: Der Leitfaden für Anfänger

    5 großartige Möglichkeiten, Ihre Social-Media-Updates zu diversifizieren, um mehr Traffic und Engagement zu generieren

    Können Sie Instagram verwenden, um Ihr Geschäft auszubauen?

    6 effektive Möglichkeiten, sich in sozialen Medien zu vermarkten

    6 intelligente Instagram-Marketing-Tipps, um Ihr Geschäft anzukurbeln

    So konvertieren Sie Ihr persönliches Instagram-Profil in ein Unternehmensprofil

    Shorby Review: Steigern Sie den Traffic von Social Media mit Landing Pages + mehr

  • Mehr
    • Tutorials
    • Shopify
    • Bewertungen
    • Tipps
    • Sicherheit
    • Software und Dienste
    • Verkehrserzeugung
    • Anfängerleitfaden
    • Showcase
No Result
View All Result
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
No Result
View All Result
  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt
Home Tipps

So gestalten Sie Ihre WordPress-Site mit dynamischem Inhalt

7 Monaten ago
in Tipps
Reading Time: 8 mins read
A A
0
Auf Facebook teilenAuf Twitter teilen

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.

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!

Share26Tweet16Send
Previous Post

DesktopServer Einfache lokale WordPress-Installationen

Next Post

3 wesentliche Listenerstellungs-Plugins für WordPress

Related Posts

Wie man

iOS 16: So ändern Sie die Uhr des Sperrbildschirms in arabisch-indisch

3 Stunden ago
Wie man

So entkoppeln Sie die Apple Watch vom iPhone (iOS 15 & watchOS 8 Update)

3 Stunden ago
Wie man

So starten Sie eine Gruppen-FaceTime aus einem Gruppentext

7 Stunden ago
Load More
Next Post

3 wesentliche Listenerstellungs-Plugins für WordPress

Schreibe einen Kommentar Antworten abbrechen

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

EMPFOHLEN

So löschen Sie abgelaufene Abonnements auf dem iPhone

5 Monaten ago

Epson EcoTank ET-3850 im Test

3 Monaten ago

Apple Watch-Symbole und -Symbole: Meistere deine Apple Watch 7 oder frühere Modelle

6 Monaten ago

So gewinnen Sie jedes Mal Apple Watch-Wettbewerbe

4 Monaten ago
ThemeLocal – Blog-Tipps, die wie von Zauberhand funktionieren

Wir helfen klugen Unternehmern, ihre Blogs in profitable Geschäfte zu verwandeln. Wir sind ein preisgekrönter Blog, der seit 2020 Bloggern und Unternehmern hilft.

Folge uns

Neueste Nachrichten

Tim Cook gibt einen wichtigen Hinweis auf Apples AR-Zukunft

Juni 28, 2022

Energizer Recharge Power Plus AAA 700mAh im Test

Juni 28, 2022
  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt

© 2022 ThemeLocal. Tous droits réservés.

No Result
View All Result
  • Bloggen
  • WordPress
    • Plugins
    • Themes
  • Shopify
  • E-Mail Marketing
  • Monetarisierung
  • SEO
  • Soziale Netzwerke
  • Tutorials
  • Bewertungen
  • Tipps
  • Sicherheit
  • Software und Dienste
  • Verkehrserzeugung
  • Anfängerleitfaden
  • Showcase

© 2022 ThemeLocal. Tous droits réservés.