Bilder passend verschieben

Das funktioniert so einfach nicht. Die Positionierung von Bildern und anderen Elementen wird per CSS definiert.
Als Anfänger solltest Du Dich auf die vorgegebenen Ausrichtungsmöglichkeiten des Themes beschränken, dann machst Du Dir das Leben leichter. Ansonsten müsstest Du Dich in die Grundlagen von CSS einlesen. Ich mag diese Seite zum Thema. Dort findest Du ausreichend Infos zur Positionierung.

Gruß
Sophie

Du musst Dir im Klaren sein, dass Du deine Seite für zahlreiche Browser und Endgeräte baust. Möchtest Du von den Standardpositionierungen abweichen, musst Du auch immer schauen, wie sich das auf die mobilen Ansichten auswirkt. Da sind die diversen Pagebuilder gerade für den Anfänger eine große Hilfe.

Wo, warum und wie möchtest Du denn Bilder anders ausrichten? Für normale Beiträge (Posts) und Seiten (Pages) reichen doch eigentlich die vorhandnen Formatierungen.

Gruß
Sophie

Ok. Nimm einfach ein Plugin. Z.B Shortcodes Ultimate. Das kann noch viel mehr, aber halt auch Spalten erzeugen. Ist ganz easy zu nutzen.

Gruß
Sophie

Die verfügbaren Möglichkeiten der Anordnung von Elementen, die das verwendete Theme Colinear über die Theme-Options mit Sidebars und Widgets darin anbietet, werden auf der Theme Homepage anschaulich gezeigt.

Auf der von dir angegebenen Seite finde ich 1 Bild (Maiglöckchen-Camino-257x300.jpg), an dem ich versucht habe, dein Problem zu verstehen.
Dieses Bild ist neben dem Text eingefügt! Es ist mit 'float: right;' per CSS so formatiert, dass es vom Text umflossen wird - so wie es die MS Word Formatierung 'passend' auch macht.
Du hast allerdings dieses Bild in ein Block-Element eingefügt - bedeutet, es wird nur von dem Text umflossen, der sich mit dem Bild im selben Element befindet:
<h4>
Text Text Text...
<br>
Text2 Text2 Text2... <img Maiglöckchenbid>
</h4>
In dieser Konfiguration wird das Bild nur von Text2 Text2... umflossen - der nachfolgende Text (wieder <h4></h4>) fängt erst hinter dem vorherigen Block-Element an. Dadurch einsteht dieser Eindruck, als würde das Bild nicht neben dem Text eingefügt sein.

Teste bitte einmal, das Bild außerhalb des <h4></h4> Containers einzufügen und prüfe, ob das deinen Vorstellung eher entspricht?

Zitat von Dieter_HH

Heißt das, dass ich nur und ausschließlich in der jeweiligen Struktur eines Themes bleiben kann..

Mit PHP-Programmierkenntnissen kann man sog. Child-Themes erstellen und dort die Struktur nahezu beliebig anpassen, mit entspr. Aufwand.

Ohne PHP-Programmierkenntnisse besteht die (bereits beschriebene) Möglichkeit der eingeschränkteren Anpassungen über CSS.

Weiterhin bieten einige Themes (wie auch dieses) diverse Einstellungsmöglichkeiten in (je Theme verschieden gestalteten) Theme-Optionen oder dem sog. "Customizer". Hier hilft die jeweilige (bei vielen Fragestellern im Forum leider komplett ungelesene) Dokumentation der Themes weiter.

Ansonsten kann man sich (wie beschrieben) in einen Page Builder einarbeiten, damit kann man auch sehr weit kommen.

Generell sollte man sich von der Vorstellung verabschieden, dass man ein Layout wie in Word oder einem PDF erstellt. Im Internet hat jeder ein anderes Bildformat, von Riesenmonitor am PC über Laptops, Tablets bis hin zum älteren Smartphone, daher wird das Layout "responsive" gestaltet, d.h. die Elemente werden je nach Gerät auch mal an anderer Stelle oder mit weniger Details o.ä. angezeigt.

Zitat von Dieter_HH

Ich habe das Plugin installiert; es ist auch bei der Bearbeitung einer Seite anwählbar; welcher Shortcode betritt Spalten und wie wende ich es an?

http://docs.getshortcodes.com/ Suchbegriff: columns

Dann hätte ich noch eine, weitere Störungsquelle gefunden.
In deiner style.css findet sich folgendes:
h1, h2, h3, h4, h5, h6, .site-title {
clear: both;
font-family: "Open Sans", serif;
font-weight: bold;
margin-bottom: 24px;
margin-top: 0;
}
Mit der Formatierung 'clear: both;' wird dafür gesorgt, dass sich die Elemente (h1, h2, h3.....) erst dort angezeigt werden, wo beide Seiten geklärt sind - also erst dann, wenn das Bild 'zu Ende' ist. Die Float-Anweisung wird dadurch aufgehoben.
Dieses Verhalten könnte man durch
h4 {
clear: unset;
}
im 'zusätzlichen CSS' (vom Dashboard -> Design -> Customizer -> zusätzliches CSS) ausschalten.
Damit würden die <h4> trotz Bild am Rand wieder das Bild umfließen
Das würde dann schon mal so aussehen (Simulation mit Firefox)

Anstelle "Column content" schreibst Du Deinen Text.