1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Style-Probleme bei Artikelbildern

Dieses Thema im Forum "Design" wurde erstellt von WP for Dummies, 12. Februar 2014.

Schlagworte:
  1. WP for Dummies

    WP for Dummies Member

    Registriert seit:
    19. November 2013
    Beiträge:
    6
    Zustimmungen:
    0
    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.
    artikelbild.jpg
    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.
     
    #1 WP for Dummies, 12. Februar 2014
    Zuletzt bearbeitet: 12. Februar 2014
  2. pixselig

    pixselig Well-Known Member

    Registriert seit:
    8. Mai 2012
    Beiträge:
    2.301
    Zustimmungen:
    10
    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
     
    #2 pixselig, 12. Februar 2014
  3. WP for Dummies

    WP for Dummies Member

    Registriert seit:
    19. November 2013
    Beiträge:
    6
    Zustimmungen:
    0
    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. artikelbild2.jpg
     
    #3 WP for Dummies, 24. Februar 2014
  4. pixselig

    pixselig Well-Known Member

    Registriert seit:
    8. Mai 2012
    Beiträge:
    2.301
    Zustimmungen:
    10
    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
     
    #4 pixselig, 24. Februar 2014
  5. MegaWork

    MegaWork Well-Known Member

    Registriert seit:
    6. Dezember 2012
    Beiträge:
    395
    Zustimmungen:
    0
    Probier doch mal folgendes:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    - den Style kannst Du ja Deinen Bedürfnissen anpassen,
     
    #5 MegaWork, 24. Februar 2014
  6. MegaWork

    MegaWork Well-Known Member

    Registriert seit:
    6. Dezember 2012
    Beiträge:
    395
    Zustimmungen:
    0

    Diesen Text kannst Du selbst bestimmen, indem Du den gewünschten Text als "Auszug" festlegst.
     
    #6 MegaWork, 24. Februar 2014
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden