Support » Themes » Brauche Hilfe bei der Bildausrichtung

  • Gelöst voerener

    (@voerener)


    Hallo liebe WP Community,

    ich möchte gern Bilder auf meiner Webseite anordnen und darunter weiter Text schreiben.
    Die Bildausrichtung macht mir Probleme.

    Hier die Seite, um die es geht:
    http://verenafotografiert.de/familienfoto_koeln/

    Der Text „Pakete & Preise….“ verschiebt sich in meiner Ansicht immer nach oben neben das Bild, soll aber darunter stehen bleiben – auch bei verkleinerter Ansicht.

    Setze ich einen <p> Absatz ein, wird dieser beim Sichern wieder gelöscht.
    Kann mir von Euch jemand helfen? Oder ist das eine Theme spezifische Sache?

    Lieben Dank und einen schönen Sonntag Euch!
    Verena

Ansicht von 15 Antworten - 1 bis 15 (von insgesamt 15)
  • Wenn du dem Bild keine Linksausrichtung zuweist, müsste es gehen. Weil es dann nicht floatet.

    Thread-Starter voerener

    (@voerener)

    @piat: danke dir. klappt leider nicht. dann rutscht das Bild eine Reihe tiefer.
    Hmmmm….

    Letztendlich müsstest du es wie hier machen:
    http://verenafotografiert.de/fotografin-koeln-einbeck/
    Da steht der nachfolgende Text auch unter dem Bild. Und mit dem p-Tag scheint es dort ja auch zu klappen.

    Schau auch noch mal nach im Textmodus. Auf der Seite mit dem Bild „Das erste Mal Kekse backen für Papa“ hast du vor dem Bild noch ein weißes Bild drin. Eventuell mitkopiert von irgendwo?

    Thread-Starter voerener

    (@voerener)

    Leider geht es immer noch nicht. Hat noch jemand einen Rat? ansonsten versuche ich es mal über den Theme Support.

    @espiat: Das weiße Bild ist auch nur eine Notlösung für die Formatierung der Bilder und bewusst eingebaut, bis ich weiß, wie es besser geht.

    Schönes Wochenende Euch!

    Wenn ich es richtig verstehe, möchtest du Abschnitte erstellen, bei denen in der linken Spalte ein Foto mit der Bildbeschreibung und in der rechten Spalte ein erläuternder Text stehen. Darunter dann wieder Text, der über die ganze Breite läuft, dann wieder ein Abschnitt mit Bild und zugehörigem Text.

    „Mit Bordmitteln“ geht eine Darstellung von Inhalten in Spalten nur, indem du in der Text-Ansicht des Editors eine HTML-Tabelle einfügst. Das ist nicht nur umständlich, sondern passt auch nicht zum responsive Design für mobile Endgeräte. Eine bessere (und noch umständlichere) Variante wäre, <div>-Tags im Text-Modus einzufügen und mit CSS-Klassen zu versehen. Für das responsive Design braucht es dann noch zusätzliche CSS-Regeln. Kurz: Es ist etwas mühsam.

    Um Nutzern die mühsame Eingabe von HTML-Code und CSS-Regeln zu ersparen, bieten einige Themes für eine mehrspaltige Darstellung eigene Shortcodes an. Dazu hast du dann üblicherweise in der Formatierungsleiste des Editors in einer dritten Zeile verschiedene Icons, mit denen du Inhaltsabschnitte in Spalten im Verhältnis 1/2 – 1/2 oder 1/3 – 2/3 unterteilen kannst. Leider weiß ich bei dem kommerziellen Theme, das du verwendest, nicht, ob so etwas bereits angeboten wird. Falls nicht, kannst du zusätzlich z.B. das Plugin Shortcodes Ultimate installieren, dass diese Funktionalität hinzufügt.

    Shortcodes empfinden viele Anwender immer noch als umständlich (die Aussage „Da muss ich ja programmieren“ ist zwar übertrieben, zeigt aber die Aversion der Nutzer gegen den Code). Deshalb werden in letzter Zeit Plugins immer beliebter, mit denen du Abschnitte mit mehreren Spalten per Drag & Drop anlegen kannst. Das beliebteste ist zzt. wohl Page Builder by Site Origin. Nachteil dieser Lösung ist, dass der Inhalt nicht mehr korrekt dargestellt wird, wenn du dich irgendwann dazu entschließen solltest, das Plugin wieder zu entfernen.

    Hallo voerener,
    wenn ich es richtig verstehe, sollen oben alle Bilder und darunter der Text sein?
    Dann müsstest du bei der Überschrift das Floaten aufheben. Wenn du es dich zutraust, dann im TinyMce im Textmodus aus

    <h2 id="familie_preise">PAKETE & PREISE</h2>
    

    das machen:

    <h2 id="familie_preise" style="clear: both;">PAKETE & PREISE</h2>
    

    Oder du gibt im CSS der ID „familie_preise“ ein clear: both

    #familie_preise {
       clear: both;
    }
    

    Hallo voerener,

    ich habe gesehen, dass du exakt dieselbe Frage in einem anderen Forum gestellt hattest.

    Ich persönlich finde dies nicht gut, weil dadurch 2 unabhängige Diskussionen stattfinden und die Menschen, die dir hier helfen, eventuell davon nichts wissen. Somit finden 2 Diskussionen statt und dann bekommst du woanders eine Lösung und wir bleiben hier im „Dunkeln“.

    Denke bitte immer daran, dass es Menschen sind, die hier antworten schreiben und versuchen Dir bei deinem Problem zu helfen – so gut es geht. Sie opfern dafür ihre Zeit.

    Gruss

    Thread-Starter voerener

    (@voerener)

    Hallo espiat,

    ich bin mir durchaus bewusst, dass hinter jedem Forum Menschen stehen, die ihre Zeit und Geduld opfern anderen zu helfen. Mir war nicht bewusst, das es ein No-Go ist, in zwei Foren gleichzeitig zu fragen. Mein Gedanke war einfach mehr Menschen zu erreichen.

    Ich persönlich werde wie immer in beiden Foren die Lösung präsentieren, sobald ich eine der Vorschläge ausprobieren konnte und das Ergebnis funktioniert.

    Es tut mir leid, wenn ich ein gängige „Internetforenregel“ gebrochen habe.

    Viele Grüße.

    Es wäre nett, wenn du etwas dazu schreiben würdest:
    https://de.wordpress.org/support/topic/brauche-hilfe-bei-der-bildausrichtung/#post-29711

    Hallo voerener,

    schön das du dich dazu geäußert hast.

    Es geht mir vielmehr darum, dass dein Motiv dahinter sein könnte, dass du schnellstmöglich eine Lösung zu deinem Problem haben möchtest. Das ist verständlich.

    Dennoch ist das Problem, aus meiner Sicht:
    – Es werden verschiedene Fragestellungen in den Foren folgen und somit auch verschiedene Lösungsansätze. Das ist nicht schlimm, aber das schlimme daran ist, dass du eventuell einem Lösungsansatz von einem Forum folgst. Währenddessen bemühen sich andere an deinem Problem, obwohl es schon gelöst ist (in einem anderem Forum). D.h. du beschäftigst damit Menschen und Sie bemühen sich darum. Und manchmal setzen Menschen Testsysteme auf um anderen Menschen zu helfen, und das kostet Zeit und eventuell auch Geld. Und dann ist das Problem schon woanders gelöst. Das ist dann ärgerlich.

    Gruss espiat

    Thread-Starter voerener

    (@voerener)

    Hallo Angelika,

    vielen Dank für deine Hilfe,
    Ich werde erst am Wochenende dazu kommen es auszuprobieren.
    Dann werd ich mich bei dir melden.

    Viele Grüße,
    Voerener

    Thread-Starter voerener

    (@voerener)

    Hi espiat,

    was du schreibst, macht absolut Sinn. Da habe ich wohl den Aufwand meines Problems unterschätzt. Ich dachte mir es gäbe eine Lösung, wie von Angelika beschrieben, die als Programmierer vielleicht in wenigen Minuten erkennbar ist.

    Also hoch und heilig versprochen: Am Wochenende wird’s ausprobiert, beide Foren verlinkt und aktualisiert und nie wieder in zwei Foren gepostet – ohne Info an beide Parteien.

    Nur um ganz sicher zu gehen: mit dem andern Forum meinst du die Facebook Gruppe, richtig? Woanders hatte ich es nämlich nicht angefragt.

    Viele Grüße,
    Voerener

    Thread-Starter voerener

    (@voerener)

    @pixolin

    Danke dir für deinen Tipp. Ich kenne eines dieser Tools bereits und finde es super. Leider war es in diesem Fall nicht die richtige Lösung für mich.

    Thread-Starter voerener

    (@voerener)

    Hallo Angelika,

    <h2 id=“familie_preise“ style=“clear: both;“>PAKETE & PREISE</h2>

    war die Lösung. Ich konnte es bereits auf alle Seiten anwenden.

    Herzlichen Dank.

    Hallo voerener,
    sehr gerne, schön, dass ich helfen konnte.

    Ich finde es sehr gut und vorbildlich, wie du auf die freundlichen und berechtigten Hinweise von esPiat reagiert hast. Oftmals reagieren Nutzer hier anders, weil sie sich angegriffen fühlen. Aber so sind solche Hinweise nie gemeint. Ich möchte dem noch etwas hinzufügen: Es ist immer angebracht und auch notwendig, die involvierten Threads miteinander zu verlinken, so können diejenigen, die helfen, sich ein Bild vom Stand der Dinge machen.

    Einen schönen Sonntag noch 🙂

Ansicht von 15 Antworten - 1 bis 15 (von insgesamt 15)
  • Das Thema „Brauche Hilfe bei der Bildausrichtung“ ist für neue Antworten geschlossen.