Positionieren und formatieren von Bild & Text

  • Guten Abend an die gesamte Community,

    ich bin neu hier im Forum und hoffe, eine Lösung für meine Problemstellung zu finden.

    Mein Ziel ist es, ein Bild links und einen Text rechts daneben zu platzieren. (Nochmal zur Verdeutlichung: links leerer Bereich, Bild, kleiner leerer Bereich, Textfeld in der Größe des Bildes, leerer Bereich)

    Dabei möchte ich nich, dass der Text um das Bild herumfließt (wie es zum Beispiel bei Massage oder List Unordered der Fall wäre) oder hineinfließt (wie zum Beispiel bei Image With Text Over).

    Mein Ziel ist es, das Bild beliebig weit links zu platzieren und auf eine von mit gewünschte Größe zu bringen. Das gleiche gilt für das Textfeld. Dieses kann gern größer als der darin platzierte Text sein (um es optisch auf die gleiche Größe wie das Bild zu bringen), aber ich möchte es beliebig groß ziehen können und auf der Seite verschieben. Wie mache ich das in WordPress?

    Um das Bild bzw. den Text zu platzieren, habe ich schon mit der entsprechenden Seitenabtrennung (zum Beispiel 1/6 + 2/6 + 2/6 + 1/6 ) versucht, dies führt allerdings zu keiner optimalen Lösung. Auch habe ich es schon mit mehreren Inhaltselementen versucht, doch nicht das passende gefunden.
    Weiterhin können die Bilder mit der entsprechenden Skalierung größer gemacht werden - soweit ich bescheid weiß- allerdings speichert dies bei mir die neue Einstellung nicht.

    Habt Ihr eine gute "Baukasten"-Anleitung für die Umsetzung meiner Idee?

    Wie seid ihr an WordPress herangegangen? - Habt ihr euch zunächst die Funktionsweise aller Inhaltselemente angeeignet? Falls ihre weitere Tipps bzw. gute Quellen zum nachlesen, hören oder schauen habt, bin ich sehr dankbar dafür!!!

    Ich bin gespannt auf eure Antworten und bedanke mich im voraus für eure Hilfe!!
    LG, WP-Truck-2020

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Hallo,
    der Dittmar erklärt das hier ganz gut mit dem Einfügen von Bildern. Ist schon etwas älter aber funktioniert noch so:

    Externer Inhalt www.youtube.com
    Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.
    Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

    Es kommt natürlich auch immer darauf an was für einen Editor du verwendest. Der Gutenbergeditor funktioniert anders als der Standardeditor.
    Wenn ich im Pagebuilder das Bild links in eine Spalte packst und recht den Text so wie du es gemacht hast dann kannst du natürlich keinen umfliessenden Text erreichen denn die Spalten sind getrennt voneinander

    *Siehe Forenregeln!

  • Hallo Hartmann ITCoaching,

    zunächst einmal vielen Dank für Deine Antwort!

    Allerdings wird im Video gezeigt, wie man Bilder neben dem Text platziert, sodass dieser die Fotos umfließt (Massage Element). Genau das möchte ich NICHT erreichen.

    Hast Du vielleicht noch einen Tipp für mich, wie ich Bilder und Text getrennt voneinander darstellen kann (ohne die Hilfe von Seitentrennern)?

    Wäre sehr dankbar für die Hilfe!!!!

    Liebe Grüße!

  • Versuche mal mit dem Block "Medien und TEXT" siehe Anhang ;-)
    Mit dem blauen Punkt kannst du das Verhältnis der Breite zwischen Bild und Text ändern.

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • Versuche mal mit dem Block "Medien und TEXT" siehe Anhang ;)
    Mit dem blauen Punkt kannst du das Verhältnis der Breite zwischen Bild und Text ändern.


    Hey SEpp55,

    mit dem Block "Image and Message" kann ich bei mir den Text und das Bild nicht beliebig positionieren.

    Ich nutze den Builder "WPBakery Page Builder". Hat das damit überhaupt etwas zu tun? Falls ja, wie heißt der, mit dem du arbeitest und ist der auch für Anfänger geeignet?

    Ih danke Dir bis hierhin erstmal für deine Unterstützung!

    Herzliche Grüße!

  • wie heißt der, mit dem du arbeitest


    Bei mir ist das der stinknormale Gutenberg- oder Blockeditor! ..... und ja, frei positionierbar ist das NICHT, sondern nur Bild links oder rechts - sorry!
    Ich brauche keinen Ressourcen fressenden Page-Builder! ;-)

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • Heißt das dann Lehrgeld? ;-)

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • Das heisst, dass man ohne Wissen, welches genaue Theme verwendet wird, nicht auf Funktionen von Gutenberg verweisen kann, gerade wenn z.B. die Rede von Seitenabtrennung (zum Beispiel 1/6 + 2/6 + 2/6 + 1/6 ) ist, was es bei Gutenberg nicht gibt.

    Die meisten Pagebuilder sind Gutenberg nach wie vor weit überlegen.

  • Die meisten Pagebuilder sind Gutenberg nach wie vor weit überlegen.


    Das ist mir schon klar, und aus diesem Grund wird ja auch der Gutenberg-Editor "erfunden" worden sein, auch wenn der Gutenberg noch erheblichen Aufholbedarf hat, der Weg ist vorgezeichnet!
    Und irgendwo will ja ein G5 Netz auch genutzt werden wollen. Weil es der Kunde so will ;)

    Sorry fürs off-topic!!!

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!