Wie kann ich den Page -Editor mir vertrauen lassen?

Question

Ich möchte, dass zwei Bilder nebeneinander erscheinen. WordPress fügt jedoch einen Zeilenaufbruch zwischen den Elementen ein, auch wenn ich den HTML-Editor und nicht den visuellen Editor verwende.

Wie kann ich dem Editor darauf vertrauen, dass ich es nicht will, wenn ich keine Zeilenbrechung einfüge?

Answer 1

Um den Zeilenumbruch bei der Veröffentlichung von 2 Bildern nebeneinander zu vermeiden, weisen Sie ihnen die Ausstellungs- oder Alignright -Klasse zu und legen Sie sie in die gleiche Zeile im Editor, ohne zwischen ihnen zu überspringen.

Beispiel:

<img src="/wp-content/uploads/your_image.jpg" alt="" class="alignleft" /><img src="/wp-content/uploads/your_image2.jpg" alt="" class="alignright" />

BearbeitenIch habe vergessen, diesen Inhalt zu erwähnen, nachdem die schwebenden Bilder zwischen den Bildern überlaufen werden, es sei denn, Sie löschen die Schwimmer. Ich füge hinzu: <div class="clear">&nbsp;</div> Nach den Bildern und hinzufügen .clear {clear:both;} zu meinem CSS.

Answer 2

Zusammen mit dem, was @chris_o gesagt hat, wenn Sie im Editor für die Bilder sind, wählen Sie links auf ein und rechts auf der anderen Seite. Dies wendet die Ausstell- bzw. Alignright -Klassen an.

In Ihrem Thema muss die CSS -Klassen definiert werden. Wenn Sie eines vom Anbieter haben, sind sie mehr als wahrscheinlich dort, aber für den Fall, dass dies nicht der Fall ist, gehen Sie einfach in den Theme -Editor und fügen Sie sie dem CSS hinzu:

.alignleft {float:left;}
.alignright {float:right;}

Ich möchte auch so etwas für die Bilder hinzufügen, die ich schwebe, da der Test um sie herum wickelt.

img.alignleft, img.alignright {
padding: 5px;
display: inline;
}

Offensichtlich können Sie die Marge hinzufügen oder die Polsterung ändern, um Ihren Geschmack zu erzielen.