Lesetaschen (Absätze) werden nicht dargestellt

  • Guten Tag,

    als WP-Neuling benötige ich die Erfahrung und das Wissen der WP-Community, weil ich einfach nicht mehr weiter komme:neutral:.

    Ich habe zwei Probleme, wobei das zweite Posting im Bereich "Plugins" zu finden ist, dabei geht es um den Flickr-Manager.

    Jetzt aber zu meinem Design-Problem:
    In meinen Artikeln werden (trotz der eingefügten Absätze mittels Enter-Taste) die sogenannten "Lesetaschen" oder auch als "Absätze" bekannt, nicht angezeigt. Der komplette Text steht in einem Block hintereinander, was mir optisch überhaupt gar nicht gefällt. Diese Leerzeilen sind meiner Meinung nach sehr wichtig um einen längeren Text angenhem lesen zu können und ihn optisch etwas "aufgeräumter" aussehen zu lassen.

    Die Absätze sind sogar in der HTML-Ansicht des Artikels eingefügt, also mit <p> bzw. </p>. Aber im Frontend werden sie einfach nicht übernommen.

    So sieht es in der Artieklerstellung aus (visuell):
    http://dl.dropbox.com/u/33326567/Bilder/tasche1.JPG

    So in der HTML-Ansicht:
    http://dl.dropbox.com/u/33326567/Bilder/tasche2.JPG

    Und so dann im Frontend:cry::
    http://dl.dropbox.com/u/33326567/Bilder/tasche3.JPG

    Warum passiert das und wo hab ich die Möglichkeit das zu ändern? Das kann so unmöglich bleiben...

    Vielen Dank an Euch vorab und Gruß,
    der Thorsten

    • 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

  • Mojn,

    in diesem Fall würde ein Link zum Blog helfen, dann könnte man sich das ganze unter Zuhilfenahme von Firebug, oder ähnlichem, besser anschauen.

    Allerdings wenn ich mir den HTML Code und die Ausgabe anschaue ist es meines Erachtens genauso dargestellt, wie es im HTML angegeben ist.

    Wenn es dir darum geht einen Umbruch (<br />) zu generieren, dann musst du Shift+Enter drücken, ansonsten wird es im Editor ignoriert und ein einfaches Drücken von Enter erzeugt nur einen neuen <p> Absatz, ohne Zeilenumbruch.

    Bezüglich des Abstands zwischen den Zeilen muss man mittels oben erwähntem Firebug auf deine Seite gehen, da hierfür mit Sicherheit eine Änderung in der style.css deines Themes erfolgen muss und man so erst mal ermitteln muss, wo genau diese Änderung in der Datei zu machen ist.

    Ich hoffe das ist soweit verständlich ausgedrückt und du kannst etwas damit anfangen. ;)

    Bitte keine Fragen per PM, oder Foren-Chat. Für Fragen ist das öffentliche Forum da. Meine Uerdinger Seite

  • Hallo,

    danke für die Rückantwort.
    Das mit dem Shift-Enter hab ich schon alles probiert. Mir geht es nicht um einen Zeilenumbruch, sondern um einen neuen Absatz der erstellt werden soll. Meiner Meinung nach wird der <p>-Befehl (Absatz) nicht umgesetzt.

    Hier der Link zu einem Artikel mit diesem Problem:

    http://www.egkiddyev.de/wp/2011/10/22/…im-und-igstadt/

    Die Seite ist noch im Aufbau und noch nicht offiziell online, also nicht wundern dass da noch viel "Fülltext" drin steht:neutral:

    Gruß,
    Thorsten

  • Hi,

    Also bei Artisteer generierten Themes ist das so eine Sache, aber sicher auch machbar.;)

    Wie ich vermutet habe, musst du die style.css deines Themes abändern.

    Ab Zeile 28 zu finden

    Code
    .art-postcontent, .art-postheadericons, .art-postfootericons, .art-blockcontent-body, ul.art-vmenu a {
        text-align: left;
    }

    Doch wie man schnell sieht, würde sich so eine Änderung auch auf andere CSS-Klassen auswirken, da ja mehrere gleichzeitig definiert werden.

    Daher wäre dieser Code wohl eher empfehlenswert, da sich die Änderung dann wirklich nur auf den Artikelinhalt bezieht.

    Code
    .art-postheadericons, .art-postfootericons, .art-blockcontent-body, ul.art-vmenu a {
         text-align: left;
    }
    .art-postcontent {
    
    
        line-height: 1.5;
        text-align: left;
    }

    Theoretisch sollte es hinhauen.

    Bitte keine Fragen per PM, oder Foren-Chat. Für Fragen ist das öffentliche Forum da. Meine Uerdinger Seite

  • Ja das sieht deinem Screenshoot schon ganz gut aus.

    Allerdings solltest du oben das erste .art-postcontent, zur Sicherheit rausnehmen, damit es sich nicht mit dem anderen ins Gehege kommt, welches du unten eingefügt hast. ;)

    Sollte theoretisch dann zur gewünschten Layoutänderung führen.

    Kannst ja zur Sicherheit deine Aktuelle style.css vom FTP als Backup auf der Platte sichern, falls es nicht hinhaut, du eventuell noch andere Änderungen versuchen willst und dann so jederzeit den Originalzustand wieder herstellen kanst. ;)

    Bitte keine Fragen per PM, oder Foren-Chat. Für Fragen ist das öffentliche Forum da. Meine Uerdinger Seite

  • Es muss auch in der CSS-Datei angegeben werden, dass nach einem Absatz ein Abstand sein soll:

    Code
    .art-postcontent p { padding-bottom:25px; }

    Die 25px können beliebig verkleinert oder vergrößert werden.

  • Wow..., genial! Das hat jetzt geklappt. Und sogar die Größe des Abstandes ist frei einstellbar, perfekt!

    Vielen Dank an Euch Beide für die Hilfe.
    PROBLEM GELÖST!

    Gruß,
    Thorsten

    P.S. Hat vielleicht noch jemand einen Tip zu meinem "Flickr-Manager"-Problem im Bereich Plugins?

Jetzt mitmachen!

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