{"id":231843,"date":"2021-11-25T10:40:00","date_gmt":"2021-11-25T07:40:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=231843"},"modified":"2022-05-16T11:14:41","modified_gmt":"2022-05-16T08:14:41","slug":"so-richten-sie-bilder-in-wordpress-nebeneinander-aus","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-richten-sie-bilder-in-wordpress-nebeneinander-aus\/","title":{"rendered":"So richten Sie Bilder in WordPress nebeneinander aus"},"content":{"rendered":"

Die Bildausrichtung ist f\u00fcr den WordPress-Blogger ein st\u00e4ndiger Kampf.<\/p>\n

Dieser Beitrag richtet sich an alle, die mehr Zeit damit verbracht haben, als sie zugeben m\u00f6chten, mit der Bildausrichtung und -positionierung im Editor herumzufummeln.<\/p>\n

Die zwei besten Methoden zum Ausrichten von Bildern<\/h2>\n

Es gibt zwei Techniken, die Sie ber\u00fccksichtigen sollten, um Bilder nebeneinander zu platzieren. Ich werde teilen, wie man jeden verwendet sowie die Vor- und Nachteile.<\/p>\n

1 Bilder mit einer Galerie ausrichten<\/h3>\n

Die zuverl\u00e4ssigste Methode, Bilder nebeneinander zu platzieren, ist die Verwendung einer WordPress-Galerie<\/a>.<\/p>\n

Wenn Sie noch nie eine Galerie erstellt haben, befolgen Sie dieses Tutorial zum Erstellen von Galerien<\/a>.<\/p>\n

Der Trick besteht darin, eine mittelgro\u00dfe Version der Bilder zu verwenden und zwei Spalten zu w\u00e4hlen, selbst wenn Sie nur zwei Bilder einschlie\u00dfen. Das Ergebnis wird ungef\u00e4hr so \u200b\u200baussehen:<\/p>\n

\"So<\/a><\/p>\n

Im Gegensatz zu Bildern, die Sie in Ihren Beitrag einf\u00fcgen, haben Galerien spezielles HTML, das die Bilder nebeneinander h\u00e4lt. Diese Struktur macht es einfacher und weniger umst\u00e4ndlich, die Bilder in Zeilen\/Spalten auszurichten.<\/p>\n

2 Bilder mit Spalten-Shortcodes platzieren<\/h3>\n

Wenn es Ihnen nichts ausmacht, Ihrer Site ein neues Plugin hinzuzuf\u00fcgen, ist Column Shortcodes<\/a> eine gro\u00dfartige L\u00f6sung zum Ausrichten von Bildern.<\/p>\n

\"So<\/a><\/p>\n

Column Shortcodes ist eines dieser gro\u00dfartigen Plugins, die Ihre Site nicht mit neuen Men\u00fcs f\u00fcllen. Tats\u00e4chlich ist das einzige, was es Ihrem Admin-Dashboard hinzuf\u00fcgt, diese praktische Schaltfl\u00e4che \u00fcber dem Editor.<\/p>\n

\"So<\/a><\/p>\n

Um zu zeigen, wie es funktioniert, erstelle ich eine einzelne Reihe von drei Bildern.<\/p>\n

So verwenden Sie Spalten-Shortcodes<\/h4>\n

Der erste Schritt besteht darin, den Cursor auf eine leere Zeile im Editor zu setzen. Klicken Sie dann auf die Shortcode-Schaltfl\u00e4che und w\u00e4hlen Sie eine Spaltenoption aus.<\/p>\n

Erstellen einer Zeile mit drei Spalten.<\/p>\n

Wiederholen Sie diesen Schritt, um eine zweite 1\/3-Spalte hinzuzuf\u00fcgen, und wiederholen Sie den Vorgang dann noch einmal, diesmal jedoch mit der Drittel- (letzten) Option. Das Ergebnis sind die folgenden Shortcodes, die dem Editor hinzugef\u00fcgt wurden.<\/p>\n

\"So<\/a><\/p>\n

Wenn Sie noch nie Shortcodes verwendet haben, sollten Sie zuerst dieses Tutorial befolgen<\/a>.<\/p>\n

Wie Sie sehen k\u00f6nnen, hat jeder Shortcode ein \u00f6ffnendes und schlie\u00dfendes Tag. Jetzt k\u00f6nnen Sie wie folgt ein Bild in jeden Shortcode einf\u00fcgen:<\/p>\n

\"So<\/a><\/p>\n

Sieht nach einem Durcheinander aus, nicht wahr?<\/p>\n

Das liegt daran, dass die Shortcodes die Bilder im Editor nicht stylen k\u00f6nnen, aber das ist kein Problem. Sobald Sie sie auf der Website anzeigen, werden sie wie folgt sauber in Spalten angeordnet:<\/p>\n

\"So<\/a><\/p>\n

Spalten-Shortcodes im Vergleich zu Galerien<\/h4>\n

W\u00e4hrend die Shortcodes im Editor nicht wie Galerien gut angezeigt werden und die Arbeit eine gr\u00f6\u00dfere Herausforderung darstellen kann, erhalten Sie auch etwas mehr Kontrolle. Galerien erzwingen beispielsweise, dass alle Bilder verlinkt werden zu:<\/p>\n