Springe zum Hauptinhalt

Wie Sie Ihre Wordpress-Publikationen in einem Grid-Layout angezeigt werden

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]

Möchten Sie Beiträge in einem Rasterlayout anzeigen?

Die meisten WordPress-Themes haben keine Einstellungen für das Rasterlayout. In diesem Artikel zeigen wir Ihnen, wie Sie Ihre WordPress-Beiträge in einem Raster in einem WordPress-Thema anzeigen können, ohne eine einzige Codezeile zu schreiben.

Wenn Sie WordPress noch nie installiert haben, entdecken Sie Wie man ein Wordpress-Blog 7 Schritte für die Installation et Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren 

Aber zurück zu dem Grund, warum wir hier sind.

Beiträge in einem Raster anzeigen

Wann benötigen Sie ein Rasterlayout in WordPress?

Das traditionelle vertikale Post-Layout funktioniert für die meisten Websites gut. Dieses Layout kann jedoch viel Platz beanspruchen, insbesondere wenn Sie eine große Anzahl von Posts anzeigen möchten.

Wenn Sie also eine benutzerdefinierte Homepage auf Ihrer WordPress-Website haben, können Sie ein Rasterlayout verwenden, um Ihre letzten Beiträge anzuzeigen.

Übrigens entdecken 10 WordPress-Plugins zur Anzeige einer Galerie oder eines Portfolios

Dieses Layout spart Platz, sodass Sie Ihrer Homepage noch mehr Elemente hinzufügen können. Das Erscheinungsbild sieht auch ästhetischer aus, da die Bilder viel stärker hervorgehoben werden.

Post-Grid-Plugin-WordPress-Display-Grid

Viele WordPress-Themes, die für Zeitschriften- oder Foto-Websites entwickelt wurden, verwenden bereits das Raster-Layout, um ihre Beiträge anzuzeigen. Wenn Sie jedoch ein inkompatibles WordPress-Design verwenden, müssen Sie Ihre eigene Vorlage erstellen. Sie müssen PHP, HTML, CSS usw. lernen.

Siehe auch unseren Artikel über Wie Wordpress lokal auf einem PC / Windows mit XAMPP installieren

Mal sehen, wie Sie Ihre WordPress-Beiträge in einem Raster in einem WordPress-Design anzeigen können, ohne Code schreiben zu müssen.

Wenn Sie WordPress noch nie installiert haben, entdecken Sie Wie man ein Wordpress-Blog 7 Schritte für die Installation et Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren 

Aber zurück zu dem Grund, warum wir hier sind.

WordPress-Publikationen anzeigen in einem Layout im Raster 

Als erstes müssen Sie das Plugin installieren und aktivieren Beitrag Grid. Nach der Aktivierung müssen Sie zur Seite gehen Beitragsraster »Neues Beitragsraster um Ihr Publikationsraster zu erstellen. 

neues WordPress-Artikelraster

Die Seite Pfostengitter Ist in verschiedene Abschnitte unterteilt, die durch Registerkarten in der oberen Reihe dargestellt werden. Sie müssen zuerst auf " Post abfragen".

Lire aussi Wie man E-Mail-Benachrichtigungen auf Wordpress verwalten

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]

Hier legen Sie fest, wie das Plugin die anzuzeigenden Beiträge finden soll.

querypostsgrid

Sie können den Beitragstyp auswählen, den Sie anzeigen möchten. Standardmäßig wird "post" angezeigt (Artikel), aber Sie können die Seiten zum Beispiel auswählen, zumindest eine auswählen benutzerdefinierte Veröffentlichungstyp.

Dann müssen Sie auf die Registerkarte Layout klicken. Hier können Sie auswählen, wie Ihr Raster angezeigt werden soll.

Grid

Sie können dann den Inhalt des Layouts auswählen. Das Plugin hat die Wahl zwischen "flach", "flach in der Mitte", "flach rechts" usw.

Sie können auch auf die Schaltfläche Bearbeiten klicken, um Ihre eigenen Layouts zu erstellen.

entdecken Sie auch Wie die Form von Kommentaren auf Wordpress anpassen

