Posts in Kategorie zweispaltig anzeigen / Twenty Eleven

loewengleich

Hallo,

ich verwende das aktuelle Twenty Eleven Theme und möchte Posts in einer Kategorie zweispaltig anzeigen.

Bisher habe ich eine neue Datei category-slug.php erstellt und habe nun folgenden Code:

PHP

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
        <header class="entry-header">
            <?php if ( is_sticky() ) : ?>
                <hgroup>
                    <h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
                    <h3 class="entry-format"><?php _e( 'Featured', 'twentyeleven' ); ?></h3>
                </hgroup>
            <?php else : ?>
            <h1 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
            <?php endif; ?>


            <?php if ( 'post' == get_post_type() ) : ?>
            <div class="entry-meta">
                <?php twentyeleven_posted_on(); ?>
            </div><!-- .entry-meta -->
            <?php endif; ?>
        </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 the_content( __( 'weiterlesen <span class="meta-nav">&rarr;</span>', 'twentyeleven' ) ); ?>
            <?php wp_link_pages( array( 'before' => '<div class="page-link"><span>' . __( 'Pages:', 'twentyeleven' ) . '</span>', 'after' => '</div>' ) ); ?>
        </div><!-- .entry-content -->
        <?php endif; ?>


        <footer class="entry-meta">
            <?php $show_sep = false; ?>
            <?php if ( 'post' == get_post_type() ) : // Hide category and tag text for pages on Search ?>
            <?php
                /* translators: used between list items, there is a space after the comma */
                $categories_list = get_the_category_list( __( ', ', 'twentyeleven' ) );
                if ( $categories_list ):
            ?>
            <span class="cat-links">
                <?php printf( __( '<span class="%1$s">Kategorie:</span> %2$s', 'twentyeleven' ), 'entry-utility-prep entry-utility-prep-cat-links', $categories_list );
                $show_sep = true; ?>
            </span>
            <?php endif; // End if categories ?>
            <?php
                /* translators: used between list items, there is a space after the comma */
                $tags_list = get_the_tag_list( '', __( ', ', 'twentyeleven' ) );
                if ( $tags_list ):
                if ( $show_sep ) : ?>
            <span class="sep"> | </span>
                <?php endif; // End if $show_sep ?>
            <span class="tag-links">
                <?php printf( __( '<span class="%1$s">Stichworte:</span> %2$s', 'twentyeleven' ), 'entry-utility-prep entry-utility-prep-tag-links', $tags_list );
                $show_sep = true; ?>
            </span>
            <?php endif; // End if $tags_list ?>
            <?php endif; // End if 'post' == get_post_type() ?>


            <?php if ( comments_open() ) : ?>
            <?php if ( $show_sep ) : ?>
            <span class="sep"> | </span>
            <?php endif; // End if $show_sep ?>
            <span class="comments-link"><?php comments_popup_link( '<span class="leave-reply">' . __( 'Schreib den ersten Kommentar', 'twentyeleven' ) . '</span>', __( '<b>1</b> Kommentar', 'twentyeleven' ), __( '<b>%</b> Kommentare', 'twentyeleven' ) ); ?></span>
            <?php endif; // End if comments_open() ?>


            <?php edit_post_link( __( 'Bearbeiten', 'twentyeleven' ), '<span class="edit-link">', '</span>' ); ?>
        </footer><!-- #entry-meta -->
    </article><!-- #post-<?php the_ID(); ?> -->

Alles anzeigen

Gefunden habe ich das hier: http://forum.wpde.org/design/87252-b…ten-layout.html

Nur wie passe ich den zweiten Teil an?

PHP

<?php /* How to display all other posts. */ ?>
 
    <?php else : ?>
<?php $halfstyle = ($counter%2 == 0) ? 'left-half' : 'right-half'; $counter++; //EDIT: for two columns ?>
        <div id="post-<?php the_ID(); ?>" <?php post_class($halfstyle); ?>>

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

'post_class()' is tin der ersten zeile deines codes:

PHP

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

hast du versucht den neuen code da zu integrieren?

zB so (ungetestet):

PHP

<?php $halfstyle = ($counter%2 == 0) ? 'left-half' : 'right-half'; $counter++; //EDIT: for two columns ?>
   <article id="post-<?php the_ID(); ?>" <?php post_class($halfstyle); ?>>

--
nach neueren erkenntnissen wuerde ich das jetzt anders machen:
- den code vom category-slug.php unveraendert lassen;
- in functions.php eine filterfunktion fuer die 'post_class' einsetzen:

PHP

add_filter('post_class', 'category_zweispaltig');
function category_zweispaltig( $classes ) {
  if( is_category('slug') ) { 
  global $wp_query;
  $classes[] = ( $wp_query->current_post%2==0 ? 'left-half' : 'right-half' );
  }
return $classes;
}

und natuerlich die css verwenden:

Code

.left-half, .right-half { float: left; width: 48%; }
.left-half { clear: both; }
.right-half { margin-left: 2%; }

loewengleich

Hallo, arbeitet auf Anhieb !

Danke für die Hilfe

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Posts in Kategorie zweispaltig anzeigen / Twenty Eleven

Jetzt mitmachen!