Möchten Sie Ihren WordPress-Beiträgen mehrspaltigen Inhalt hinzufügen?
Spalten können zum Erstellen verwendet werden Attraktive Layouts für Ihre Publikationen und Seiten.
Herkömmliche Printmedien wie Zeitungen und Zeitschriften verwenden seit den Anfängen des Drucks ein mehrspaltiges Layout. Ihr Ziel war es zu ermöglichen Nutzer Einfacheres Lesen eines kleineren Textes bei sparsamer Nutzung des verfügbaren Platzes.
Wenn Sie noch keine Website oder kein Blog auf WordPress erstellt haben, laden wir Sie ein, als nächstes nachzulesen, wie Sie ein WordPress-Blog in 7 Schritten installieren. Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren
Einspaltige Layouts werden im Web häufiger verwendet. Die Gitter mit mehreren Spalten sind immer noch nützlich, um Inhalte hervorzuheben und das Lesen und Analysieren zu erleichtern.
In diesem Tutorial zeigen wir Ihnen, wie Sie Ihren WordPress-Posts mühelos mehrspaltigen Inhalt hinzufügen können, ohne HTML-Code schreiben zu müssen.
Hinzufügen von mehrspaltigen Inhalten in WordPress - Die einfache Lösung
Das Erstellen von mehrspaltigen Inhalten, in WordPress auch als Rasterinhalte bezeichnet, ist jetzt einfach, da dies eine Standardfunktion ist. Das neuer WordPress Gutenberg Block Editor schlägt einen Spaltenblock vor.
Um ein mehrspaltiges Layout hinzuzufügen, müssen Sie einen neuen Beitrag erstellen oder einen bearbeiten. Klicken Sie im Bearbeitungsbereich auf " hinzufügen Oben einen Block hinzufügen.
Dann müssen Sie den Block auswählen Spalten "Befindet sich unter der Registerkarte" Layoutelemente ".
In der linken Spalte springt der Mauszeiger und in der rechten Spalte erscheint ein Platzhalter für den Text.
Wie Sie im obigen Screenshot sehen können, ist der Block Spalten scheint zunächst ein leerer Bereich zu sein. Wenn Sie mit der Maus nach links fahren, sehen Sie den Rand des markierten Blocks.
Sie können auch die Blockparameter in der rechten Spalte des Bildschirms sehen.
Standardmäßig fügt der Spaltenblock zwei Spalten hinzu. Sie können die Anzahl der Spalten, die Sie hinzufügen möchten, in den Blockeinstellungen auf der rechten Seite erhöhen. Auf diese Weise können Sie bis zu sechs Spalten in einer einzelnen Zeile hinzufügen. Klicken Sie einfach auf eine Spalte und beginnen Sie mit der Eingabe, um Inhalte hinzuzufügen. Sie können die Tabulatortaste auf Ihrer Tastatur verwenden, um zur nächsten Spalte zu gelangen.Hinzufügen von Multimedia- und anderen Inhalten zu Ihren Spalten
Neben Textinhalten können Sie auch Bilder hinzufügen und Videos in WordPress-Spalten einbetten.
Mit dem Spaltenblock können Sie Blöcke in jede Spalte einfügen. Bewegen Sie einfach die Maus über eine Spalte und Sie werden das "Füge einen neuen Block hinzuInnen. Sie können einen Block auch hinzufügen, indem Sie den Namen des Blocks eingeben.
Ihr ausgewählter Block wird in der Spalte angezeigt. Sie können dorthin gehen und Inhalte hinzufügen.
Um Ihre Medien hochzuladen, laden Sie unseren Artikel auf Wie lade ich deine Massenmedien auf WordPress hoch?
So könnte Ihre neue Spalte in der aussehen Wordpress-Theme Standard Twenty Nineteen. In diesem Beispiel verwenden wir drei Spalten und die letzte Spalte enthält ein Bild.
Wenn Sie der Seite nur ein Bild und einen Text hinzufügen möchten, können Sie auch den Block verwenden Medien und Text Anstelle von Spalten. Dieser Block wurde speziell für die Anzeige von Medien wie Bildern und Videos neben dem Text entwickelt.
Hinzufügen mehrerer Spalten im klassischen Editor von WordPress
Wenn Sie WordPress nicht auf Gutenberg aktualisiert haben und das noch verwendenklassischer EditorSie müssen ein separates Plugin installieren, um ein Rasterlayout zu erstellen von Spalten.
Beginnen Sie mit der Installation und Aktivierung des Plugins Leichte Rastersäulen.
Ausführliche Anweisungen finden Sie in unserer Schritt-für-Schritt-Anleitung um ein Plugin in WordPress zu installieren.
Bei der Aktivierung können Sie eine neue Nachricht erstellen oder eine alte Nachricht zum Bearbeiten öffnen. Dann klicken Sie auf " Spalten hinzufügen In der visuellen Editor-Symbolleiste.
Sie sehen nun ein Popup-Fenster, in dem Sie Ihre erste Spalte hinzufügen können. Sie können wählen, wie viel Bereich Ihre Spalte auf Desktops, Tablets und Mobilgeräten unterschiedlich abdecken kann.Gehen Sie weiter und entdecken Sie Wie eine volle Seitenbreite auf Wordpress erstellen
Wenn Sie beispielsweise den Prozentsatz des 50% -Desktoprasters festlegen, deckt Ihre Spalte die Hälfte der Zeile ab.
Es gibt viele Optionen zum Festlegen der Breite Ihrer Spalte, von 5% bis 100% mit einem 5-Intervall. Sie können einen auswählen, indem Sie auf das Dropdown-Menü klicken.
Anschließend müssen Sie den Inhalt Ihrer Spalte im Bereich "Inhalt" hinzufügen und dann auf die Schaltfläche "OK" klicken, um ihn in Ihre Publikation einzufügen.
Das Plugin generiert den erforderlichen Shortcode mit Ihren Inhalten und fügt ihn Ihrem Post-Editor hinzu.
Entdecken Sie in diesem Tutorial Wie zu installieren und die WP Super-Cache-Plugin konfigurieren um die Leistung Ihres Blogs zu verbessern.
Nachdem Sie Ihre erste Spalte hinzugefügt haben, können Sie den Vorgang wiederholen, um weitere Spalten hinzuzufügen. Vergessen Sie für die letzte Spalte nicht, das Kontrollkästchen 'Letzte Spalte der Zeile'.
Danach können Sie Ihre Vorschau speichern und in der Vorschau anzeigen. So sieht es auf unserer Twenty Seventeen-Testwebsite aus.
Wenn Sie auch WordPress-Themes suchen, mit denen Sie Spalten auf Ihren Seiten oder in Ihrer Publikation erstellen können, finden Sie hier 3 WordPress-Themes Premium perfekt für diese aufgabe.
1. TheGem
Es gibt viele WordPress-Themes Das mag behaupten, ein OnePage-Layout anzubieten, aber keines kann die Fülle an Optionen und Funktionen bieten, die die WordPress-Vorlage von TheGem hat.
Alle Designelemente, die Sie mit einer guten OnePage-Website verbinden, sind darin enthalten Wordpress-Theme : ein Vollbild-Slider (der mit dem mitgelieferten Revolution Slider-Plugin erstellt werden kann Wordpress-Theme), eine Auswahl von sechs Header-Stilen und die Möglichkeit, Abschnitte in voller Breite mit dem im Paket enthaltenen Visual Composer-Plugin zu erstellen.
Darüber hinaus stehen eine Reihe von Anpassungsoptionen für Elemente wie Schriftarten, Farben und Symbole zur Verfügung. Es ist eine seltene Sache, aber es gibt auch Details, die wir an TheGem nicht mögen. Aber im Grunde genommen ist es ein WordPress-Thema, das Ihnen angesichts der Anzahl der positiven Punkte natürlich zusagt. Es ist ein starker Konkurrent, der die Erstellung einer OnePage-Website erleichtern würde.
Herunterladen | Demo | Web-Hosting
2. Stockholm
Stockholm ist ein WordPress-Theme, das entwickelt wurde, um Ihnen bei der Erstellung der Website eines Bauunternehmens, Tiefbauunternehmens oder eines anderen Unternehmens im Zusammenhang mit der Welt der Gebäuderenovierung zu helfen. Dies WordPress Vorlage richtet sich an Profis, denen Qualität und Detail wichtig sind.
Mit einem Optionsfeld und einem benutzerfreundlichen Backend können Sie Ihre Inhalte einfach verwalten. Es gibt ungefähr 20 Demos dieser Vorlage, die eine breite Palette von Aktivitäten präsentieren, für die dieses WordPress-Thema verwendet werden kann. Und diese können auch als Grundlage für zukünftige Anpassungen verwendet werden, damit Ihre Website ein einzigartiges Aussehen erhält.
Sehr reaktionsschnell, es wird perfekt auf jedem Bildschirm angezeigt. Wenn Sie während der Anpassung oder Installation dieser Vorlage auf Schwierigkeiten stoßen, kann die vollständige Dokumentation, die im Paket enthalten ist, als Leitfaden dienen. Und wenn Sie es immer noch nicht können, steht Ihnen weiterhin der WordPress-Support zur Verfügung.
Herunterladen | Demo | Web-Hosting
3. Jupiter
Jupiter ist ein weiteres sehr beliebtes WordPress-Thema. Es enthält 25-Demos, die 6 aus unseren Kategorien abdecken - Agentur, Kreativ, Bildung, Essen, Gesundheit und E-Commerce - und weitere werden in zukünftigen Updates hinzugefügt. Die meisten Layouts haben ein minimalistisches Design mit einer angenehmen Typografie.
Eines der wichtigsten Verkaufsargumente von Jupiter ist der Creative Header Customizer, mit dem Sie das Header-Design Ihrer Website schnell und einfach anpassen können. Visual Composer, 3-Schieberegler (Layer, Revolution und iCarousel), neue 10-Shortcodes, mehr als 1800-Symbole und benutzerdefinierte 10-Beitragstypen sind im Lieferumfang enthalten.
Die Seitenladezeiten sind ebenfalls ausgezeichnet. Dies ist ein hervorragendes Produkt, und Sie werden es schwer haben, so viele zu finden WordPress-Themes seine Eigenschaften hat.
Herunterladen | Demo | Web-Hosting
Andere empfohlene Ressourcen
Um Ihr Blog oder Ihre Website weiter zu optimieren, empfehlen wir Ihnen, einige Links zu konsultieren, die Sie in die Welt von Gutenberg eintauchen lassen
- So bereiten Sie Ihre Website für Gutenberg vor
- Woher weiß ich, ob Ihr Plugin mit Gutenberg kompatibel ist?
- Wird Gutenberg WordPress verbessern oder brechen?
Schlussfolgerung
Hier ! Das war's für dieses Tutorial. Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Ihren WordPress-Posts und -Seiten Spalten hinzufügen. Zögere nicht zu Teile dieses Tutorial mit deinen Freunden in deinen sozialen Netzwerken.
Wenn Sie Vorschläge oder Kommentare haben, sind diese willkommen. Aber wenn Sie ein Anfänger sind, laden wir Sie ein, unsere zu konsultieren Ressourcen.
...
Hallo, ich habe dieses Plug-In…. aber es funktioniert nicht gut, es passiert:
Ich erstelle zwei Spalten, eine kleinere für das Foto und eine größere für den Text, sodass der Text nur aus zwei Zeilen besteht, nicht in der vollen Höhe der Spalte, wenn der JUMP-Text unter dem Foto gespeichert wird und nicht bleib accano, sieh, dass eine Spalte verschwindet… ..
Was mache ich? Warum passiert das? Es gibt hier ein anderes besseres und einfacheres Plg-In als dieses?
Danke, ich wäre dankbar für die Hilfe!
Hallo Irina,
Versuchen Sie, das Standard-WordPress-Design zu aktivieren. Wenn alles einwandfrei funktioniert, liegt das Problem bei Ihrem aktuellen WordPress-Design.
Überprüfen Sie auch, ob Sie Plugin-Updates vorgenommen haben.
Ich kann nur sagen, dass dies Geniale ist.
es funktioniert sehr gut und ca reagiert auf alle meine Erwartungen.
Dank nombreu (BCP)
Guten Tag,
Vielen Dank, es ist großartig
Wie Farbe meiner Spalte hinzufügen?
mercii
Guten Tag,
Sie können es tun, eine benutzerdefinierte CSS.
Guten Tag,
Ich konnte keinen Text in eine Spalte einfügen. Ist es möglich ?
Guten Tag,
Wie gehen Sie vor?
Ich habe Text kopiert und ohne Erfolg versucht, ihn mit CRTL + V einzufügen. Das Kontextmenü mit der rechten Maustaste bietet kein Einfügen an.
Ich habe keine andere Lösung gefunden, als alles neu einzugeben ...
Sorry für die späte Antwort.
Können Sie sicherstellen, dass durch Klicken mit der rechten Maustaste auf ein anderes Element auf der Seite das Kontextmenü angezeigt wird? Wenn dies der Fall ist, liegt wahrscheinlich ein JavaScript-Problem mit Ihrem Hosting vor.
Wenn Sie sich in Google Chrome befinden, rufen Sie die betreffende Seite auf, auf der das Problem auftritt, drücken Sie die Taste "F12" (ein Fenster wird geöffnet oder an die Seite angehängt) und wählen Sie die Registerkarte "Konsole" . Machen Sie einen Screenshot dieser Registerkarte und ich werde Ihnen sagen, ob es ein Problem gibt.
Guten Tag,
Merci pour votre réponse.
Meine Website wird von Free gehostet. Möglicherweise liegt ein Problem mit Javascript vor.
Können Sie mir sagen, wie Sie den von mir erstellten Screenshot weiterleiten?
herzlich
Wir wollen Mireille aber die Art der Dienstleistung, die Sie benötigen, ist leider zu bezahlen und wir laden Sie unser technisches Team kontaktieren blogpascher.com
Da ich eine eingeschränkte Version kostenlos installiert habe, denke ich, dass das Problem da ist.
Ich werde versuchen, eine andere Version zu installieren ...
Ich habe Text kopiert und versucht, ihn in eine Spalte im Plugin einzufügen. Unmöglich, weder mit der Tastenkombination STRG + V noch im Kontextmenü des Rechtsklicks, das diese Funktion nicht bietet.
Gibt es eine Alternative alles neu eingeben?
Ich habe nur ein Wort zu sagen Awesome! Ich habe es installiert und nach zwei oder drei Korrekturen habe ich es geschafft, Spalten zu erstellen, danke!
Vielen Dank an Ronnie für dieses Feedback.
Hallo, ich habe erweiterte WP-Spalten installiert.
Aber wenn ich auf die Seite schaue, habe ich oben links in jeder Spalte ein weißes Quadrat? können Sie mir helfen. Vielen Dank
Hallo,
Haben Sie versucht, das Standard-WordPress-Design zu verwenden, um festzustellen, ob das Problem weiterhin besteht?
Guten Tag,
Wir können Ihnen nicht wirklich helfen, wenn Sie nicht geben Informationen darüber, wie Sie tun, ein weißes Quadrat zu haben.
Merci.