Sie haben 5 Modi mit interessanten visuellen Effekten zur Verfügung. Mit der Maus kann das Bild auch gedreht oder gedreht werden. 

Jetzt müssen Sie auf die Registerkarte " Layout-Einstellungen". Diese Einstellungen sollten auf den meisten Websites funktionieren. Wenn Ihr Raster jedoch nicht zu Ihrer Seite passt, können Sie dies auch hier beheben.

gridlayoutsettings

Klicken Sie abschließend auf die Registerkarte Navigation und wählen Sie Ihren Layoutstil aus.

Sobald Sie fertig sind, klicken Sie einfach auf die Schaltfläche "Veröffentlichen". Dadurch wird Ihr Beitragsraster verfügbar und Sie können es jeder gewünschten Seite hinzufügen.

Fügen Sie einer WordPress-Seite ein Post-Grid hinzu

Auf dem Herausgeber des Publikationsrasters sehen Sie die Registerkarte « Kurzwahlnummern". Wenn Sie darauf klicken, wird ein Shortcode angezeigt.

gridshortcode

Kopieren Sie den Shortcode und bearbeiten Sie die WordPress-Seite, auf der Sie Ihr Post-Grid anzeigen möchten. Fügen Sie den Shortcode in den Bereich ein, in dem das Raster angezeigt werden soll.

entdecken Sie auch So zeigen Sie Fotos in einem WordPress-Raster an

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

Speichern Sie anschließend Ihre Seite, indem Sie auf die Schaltfläche "Aktualisieren" klicken. Sie können jetzt Ihre Website besuchen, um das Publikationsraster in Aktion zu sehen.

postgridpreview

Sie können auch PHP-Code verwenden, wenn Sie das Publikationsraster direkt zu Ihren WordPress-Designdateien hinzufügen möchten.

Entdecken Sie unsere 7 Premium WordPress-Plugins zum Speichern Ihrer Website / Ihres Blogs

Jetzt können Sie Ihre Beiträge in einem Raster in WordPress anzeigen.

Entdecken Sie auch einige Themen und Premium-WordPress-Plugins  

Sie können andere WordPress-Plugins verwenden, um ein modernes Erscheinungsbild zu erhalten und den Grip Ihres Blogs oder Ihrer Website zu optimieren.

Wir bieten Ihnen hier einige Premium-WordPress-Plugins an, die Ihnen dabei helfen werden.

1. Fahrer

Chauffeur ist ein leistungsstarkes Premium-Plugin für die Reservierung von WordPress-Limousinen für Unternehmen jeder Größe. Es kann von Limousinen- und Shuttle-Betreibern genutzt werden. 

Chauffeur

Mit diesem Plugin können Sie einfach Reservierungen für jede definierte Route vornehmen. Es wird Ihnen helfen, den Kundenservice zu verbessern und Ihre Limousinenvermietung im Internet zu verwalten.

Es bietet einen einfachen, schrittweisen Reservierungsprozess mit Unterstützung für mehrere Zahlungs-Gateways, Benachrichtigungen per E-Mail und SMS, Integration des WooCommerce Plugins, Google Kalender und ein intuitives Bedienfeld.

Als Funktionen haben wir unter anderem: die Möglichkeit, Reservierungsformulare zu erstellen, zu ändern oder zu löschen, die Unterstützung von Shortcodes, die Angabe der angebotenen Servicearten, die Genauigkeit der minimalen und maximalen Mietzeit der Limousine, die Angabe der Reservierungszeitraum, die Genauigkeit des Zeitintervalls zwischen Reservierungen desselben Fahrzeugs, die physische Geolokalisierung Ihres Unternehmens, die Angabe der im Reservierungssystem verfügbaren Routen und vieles mehr

Download Demo | Web-Hosting

2. Sicherheit Ninja PRO

Sicherheit Ninja PRO ist ein weiteres Premium-WordPress-Plugin, mit dem Sie die Sicherheit Ihrer Website perfekt verbessern können. Es bietet eine Vielzahl von Optionen und Funktionen, mit denen Sie jeden Aspekt der Sicherheit Ihrer Website steuern können.Sicherheit Ninja PRO WordPress-Plugins schützen die Website vor Malware-Virenangriffen

