Style-Probleme bei Artikelbildern

  • Hallo Zusammen,

    ich möchte bei mir gerne die Artikel- bzw. Beitragsbilder in der Übersicht anzeigen lassen und habe auch schon folgenden Code in die Loop eingefügt:

    <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(array(150,201),array('class' => 'alignleft recent-thumbs')); ?></a
    <?php the_excerpt(); ?>

    Jetzt zeigt es mir die Bilder zwar an, aber der Teaser-Text geht unter dem Bild weiter und nicht rechts.

    Wie kriege ich das hin, dass der Text in einer Spur bleibt und nicht unter dem Bild weitergeht?

    Mein Theme ist übrigens Twenty Ten.

    Vielen Dank schon mal für die Hilfe.

    Einmal editiert, zuletzt von WP for Dummies (12. Februar 2014 um 09:23)

    • 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

    Dazu gibt es mehrere Möglichkeiten:

    1.) höheres Thumpnail verwenden
    2.) die Länge von the_Excerpt verkürzen
    3.) the_excerpt in ein eigenes Div packen, und eventuell mit width und float:right Angabe versehen

    LG

  • Hallo pixselig,

    danke für die Antwort. Ich habe nun ein höheres Thumbnail verwendet. Allerdings ist mir hierbei aufgefallen, dass die Länge der Teaser-Texte mal 4 Zeilen und mal 5 Zeilen sind. Auch wenn ich Text nachträglich im Artikel hinzufüge, verändert sich dies Zeilenanzahl nicht.

    Du hast hier nicht zufällig auch eine Idee?

    Schöne Grüße.

  • Hallo

    Die Länge der Vorschautexte (welche durch the_excerpt erzeugt werden) lässt sich nur durch die Anzahl der Wörter definieren -> daurch: längere Wörter, mehr Zeilen - kürzere Wörter, weniger Zeilen.
    Da die Zeilenanzahl sowieso nicht mit php-Mitteln erfasst werden kann (durch die durchaus sinnvolle Trennung von Design und Content) bleibt dir nur der Weg über JS. Oder du aktzeptierst es wie es ist.
    Eventuell wäre es auch möglich die Länge anstatt mit Worten mit Zeichen anzugeben -> musste mal googln - das hätte aber den unschönen Nebeneffekt, dass das Letzte Wort mittendrin aufhört.
    LG

  • Probier doch mal folgendes:

    PHP
    <div>
        <div class="left" style="width:25%; float:left;"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(array(150,201),array('class' => 'alignleft recent-thumbs')); ?></a></div>
        <div class="right" style="width:75%; float:right;"><?php the_excerpt(); ?></div>
    </div>

    - den Style kannst Du ja Deinen Bedürfnissen anpassen,

  • Hallo pixselig,

    danke für die Antwort. Ich habe nun ein höheres Thumbnail verwendet. Allerdings ist mir hierbei aufgefallen, dass die Länge der Teaser-Texte mal 4 Zeilen und mal 5 Zeilen sind. Auch wenn ich Text nachträglich im Artikel hinzufüge, verändert sich dies Zeilenanzahl nicht.

    Du hast hier nicht zufällig auch eine Idee?

    Schöne Grüße.[ATTACH=CONFIG]9228[/ATTACH]


    Diesen Text kannst Du selbst bestimmen, indem Du den gewünschten Text als "Auszug" festlegst.

Jetzt mitmachen!

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