Marlin Lite Theme anpassen (Foto in Beitragsvorschau auf Startseite anzeigen)

Hallo,

ich richte gerade meinen Blog mit dem Marlin Lite Theme ein (bowlsandbalance.de). Vorher habe ich Tiny Framework genutzt und da wurden auf der Startseite (wie jetzt auch) immer die neusten Beiträge bis zum "Weiterlesen"-Tag angezeigt, inklusive Foto, wenn ich das in diesem Abschnitt des Beitrags eingefügt hatte.
Bei Marlin Lite scheint es eine automatische "Read More" Funktion zu geben, die die Beiträge auf der Startseite kürzt, aber es wird kein Foto angezeigt. Habe versucht, das Problem über das Beitragsbild zu lösen. Das wird nun angezeigt (wie ihr auf der Seite bei einigen Beiträgen sehen könnt), allerdings hätte ich gerne, dass die Beitragsüberschrift über dem Foto steht.
Kann mir jemand sagen, was ich da an welcher Stelle im Editor ändern muss, um entweder die Überschrift über das Beitragsbild zu bekommen oder (was mir noch lieber wäre) in der Beitragsvorschau den Beitrag bis zum "Weiterlesen"-Tag inklusive Foto anzeigen zu lassen?

Vielen Dank vorab!

Oh super, vielen Dank, hat geklappt!
Hast du auch noch eine Idee, wie ich unter einem Beitrag bei "Ähnliche Beiträge" auch noch kleine Vorschaubilder einbinden kann?

Und ich habe noch eine Frage: Bei manchen Beiträgen erscheinen Teile (oder auch der gesamte Text) in rot, bei anderen ist der Text schwarz, wie es auch im Stylesheet eingestellt ist wenn ich mich nicht irre.
Ich möchte, dass der ganze Text immer schwarz ist. Wo könnte ich das einstellen?

Erst einmal danke für eure Antworten.

Also de "Ähnlichen Beiträge" werden immer unterhalb eines Beitrags angezeigt, 3 nebeneinander, wenn man auf der Seite eines Beitrags ist, wo dieser in voller Länger angezeigt wird. Die "Ähnlichen Beiträge" sind Teil des Themes, also müsste ich vermutlich da im Editor etwas einfügen oder? Bei Jetpack habe ich jedenfalls nichts dazu gefunden, was ich einstellen könnte.

Zu dem Farbproblem: Der Text innerhalb des Beitrags ist nicht verlinkt. Ich verlinke nur von anderen Seiten (z.B. Natürlich essen > Rezepte > Frühstück > Beitrag XY) auf die Beiträge. Die Stelle im Template, die du meinst habe ich auf Anhieb nicht gefunden. Müsste da sind er content.php sein oder wo genau?

Zitat von danielgoehr

Gerade nochmal geschaut. Das ist definitv Jetpack.
Die Einstellungen findest du unter Jetpack -> Einstellungen -> Traffic und unter Customizer -> Ähnliche Beiträge

Stimmt, es war doch Jetpack. Also das hat schon mal geklappt mit der Einstellung.

Das mit der Farbe noch nicht. Du hast Recht, wenn ich in der Beitragsansicht bin ist der Text verlinkt, aber wenn ich den Beitrag dann bearbeite, ist dort kein Link im Text den ich entfernen könnte. :confused:
Da ich noch das Original-Theme nutze, kann es auch nicht am fehlenden </a>-Tag liegen, denn das ist ja drin.

Gerade habe ich festgestellt, dass der Beitragstext nicht verlinkt ist, solange ich keine Bilder drin habe. Füge ich dann aber Fotos ein zwischen dem Text, sind plötzlich Teile oder der ganze Text des Beitrags rot und verlinkt.
Vielleicht habt ihr ja durch diese Info eine Idee, wie ich das Problem lösen kann.

Zitat von danielgoehr

Die Einzel-Beiträge haben bei dir auch eine andere Reihenfolge als im Original-Theme. Dort kommt auch in der Single-Ansicht erst das Bild, dann die Überschrift. Das heißt, du hast das in irgendeiner Form geändert. Bei dieser Änderung ist der o.g. Fehler entstanden.

Zur Erinnerung:

Zitat von danielgoehr

Ich kenne das Theme nicht, aber auf den ersten Blick würde ich sagen:

In der content.php in Zeile 17-23 ist das Bild und in Zeile 28 die Überschrift.

Folgendes sollte funktionieren:

In Zeile 47 der content.php

PHP

<?php the_excerpt(); ?>

durch

PHP

<?php the_content( 'More ...', true ); ?>

ersetzen.

Vor allen Änderungen Backup erstellen und Child-Theme anlegen!

Alles anzeigen

Ja genau, das habe ich geändert, so wie du es vorgeschlagen hattest. ;)
Weißt du dann vielleicht auch, wo darin der Fehler liegt?

Zitat von danielgoehr

Ja, du hast ein nicht geschlossenes <a>-Tag in deinen Templates. ;)
Da wir die Templates von aussen nicht sehen können, können wir es dir auch nicht genauer sagen.

