Thumbnail neben den Text setzen

  • Schönen Guten Abend,

    ich habe ein kleines Problem, welches ich im Folgenden kurz erläutern möchte:

    Auf meiner Startseite möchte ich zu jedem Artikel ein Vorschaubild anzeigen, und das Ganze links neben dem Text. Ich habe folgenden Code in meiner index.php des Themes:

    PHP
    <a href="<?php the_permalink() ?>"  rel="bookmark"  title="Continue reading the rest of this entry  »"><?php if  (has_post_thumbnail()) the_post_thumbnail();  ?> </a>
                            <h2><a href="<?php the_permalink()   ?>" rel="bookmark" title="Permanent Link to <?php   the_title_attribute(); ?>"><?php the_title();   ?></a></h2>
                            <div class="entry">
                                <?php the_excerpt(); ?>
                            </div>
                        </div>

    Wie kann ich in dem Code abändern, dass das Bild immer links neben dem Text steht? An den Bild-Code an sich komm ich ja schließlich nicht ran. Mit dem vorhandenen Code steht das Bild halt immer direkt vor dem Text wodurch sich der Text nach unten verschiebt.

    Freue mich auf eure Antwort!

    Grüße,
    vo0r

    • 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

  • Bild links ausrichten und mit der CSS Klasse alignleft ausstatten. Diese dann in die style.css einfügen.

    Code
    .alignleft {float: left;}

    Genauer kann man mit einem Link zur betroffenen Seite helfen.

    Beachte jedoch, dass bei the_excerpt jegliche HTML Tags ausgeblendet werden. So auch Bilder und Links. Hier würde sich der More-Tag wohl eher eignen.

    http://codex.wordpress.org/Function_Reference/the_excerpt
    http://codex.wordpress.org/Function_Reference/the_content

    Einmal editiert, zuletzt von mfitzen (29. Dezember 2011 um 22:46)

Jetzt mitmachen!

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