Seine Funktionen sind: mehr als 40 verfügbare Sicherheitstests, ein vollständiger Scan Ihrer Website, um alle Schwachstellen und Sicherheitslücken zu erkennen, die Integration eines Malware-Scanners, Sicherung der Aktivitäten Ihrer Website, Planung verschiedener Scans und vieles mehr

DownloadDemo | Web-Hosting

3. WooCommerce-Kategorienrabatt

WooCommerce Category Discount ist ein Premium-WordPress-Plugin, mit dem Sie Rabatte in Ihrem WooCommerce-Onlineshop verwalten können. Während es wichtig ist, strategisch Regeln für Rabattangebote zu erstellen, werden die Dinge kompliziert, wenn Sie mehrere Produkte haben und Rabatte basierend auf mehreren Parametern anbieten möchten.Woocommerce Kategorie Rabatt

Dieses WordPress-Plugin bietet gut definierte Lösungen, mit denen Sie Rabattregeln in Ihren Online-Shops definieren können. Es bietet großartige Funktionen, mit denen Sie entscheiden können, wann Sie einen Rabatt gewähren möchten. Standardmäßig bietet dieses Plugin den Rabatt für den aktuellen Kauf.

Siehe auch unsere 7 Wordpress-Plugins für private Nachrichten hinzufügen

Sie können Ihren Kunden jedoch auch den Rabatt für den folgenden Kauf gewähren, d. H.: Wenn Sie Ihren Kunden 20 US-Dollar Rabatt auf den aktuellen Einkauf gewähren möchten, geben Sie ihnen einen Gutschein, der für den nächsten Einkauf verwendet werden kann, anstatt den Rabatt zu gewähren.

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]

Mit diesem WordPress-Plugin können Sie beispielsweise einen Rabatt auf eine Kategorie Ihres Online-Shops gewähren.

Download | Demo | Web-Hosting

Empfohlene Ressourcen

Informieren Sie sich über andere empfohlene Ressourcen, die Sie beim Erstellen und Verwalten Ihrer Website unterstützen.

Fazit

Hier ! Wir hoffen, dieser Artikel hat Ihnen geholfen, Ihre WordPress-Beiträge in einem Rasterlayout anzuzeigen. Zögere nicht zu Teile es mit deinen Freunden in deinen bevorzugten sozialen Netzwerken

Sie können jedoch auch unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung.

Und wenn Sie Vorschläge oder Anmerkungen haben, hinterlassen Sie diese in unserer Rubrik commentaires.

... 

Dieser Artikel enthält Kommentare 16

  1. Guten Tag,

    Ich verwende Post Grid und möchte meinen ersten Beitrag in eine Spalte und den folgenden in zwei Spalten einfügen. Ist das mit diesem Plugin möglich? Wenn nicht, kennen Sie ein ähnliches Plugin, das dies ermöglicht?

    Vielen Dank im Voraus.
    Bien cordiale

  2. Hallo, wie integrieren wir diese Fotos, um die Rasterpräsentation mit dem Titel, dem Kommentar und der Schaltfläche "Mehr lesen" zu erhalten. Vielen Dank

      1. Hallo, in diesem Tutorial können wir Ihre Bilder bereits sehen. Was ich nicht verstanden habe, ist, wo und wie wir die Bilder, den Titel und das Lesen mehr einfügen. Vielen Dank

        1. Hallo,
          Sie müssen die Bilder nicht hinzufügen, da die verwendeten Bilder aus Ihren Blog-Posts stammen. Sie müssen lediglich das Layout konfigurieren und den Shortcode verwenden.

  3. Guten Tag,

    Ich kann nicht herausfinden, wo ich diesen Code einbetten kann. Wenn Sie zum Editor meiner Website gehen (Registerkarte "Darstellung"), erledigt der Code seine Aufgabe nicht ...

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
8 Aktien
Aktie7
tweet
Registrieren1