Twenty Twelve: Miniaturbild auf der Startseite

hsc

Gibt es die Möglichkeit, dass ein zum Post gehörendes Bild auf der Blog-Startseite in einem bloß 200px breiten Miniaturformat angezeigt wird? Und das gleiche Bild in der Single-Ansicht dann größer - spaltenbreit -, wie in der Twenty Twelve Standardeinstellung?

Vielen Dank
hsc

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

hsc

Falls die Frage zu schwierig ist:
Wie schaffe ich es, dass das Beitragsbild nicht spaltenbreit gezeigt wird, sondern auf einen definierten Pixelwert verkleinert und eingerückt im Text?

fragt hsc

alchymyth

dazu musst du content.php vom Twenty Twelve anpassen;

diesen bereich (zeile 17 bis 42) (gezeigt nach dem umbau):

PHP

<header class="entry-header">
      <?php if ( is_single() ) : ?>
   <?php the_post_thumbnail(); ?>
<h1 class="entry-title"><?php the_title(); ?></h1>
   <?php else : ?>
   <h1 class="entry-title">
    <a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to %s', 'twentytwelve' ), the_title_attribute( 'echo=0' ) ) ); ?>" rel="bookmark"><?php the_title(); ?></a>
   </h1>
   <?php endif; // is_single() ?>
   <?php if ( comments_open() ) : ?>
    <div class="comments-link">
     <?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?>
    </div><!-- .comments-link -->
   <?php endif; // comments_open() ?>
  </header><!-- .entry-header -->
  <?php if ( is_search() ) : // Only display Excerpts for Search ?>
  <div class="entry-summary">
   <?php the_excerpt(); ?>
  </div><!-- .entry-summary -->
  <?php else : ?>
  <div class="entry-content">
   <?php if(!is_single()) the_post_thumbnail(array(200,200), array('class' => 'attachment-thumbnail wp-post-image alignleft')); ?>
<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentytwelve' ) ); ?>
   <?php wp_link_pages( array( 'before' => '<div class="page-links">' . __( 'Pages:', 'twentytwelve' ), 'after' => '</div>' ) ); ?>
  </div><!-- .entry-content -->
  <?php endif; ?>

Alles anzeigen

erklaerung:
diese beiden zeilen haben den platz getauscht:

PHP

<?php if ( is_single() ) : ?>
   <?php the_post_thumbnail(); ?>

und das hier ist neu:

PHP

<?php if(!is_single()) the_post_thumbnail(array(200,200), array('class' => 'attachment-thumbnail wp-post-image alignleft')); ?>

ungetestet - braucht evtl noch kleinere anpassungen in der style.css

http://codex.wordpress.org/Function_Refer…_post_thumbnail
http://codex.wordpress.org/Post_Thumbnails

hsc

Klasse. Vielen herzlichen Dank. Funktioniert perfekt.

Jetzt noch eine Frage: Wie kann man die Zeile "Dieser Beitrag wurde unter ... abgelegt" auf der Startseite ausblenden und lediglich in der Einzelansicht zeigen?

Vielen Dank
hsc

alchymyth

die zeile ist mit dieser function gemacht (in content.php zeile 45):

PHP

<?php twentytwelve_entry_meta(); ?>

also auch wieder eine if-abfrage einbauen:

PHP

<?php if( is_singular() ) twentytwelve_entry_meta(); ?>

evtl bleibt dann ein leerer container; dann musst du die if-abfrage um diesen ganzen bereich einsetzen:

PHP

<?php if( is_singular() ) : ?>


  <footer class="entry-meta">
   <?php twentytwelve_entry_meta(); ?>
   <?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?>
   <?php if ( is_singular() && get_the_author_meta( 'description' ) && is_multi_author() ) : // If a user has filled out their description and this is a multi-author blog, show a bio on their entries. ?>
    <div class="author-info">
     <div class="author-avatar">
      <?php echo get_avatar( get_the_author_meta( 'user_email' ), apply_filters( 'twentytwelve_author_bio_avatar_size', 68 ) ); ?>
     </div><!-- .author-avatar -->
     <div class="author-description">
      <h2><?php printf( __( 'About %s', 'twentytwelve' ), get_the_author() ); ?></h2>
      <p><?php the_author_meta( 'description' ); ?></p>
      <div class="author-link">
       <a href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author">
        <?php printf( __( 'View all posts by %s <span class="meta-nav">&rarr;</span>', 'twentytwelve' ), get_the_author() ); ?>
       </a>
      </div><!-- .author-link -->
     </div><!-- .author-description -->
    </div><!-- .author-info -->
   <?php endif; ?>
  </footer><!-- .entry-meta -->


<?php endif; ?>

Alles anzeigen

unterschied zwischen 'is_single()' und 'is_singular()' -
http://codex.wordpress.org/Conditional_Ta…ingle_Post_Page
http://codex.wordpress.org/Conditional_Ta…t_or_Attachment

hsc

Super!
[COLOR=#000000][COLOR=#0000BB]<?php [/COLOR][COLOR=#007700]if( [/COLOR][COLOR=#0000BB]is_singular[/COLOR][COLOR=#007700]() ) [/COLOR][COLOR=#0000BB]twentytwelve_entry_meta[/COLOR][COLOR=#007700](); [/COLOR][COLOR=#0000BB]?>[/COLOR][/COLOR]
hat ohne Probleme geklappt. Vielen Dank!

Zwei Ergänzungsfragen:
1. Wie kann man das Miniaturbild auf der Startseite mit einem Link zur Einzelansicht des Artikels hinterlegen?
2. Wie kann man das große Beitragsbild in der Einzelansicht des Artikels mit einem Links zum noch größeren Originalbild hinterlegen?

Vielen Dank für die Antworten
hsc

alchymyth

1.
diesen abschitt:

PHP

<?php if(!is_single()) the_post_thumbnail(array(200,200), array('class' => 'attachment-thumbnail wp-post-image alignleft')); ?>

umwandeln zu:

PHP

<?php if(!is_single() && has_post_thumbnail()) { ?><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(array(200,200), array('class' => 'attachment-thumbnail wp-post-image alignleft')); ?></a><?php } ?>

2.
diesen abschnitt:

PHP

<?php if ( is_single() ) : ?>
   <?php the_post_thumbnail(); ?>

umwandeln zu:

PHP

<?php if ( is_single() ) : ?>
    <?php if( has_post_thumbnail() ) { 
  $image_id = get_post_thumbnail_id();
  $image_url = wp_get_attachment_image_src($image_id,'full', true);
  $img_src = $image_url[0];
  ?><a href="<?php echo esc_url($img_src); ?>"><?php the_post_thumbnail(); ?></a><?php } ?>

hsc

Jetzt habe ich die 200px breite Miniaturansicht - rechts in den Absatz eingerückt - auf der Startseite. Funktioniert perfekt.
Aber: in der mobilen Version auf dem Handy sieht das leider gar nicht gut aus, weil dann links vom Bild nur noch bruchstückhafte kurze Wörter hinpassen.
Die Frage ist also: wie schaffe ich es, dass die Startseite in der Mobilverson anders aussieht?
Möglichkeit 1: Mobil wird das Bild auch auf der Startseite spaltenbreit angezeigt.
Möglichkeit 2: Die Miniaturansicht des Bildes wird nicht in den Absatz eingerückt, sondern in einem eigenen Absatz angezeigt.

Vielen Dank für die Hilfe
hsc

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Twenty Twelve: Miniaturbild auf der Startseite

Jetzt mitmachen!