Excerpt Text neben dem Image platzieren - keine css-Klasse vorhanden

sunshineh

Hi,

ich habe meinen Code der Wordpress-Seite nach folgendem Tutorial angepasst:
http://shibashake.com/wordpress-them…how-to-style-it

Außer Punkt 2 konnte ich nicht nachmachen, da mein Excerpt-Test keiner CSS-Klasse zugeordnet ist:

Wie kann ich das nun machen und diesem Text einer Excerpt-Klasse zuweisen??

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

alchymyth

nach dem tutorial ist der excerpt immer noch mit der

umgeben; verwende [FONT=courier new][COLOR=#0000cd].entry [/COLOR][/FONT]in style.css

oder poste den vollen code von deinem template hier, so dass jemand sch das ansehen kann.

sunshineh

Hier der entsprechende Code im Style.css

Code

.narrowcolumn .entry{
    width: 480px;                                          
    background: #fff url(top-left.png) left top no-repeat;
    padding: 1em 2em;
}

und das ist der Code der index.php

PHP

<div class="entry">
    <?php
    if (is_single() || is_page())
         the_content('Read the rest of this entry &raquo;');
    else {
        ?>
        <div class="alignright" style="margin:20px;">
           <a href="<?php the_permalink() ?>">
              <?php echo resize_image(get_first_image(), get_the_title(), 200, 0); ?>
           </a>
        </div>
        <?php
         the_excerpt();
    }
        ?> 
</div>

Alles anzeigen

alchymyth

um den excerpt in eine div zu packen, aendere diese zeilen:

PHP

<?php
         the_excerpt();
    }
        ?>

zB:

PHP

<dic class="excerpt"><?php
         the_excerpt(); ?>
</div>
    <?php } ?>
        ?>

sunshineh

Vielen herzlichen Dank! Mein Code in der Index.php sieht nun so aus:

PHP

<div class="entry">
    <?php
    if (is_single() || is_page())
         the_content('Read the rest of this entry &raquo;');
    else {
        ?>
        <div class="alignright" style="margin:20px;">
           <a href="<?php the_permalink() ?>">
              <?php echo resize_image(get_first_image(), get_the_title(), 200, 0); ?>
           </a>
        </div>
        <div class="excerpt"><?php
           the_excerpt(); ?>
        </div>
        <?php } ?>
        ?>

Alles anzeigen

Aber wie mache ich es nun, dass das Bild neben dem Excerpt erscheint?

Ich habe noch folgenden Code gefunden, damit der Excerpt-Test formatiert bleibt und nicht mitten im Satz abgeschnitten wird.

Code

function better_trim_excerpt($text)
{
    $raw_excerpt = $text;
    if ( '' == $text ) {
        $text = get_the_content('');
        $text = strip_shortcodes( $text );
        $text = apply_filters('the_content', $text);
        $text = str_replace(']]>', ']]&gt;', $text);


        // Removes any JavaScript in posts (between <script> and </script> tags)
        $text = preg_replace('@<script[^>]*?>.*?</script>@si', '', $text);


        // Enable formatting in excerpts - Add HTML tags that you want to be parsed in excerpts, default is 55
        $text = strip_tags($text, '<strong><b><em><i><a><code><kbd>');


        // Set custom excerpt length - number of words to be shown in excerpts
        $excerpt_length = apply_filters('excerpt_length', 55);


        // Modify excerpt more string at the end from [...] to ...
        $excerpt_more = apply_filters('excerpt_more', ' ' . '...');


        $words = preg_split("/[\n\r\t ]+/", $text, $excerpt_length + 1, PREG_SPLIT_NO_EMPTY);
        if ( count($words) > $excerpt_length ) {
            array_pop($words);
            $text = implode(' ', $words);


            // IMPORTANT! Prevents tags cutoff by excerpt (i.e. unclosed tags) from breaking formatting
            $text = force_balance_tags( $text );


            $text = $text . $excerpt_more;
        } else {
            $text = implode(' ', $words);
        }
    }
    return apply_filters('wp_trim_excerpt', $text, $raw_excerpt);
}

Alles anzeigen

Diesen habe ich nun in der function.php gespeichert.
Doch für deren Aufruf benötige ich die Variable $text, dies sollte doch eigentlich mein "the_excerpt()" Inhalt sein, oder?

Vielen herzlichen Dank!!

sunshineh

Mein letzter Gedanke war unsinnig, da "the excerpt()" ja bereits den Excerpt-Text ohne Formatierungen hat...

SirEctor

Ich schätze Du müsstest in der css noch

Code

.excerpt{float:right;}

ergänzen (oder float:left; ja nachdem wie Du es haben willst).

sunshineh

Danke, aber das hat nicht den gewünschten Effekt gebracht :-(

Ich habe den css-Code nun wie folgt abgeändert:
Die Klasse "alignright" in "excerptimg" umgenannt und...
Code:
.narrowcolumn .entry{
width: 480px;
background: #fff url(top-left.png) left top no-repeat;
padding: 1em 2em;
}

.narrowcolumn .entry .excerpt{
float:right;
width: 270px;
}

.narrowcolumn .entry .excerptimg{
float:left;
width: 200px;
}
Nun habe ich zwar das Bild neben dem Text (so wie ich es möchte), aber leider ist das weiße Rechteck (mit den abgerundeten Ecken) nicht mehr um das Bild und den Text, hüllt es also nicht mehr ein [Blockierte Grafik: http://www.homepage-forum.de/images/smilies/phpbb/icon_sad.gif][Blockierte Grafik: http://www.homepage-forum.de/images/smilies/confused.gif]

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Excerpt Text neben dem Image platzieren - keine css-Klasse vorhanden

Jetzt mitmachen!