home.php Text neben dem Beitragsbild

BrainAFK

Hallo.

Ich Arbeite gerade an meinem ersten eigenen Theme welches sich langsam dem Ende neigt allerdings fehlt mir noch eine wichtige Änderung.
In der home.php die als Startseite dient und alle Beiträge aufgelistet werden ist es ja bekanntlich so das erst das Beitragsbild und dann der Content angezeigt wird.

Gerne hätte ich das das Beitragsbild minimiert Links und der Text Rechts daneben angezeigt wird. Wie kann ich dies bewerkstelligen?

Bootstrap bietet dafür ja was schönes an

HTML

<div class="media">
   <img class="d-flex mr-3" src="..." alt="Generic placeholder image">
   <div class="media-body">
      <h5 class="mt-0">Media heading</h5>
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
   </div>
</div>

Für das Image könnte ich nun the_post_thumbnail(); nutzen, allerdings gibt er mir so nicht nur die URL zum Images aus sondern gleich einen neuen img Tag

Werbepost

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

SirEctor

Du könntest the_post_thumbnail_url(); nutzen.
https://codex.wordpress.org/Function_Refer…t_thumbnail_url

b3317133

Es würde sich auch [FONT=courier new]wp_get_attachment_image_src()[/FONT] mit [FONT=courier new]get_post_thumbnail_id()[/FONT] und der beabsichtigten Grösse anbieten. So bekommt man ein Array zurück, das neben der URL auch die tatsächliche width und height enthält, was für die Erstellung des HTML-Tags praktisch sein kann.

BrainAFK

Perfekt das war es.

Aus Ausgabe erhalte ich allerdings kein Bild, im Quelltext ist es aber vorhanden.
Ich nutze folgendes derzeit folgendes Style https://de.wordpress.org/themes/sparkling/

Die content.php hat folgenden Inhalt

PHP

<article id="post-<?php the_ID(); ?>" <?php post_class(''); ?>>
    <div class="blog-item-wrap">
        <div class="post-inner-content">
            <header class="entry-header page-header">


                <h2 class="entry-title"><a href="<?php the_permalink(); ?>"title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>


                <div class="entry-meta">
                    <?php sparkling_posted_on(); ?>
                    <span class="comments-link"><i class="fa fa-comment-o"></i><?php comments_popup_link(esc_html__('Leave a comment', 'sparkling'), esc_html__('1 Comment', 'sparkling'), esc_html__('% Comments', 'sparkling')); ?></span>


                    <?php if (get_edit_post_link()) : ?>
                        <?php
                        edit_post_link(
                            sprintf(
                            /* translators: %s: Name of current post */
                                esc_html__('Edit %s', 'sparkling'),
                                the_title('<span class="screen-reader-text">"', '"</span>', false)
                            ),
                            '<i class="fa fa-pencil-square-o"></i><span class="edit-link">',
                            '</span>'
                        );
                        ?>
                    <?php endif; ?>


                </div><!-- .entry-meta -->


            </header><!-- .entry-header -->


            <div class="media-left">
                <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
                    <?php the_post_thumbnail('sparkling-featured', array('class' => 'single-featured')); ?>
                </a>
            </div>
            <div class="media-body">
                <?php the_content(); ?>
                <p><a class="btn btn-default read-more" href="<?php the_permalink(); ?>"title="<?php the_title_attribute(); ?>"><?php esc_html_e('Read More', 'sparkling'); ?></a></p>
            </div>
     
        </div>
    </div>
</article><!-- end of #post-<?php the_ID(); ?> -->

Alles anzeigen

Wie gesagt, im Quelltext wird das Bild ausgegeben, im Browser selber aber nicht.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

home.php Text neben dem Beitragsbild

Jetzt mitmachen!