Sonst müsstest du hier mal den Inhalt deiner content.php und deiner single-content.php posten.

Also ich habe ich keiner der beiden ein nicht geschlossenes <a>-Tag finden können.
Das hier ist der Inhalt der content-siegle.php:

<?php
/**
* The template used for displaying single post
*
* @package marlin-lite
*/
?>

<?php $sticky_class = ( is_sticky() ) ? 'vt-post-sticky' : null; ?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

<div class="post-inner">

<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
<?php if ( has_post_thumbnail() ) : ?>
<div class="marlin-thumbnail">
<?php the_post_thumbnail(); ?>
<span class="marlin-format-icon"></span>
</a>
<div class="marlin-categories"><?php the_category(", "); ?></div>
</div>
<?php endif; ?>

<div class="entry-content">
<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>

<div class="entry-summary">
<?php the_content(); ?>
<?php edit_post_link( __( 'Edit', 'marlin-lite' ), '<span class="edit-link">', '</span>' ); ?>
</div>

<?php if ( get_the_tags() ) : ?>
<div class="vt-post-tags">
<?php the_tags('',' '); ?>
</div>
<?php endif; ?>

<footer class="entry-footer">
<div class="post-time pull-left">
<?php
$archive_year = get_the_time( 'Y' );
$archive_month = get_the_time( 'm' );
$archive_day = get_the_time( 'd' );
?>
<a href="<?php echo esc_url( get_day_link( $archive_year, $archive_month, $archive_day ) ); ?>">
<?php the_time(get_option('date_format')); ?>
</a>
</div>
<?php $pin_image = wp_get_attachment_url( get_post_thumbnail_id( get_the_id() ) ); ?>
<div class="social-share share-buttons">
<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=<?php the_permalink(); ?>"><i class="fa fa-facebook"></i></a>
<a target="_blank" href="https://twitter.com/home?status=Ch…s%20article:%20<?php echo marlin_lite_url_encode( get_the_title() ); ?>%20-%20<?php echo urlencode(the_permalink()); ?>"><i class="fa fa-twitter"></i></a>
<a target="_blank" href="https://pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>&media=<?php echo esc_url($pin_image); ?>&description=<?php the_title(); ?>"><i class="fa fa-pinterest"></i></a>
<a target="_blank" href="https://plus.google.com/share?url=<?php the_permalink(); ?>"><i class="fa fa-google-plus"></i></a>
</div>
</footer>

<?php the_post_navigation(); ?>
<?php get_template_part( 'template-parts/single', 'post-author' ); ?>
<?php comments_template( '', true ); ?>

</div><!-- post-content -->

</div><!-- post-inner -->

</article><!-- #post-## -->

Und hier der von der content.php:

<?php
/**
* The default template for displaying content
*
* @package marlin-lite
*/

$sticky_class = ( is_sticky() ) ? 'is_sticky' : null;
$pin_image = wp_get_attachment_url( get_post_thumbnail_id( get_the_id() ) );

?>

<article <?php post_class("post {$sticky_class}"); ?>>

<?php if ( has_post_thumbnail() ) : ?>
<div class="post-format post-standard">
<div class="marlin-thumbnail">
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
<?php the_post_thumbnail(); ?>
<span class="marlin-format-icon"></span>
</a>
<div class="marlin-categories"><?php the_category(", "); ?></div>
</div>
</div>
<?php endif; ?>

<div class="entry-content">
<?php the_title( sprintf( '<h1 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h1>' ); ?>

<div class="entry-meta">
<?php
$archive_year = get_the_time( 'Y' );
$archive_month = get_the_time( 'm' );
$archive_day = get_the_time( 'd' );
?>
<a href="<?php echo esc_url( get_day_link( $archive_year, $archive_month, $archive_day ) ); ?>">
<i class="fa fa-clock-o"></i>
<?php the_time(get_option('date_format')); ?>
</a>
<a class="social-icon" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=<?php the_permalink(); ?>"><i class="fa fa-facebook"></i></a>
<a class="social-icon" target="_blank" href="https://twitter.com/home?status=Ch…s%20article:%20<?php echo marlin_lite_url_encode( get_the_title() ); ?>%20-%20<?php echo urlencode(the_permalink()); ?>"><i class="fa fa-twitter"></i></a>
<a class="social-icon" target="_blank" href="https://pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>&media=<?php echo esc_url($pin_image); ?>&description=<?php the_title(); ?>"><i class="fa fa-pinterest"></i></a>
<a class="social-icon" target="_blank" href="https://plus.google.com/share?url=<?php the_permalink(); ?>"><i class="fa fa-google-plus"></i></a></i></a>
</div>

<div class="entry-summary">
<?php the_content( 'More ...', true ); ?>
<p class="readmore">
<a href="<?php the_permalink(); ?>" class="link-more"><?php _e( 'Read more', 'marlin-lite' ); ?></a>
</p>
</div><!-- .entry-summary -->

</div><!-- entry-content -->

</article><!-- #post-## -->

Okay, ich verstehe zwar leider nicht, was jetzt genau der Fehler war, aber das Problem ist gelöst! Vielen, vielen Dank für deine Zeit und all die Tipps!