Fast alles gelöst :)
Hallo zusammen,
habe es mit einem Counter nun hinbekommen, dass wie in meinem statischen Beispiel einmal die Class bl und einmal br verwendet wird. Jene sind im Grunde gleich, nur das die eine links und die zweite rechts gefloatet ist. Der PHP-Teil für den Counter schaut so aus und funktioniert auch:
<!-- Beginn Uebersicht -->
<?php $my_query = new WP_Query('category=0&posts_per_page=10'); ?>
<?php $my_counter = 0;
// Loop: if has posts while ...
?>
<?php while ($my_query->have_posts()) : $my_query->the_post(); ?>
<?php
$my_class = ($my_counter % 2 == 0) ? 'bl' : 'br';
$my_counter++;
// Ausgabe der Klasse dann mit echo $my_class
// end Loop
?>
<!-- Beginn des Artikel -->
<div class="<?php echo $my_class ; ?>">
Alles anzeigen
Der CSS-Teil schaut so aus:
.bl {
display:block;
float:left;
margin:0.5em 0em 0.5em 0em;
padding:0.25em;
width:45%;
border:0.15em dashed #DEDEDE;
/*
-moz-border-radius:10px;
-khtml-border-radius:10px;
*/
}
.br {
display:block;
float:right;
margin:0.5em 0em 0.5em 0em;
padding:0.25em;
width:45%;
border:0.15em dashed #DEDEDE;
/*
-moz-border-radius:10px;
-khtml-border-radius:10px;
*/
}
Alles anzeigen
Doch leider ist es noch so, dass es trotzdem nicht wirklich klappt. Es ist nun fast alles so, wie im statischen Beispiel, nur die Länge der Artikel ist im Blog unterschiedlich, wodurch wahrscheinlich die Probleme kommen.
Um das zu lösen habe ich eine zweite Variable angelegt und gebe nach jedem zweiten Artikel ein
<br style="clear:both;"/>
aus. Die entsprechenden Zeilen schauen so aus:
<!-- Beginn Uebersicht -->
<?php $my_query = new WP_Query('category=0&posts_per_page=10'); ?>
<?php $my_counter = 0;
// Loop: if has posts while ...
?>
<?php while ($my_query->have_posts()) : $my_query->the_post(); ?>
<?php $my_class = ($my_counter % 2 == 0) ? 'bl' : 'br';
$my_break = ($my_counter % 2 == 0) ? ' ' : '<br style="clear:both;"/>';
$my_counter++;
?>
<!-- Beginn des Artikel -->
<div class="<?php echo $my_class ; ?>">
<!-- Weiterer Ausbau der Artikel... -->
</div><?php echo $my_break ; ?>
<?php endwhile; ?>
<!-- Ende Uebersicht -->
Alles anzeigen
So weit bin ich mit dem Aufbau nun zu frieden, wie man in meinem Blog sehen kann.
Nun habe ich nur noch das Problem, das eben chronologisch die neusten Artikel angezeigt werden. ich wollte es eigentlich anders haben und aus jeder vorhandenen Kategorie den neusten Artikel anzeigen lassen. Dabei sollte es aber so sein, dass ein Artikel der in mehreren Kategorien ist, nur einmal auftaucht.
Es wurde schon gefragt, ob es Sinn macht, dass manche Artikel in mehreren Kategorien auftaucht - dem kann ich nur sagen ja. So habe ich zum Beispiel Artikel in denen ich über eine Reise geschrieben habe und in dem auch die Fotos sind. Somit ist der Artikel unter Fotos einsortiert, aber auch unter Fahrten (Reisen). Bei anderen Artikeln ist es ähnlich.
Kennt jemand eine Lösung für das letzte Problem? Meine derzeitige Lösung schaut so aus:
<?php
/*
Template Name: Startseite
*/
?>
<?php get_header(); ?>
<div id="mitte"><div class="lo"><div class="lu"><div class="inhalt">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<!-- Beginn des Artikel -->
<div <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<div class="funktion">
<a href="#" name="drucken" title="drucken"><img src="<?php bloginfo('template_directory'); ?>/Bilder/buttons/drucker/druck.gif" alt="drucken" height="16px" /></a>
<a href="#" name="PDF-Dokument" title="PDF-Dokument"><img src="<?php bloginfo('template_directory'); ?>/Bilder/buttons/pdf/pdf_button.png" alt="PDF-Dokument" height="16px" /></a>
<a href="#" name="email" title="email"><img src="<?php bloginfo('template_directory'); ?>/Bilder/buttons/email/email.png" alt="email" height="16px" /></a>
<a href="<?php bloginfo('rss2_url'); ?>" name="feed" title="Nachrichten Feed"><img src="<?php bloginfo('template_directory'); ?>/Bilder/buttons/feeds/RSS_16.png" alt="Nachrichtenfeed" height="16px" /></a>
<?php edit_post_link('bearbeiten', '', ''); ?><a href="#" name="bearbeiten" title="bearbeiten"><img src="<?php bloginfo('template_directory'); ?>/Bilder/buttons/bearbeiten/spanner_blue.png" alt="bearbeiten" height="16px" /></a>
<br />Verfasst von <em><?php the_author() ?></em>.
</div>
<h1 class="titel"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h1>
<div class="entry">
<?php the_content('Weiterlesen...'); ?>
</div>
<div class="drunter">
<strong>Daten:</strong> Verfasst von <em><?php the_author() ?></em>, am <em><?php the_time('j\. F Y'); ?></em>, um <em><?php the_time('G:i'); ?></em> Uhr.<br />
<strong>Abgelegt unter:</strong> <?php the_category(', ') ?><br />
<strong>Schlagworte:</strong> <?php the_tags(', ') ?><br />
<strong>Verwendung:</strong>
<a href="#" name="drucken" title="drucken"><img src="<?php bloginfo('template_directory'); ?>/Bilder/buttons/drucker/druck.gif" alt="drucken" height="16px" /></a>
<a href="#" name="PDF-Dokument" title="PDF-Dokument"><img src="<?php bloginfo('template_directory'); ?>/Bilder/buttons/pdf/pdf_button.png" alt="PDF-Dokument" height="16px" /></a>
<a href="#" name="email" title="email"><img src="<?php bloginfo('template_directory'); ?>/Bilder/buttons/email/email.png" alt="email" height="16px" /></a>
<a href="<?php bloginfo('rss2_url'); ?>" name="feed" title="Nachrichten Feed"><img src="<?php bloginfo('template_directory'); ?>/Bilder/buttons/feeds/RSS_16.png" alt="Nachrichtenfeed" height="16px" /></a>
<?php edit_post_link('bearbeiten', '', ''); ?><a href="#" name="bearbeiten" title="bearbeiten"><img src="<?php bloginfo('template_directory'); ?>/Bilder/buttons/bearbeiten/spanner_blue.png" alt="bearbeiten" height="16px" /></a>
<a href="<?php echo get_permalink(); ?>">dauerhafter Link</a>,
<a href="<?php trackback_url(); ?>">Trackback</a><br />
<strong>Kommentare:</strong> <?php comments_popup_link('Es wurde noch kein Kommentar geschrieben.', 'Es wurde <em>ein</em> Kommentar geschrieben.', 'Es wurden <em>%</em> Kommentare geschrieben.', 'Kommentar-Link', 'Kommentar-Funktion ist ausgeschaltet.'); ?>
</div>
</div>
<!-- Ende des Artikel -->
<?php endwhile; endif; ?>
<!-- Beginn Uebersicht -->
<?php $my_query = new WP_Query('category=0&posts_per_page=10'); ?>
<?php $my_counter = 0;
// Loop: if has posts while ...
?>
<?php while ($my_query->have_posts()) : $my_query->the_post(); ?>
<?php $my_class = ($my_counter % 2 == 0) ? 'bl' : 'br';
$my_break = ($my_counter % 2 == 0) ? ' ' : '<br style="clear:both;"/>';
$my_counter++;
?>
<!-- Beginn des Artikel -->
<div class="<?php echo $my_class ; ?>">
<!-- <div class="bl"> -->
<div <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<div class="funktion">
<a href="#" name="drucken" title="drucken"><img src="<?php bloginfo('template_directory'); ?>/Bilder/buttons/drucker/druck.gif" alt="drucken" height="16px" /></a>
<a href="#" name="PDF-Dokument" title="PDF-Dokument"><img src="<?php bloginfo('template_directory'); ?>/Bilder/buttons/pdf/pdf_button.png" alt="PDF-Dokument" height="16px" /></a>
<a href="#" name="email" title="email"><img src="<?php bloginfo('template_directory'); ?>/Bilder/buttons/email/email.png" alt="email" height="16px" /></a>
<a href="<?php bloginfo('rss2_url'); ?>" name="feed" title="Nachrichten Feed"><img src="<?php bloginfo('template_directory'); ?>/Bilder/buttons/feeds/RSS_16.png" alt="Nachrichtenfeed" height="16px" /></a>
<?php edit_post_link('bearbeiten', '', ''); ?><a href="#" name="bearbeiten" title="bearbeiten"><img src="<?php bloginfo('template_directory'); ?>/Bilder/buttons/bearbeiten/spanner_blue.png" alt="bearbeiten" height="16px" /></a>
<br />Verfasst von <em><?php the_author() ?></em>.
</div>
<h1 class="titel"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h1>
<div class="entry">
<?php /* the_content('Weiterlesen...'); */ ?>
<?php the_excerpt(); ?>
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>">Weiterlesen...</a>
</div>
</div>
</div><?php echo $my_break ; ?>
<?php endwhile; ?>
<!-- Ende Uebersicht -->
<p style="clear:both;"> </p>
<?php get_footer(); ?>
Alles anzeigen
Vielen vielen Dank für eure Hilfe bis hierhin.
Liebe Grüße
Muckel
