Wie Fotos in WordPress nebeneinander platziert

October 16

WordPress hat Optionen zum Anzeigen von Bildern in einem Beitrag beschränkt. Sie können ein Bild anzeigen, am Anfang der Zeile und zentrieren sie oder konfigurieren den Text Umbrechen von beiden Seiten. Wenn Sie zwei Bilder zusammen platzieren zeigt WordPress jeweils in einer eigenen Zeile; Es gibt keine Option zum Anzeigen von Bildern nebeneinander, wenn Sie eine Galerie erstellen. HTML-Code unterstützt Bilder nebeneinander anzeigen und Sie können jedoch, WordPress, dies zu tun, indem Sie ein Stück Code in der Post-Editor hinzufügen erzwingen.

Anweisungen

1 Platzieren Sie den Cursor an der Stelle in der Post-Editor, wo die zwei Bilder angezeigt werden sollen.

2 Klicken Sie auf "Bild hinzufügen", oberhalb der Post-Editor und Hochladen Sie das erste Bild von Ihrem Computer, oder wählen Sie ein Bild, das Sie bereits in der Galerie hochgeladen haben. Klicken Sie auf "In Post einfügen", um das Image der Post hinzuzufügen.

3 Fügen Sie das zweite Bild auf den Posten, auf die gleiche Weise.

4 Klicken Sie auf die Registerkarte "HTML" oberhalb der Post bearbeiten-Feld zeigen Sie den Quellcode für die Post an, und platzieren Sie den Cursor auf die erste leere Zeile über dem Code für die erste Bild-Anlage. Der Anlage-Code beginnt mit "< ein Rel ="Anlage."

5 Geben Sie den Code "< Div Style =" display: Inline-Block; Rand rechts: 5px ">" ohne Anführungszeichen. Sie finden es hilfreich, kopieren Sie den Code aus diesem Artikel um einen Tippfehler zu vermeiden. Die Zahl hinter "Margin-Right" den Abstand zwischen zwei Bildes in Pixel angibt. Ändern Sie die Anzahl zum Ändern des Abstands der beiden Bilder.

6 Bewegen Sie den Cursor auf die erste leere Zeile nach dem Code für die erste Bild-Anlage. Der Code endet mit dem Namen des Bildes und das Tag "</a >."

7 Typ "< / Div >" ohne Anführungszeichen in die Leerzeile.

8 Bewegen Sie den Cursor auf die erste leere Zeile vor dem Code für das zweite Bild. Existiert keine Leerzeilen, drücken Sie "Enter" zu erstellen.

9 Typ "< Div Style =" Anzeige: Inline-Block ">" in die Leerzeile.

10 Typ "< / Div >" in der ersten leeren Zeile nach dem Code für das zweite Bild.

11 Speichern oder Aktualisieren der Post.

Tipps & Warnungen

  • Die beiden Bilder in Ihrem Beitrag zu zentrieren, geben Sie den Code "< Div Style =" Textausrichtung: Zentrum ">" in eine leere Linie über dem Code für das erste Bild, und geben Sie "< / Div >" in der ersten leeren Zeile nach dem Code für das zweite Bild.