WordPress CMS – Gestaltung der Home Seite-Loop Spielereien

[auch für WP 3.2.1 und höher] Hier gibt 4 Loops als Praxisbeispiele – die in allen WP Versionen funktionieren! Wer WordPress als CMS nutzen mag, gestaltet meist die Startseite völig anders. Dort soll ein Artikel aus jener Kategorie hin, hier drei aus einer anderen Kategorie und wenn geht weiter unten noch 5 Artikel nur als überschrift.

WP Loop
WordPress Loop in Action viele Beispiele

Auf der Startseite sollen in entsprechenden Rubrik-Boxen die neuesten Beiträge aus der Rubrik stehen, wie halt auf einer Nachrichtenseite. In der Sidebar Links sollen Beiträge aus der Kategorie Y stehen und auf der anderen Sidebar Rechts drei Beiträge aus der Kategorie Z in der Mitte alle Beiträge wie sonst auch. ”

Dies und einiges mehr ist in WordPress machbar. Grundsätzlich nutzt man dazu den sogenannten Loop.

Nachfolgend findest Du vier verschiedene Loops, die den Vorteil haben, dass Du sie alle vier verwenden kannst. Oder nur drei davon, oder nur zwei. Dies auch in jeder Kombination UND Du kannst den ganz normalen WordPress Loop der in jeder index.php von WordPress zu finden ist, unten einfach dran lassen.

So sehen diese Loops in Aktion aus:

  • 4 Loops in der Sidebar.
  • 5 Loops in der Index .Dass Du hier alle Beiträge in der vollen Ansicht siehst hat damit zu tun, dass sie als statische Seite angezeigt werden. Aber ich wollte meine eigene index.php nicht überschreiben: ;)

WordPress Loop Spielerei 1 aus einer Kategorie (ID 6) einen Artikel

<!--loop1-->
<h3>Kat tipps-und-tricks 1 Artikel</h3>
<?php $top_query = new WP_Query('cat=6&showposts=1'); ?>
<?php while($top_query->have_posts()) : $top_query->the_post(); ?>
 
<p id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark"><strong><?php the_title(); ?></strong></a></p>
<?php the_excerpt(); ?>
 
<?php endwhile; ?>

WordPress Loop Spielerei 2 5 Artikel aber eine Kategorie (ID 6) wurde ausgeschlossen

<!--loop2 -->
<h3>alles ohne Kat tipps-und-tricks 5 Artikel</h3>
<?php query_posts('cat=-6&showposts=5'); ?>
<?php while(have_posts()) : the_post(); ?>
 
<p id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark"><strong><?php the_title(); ?></strong></a></p>
<?php the_excerpt(); ?>
 
<?php endwhile; ?>

WordPress Loop Spielerei 3 einfach 6 Artikel anzeigen

<!--loop3 -->
 
<h3>einfach 6 Artikel nur Überschriften</h3>
<?php query_posts('showposts=6'); ?>
 
<ul><li><ul>
<?php while(have_posts()) : the_post(); if(!($first_post == $post->ID)) : ?>
<li><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></li>
<?php endif; endwhile; wp_reset_query();?>
</ul></li></ul>

WordPress Loop Spielerei 4 aus einer Kategorie wieder nur ein Auszug

<!--loop4 -->
<h3>Aus der Kat Lesen 1 Artikel nur der Auszug</h3>
<?php 
	$my_query = new WP_Query('category_name=lesen&showposts=1');
  while ($my_query->have_posts()) : $my_query->the_post();
  	  $do_not_duplicate = $post->ID; ?>
      <h3><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
        <?php the_title(); ?>
        </a></h3>
 
        <?php the_excerpt(); ?>
 
      <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">  mehr davon&raquo;&raquo;</a><br />
        <?php endwhile; ?>
        von  <?php the_author(); ?>
 
<!--loops end-->

Hier alle vier Loops und der Standard Loop von WordPress vereint

<?php get_header();?>
<!--index.php-->
<div>	
<!--loop1-->
<h3>Kat tipps-und-tricks 1 Artikel</h3>
<?php $top_query = new WP_Query('cat=6&showposts=1'); ?>
<?php while($top_query->have_posts()) : $top_query->the_post(); ?>
 
<p id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark"><strong><?php the_title(); ?></strong></a></p>
<?php the_excerpt(); ?>
 
<?php endwhile; ?>
 
<!--loop2 -->
<h3>alles ohne Kat tipps-und-tricks 5 Artikel</h3>
<?php query_posts('cat=-6&showposts=5'); ?>
<?php while(have_posts()) : the_post(); ?>
 
<p id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark"><strong><?php the_title(); ?></strong></a></p>
<?php the_excerpt(); ?>
 
<?php endwhile; ?>
 
<!--loop3 -->
 
<h3>einfach 6 Artikel nur Überschriften</h3>
<?php query_posts('showposts=6'); ?>
<ul><li><ul>
<?php while(have_posts()) : the_post(); if(!($first_post == $post->ID)) : ?>
<li><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></li>
<?php endif; endwhile; wp_reset_query();?>
</ul></li></ul>
 
<!--loop4 -->
<h3>Aus der Kat Lesen 1 Artikel nur der Auszug</h3>
<?php  
	$my_query = new WP_Query('category_name=lesen&showposts=1');
  while ($my_query->have_posts()) : $my_query->the_post();
  	  $do_not_duplicate = $post->ID; ?>
      <h3><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
        <?php the_title(); ?>
        </a></h3>
 
        <?php the_excerpt(); ?>
 
      <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">  mehr davon&raquo;&raquo;</a><br />
        <?php endwhile; ?>
        von  <?php the_author(); ?>
 
      </div>
 
<!--loops end-->
 
	<!--standard wordpress loop-->
<?php if (have_posts()) : ?> 	
	<?php while (have_posts()) : the_post(); ?>
 
			<?php the_time('d. m.  Y  ') ?>
			<h3  id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>"><?php the_title(); ?></a>
			</h3>
			<?php edit_post_link('E','','|'); ?>
			<?php the_category(__(' und ')) ?>.
			<a href="<?php comments_link(); ?>" title="[<?php the_ID(); ?>]Comments"><span class="invisible">[<?php the_ID(); ?>">]</span><?php _e('Comments'); ?>:<?php comments_number('','(1)','(%)'); ?></a>.
 
	<?php the_content("&raquo;&raquo; " . the_title('', '', false)); ?>
 
<!--article end-->
 
<?php endwhile; ?>
<?php else : ?>
Leider nichts gefunden.
Nutze die Sitemap oder die Suche auf texto.de, um das Gewünschte doch noch zu finden.
<?php endif; ?>
<!--index php end-->
<?php get_footer(); ?>
bei Fragen fragen und vielleicht hast Du selber auch Loop Spielereien ;)
24 Kommentare zu "WordPress CMS – Gestaltung der Home Seite-Loop Spielereien"
  1. Das mit dem Loop habe ich inzwischen soweit hinbekommen. Zwei Testrubriken habe ich inzwischen eingerichtet. Nun habe ich aber das Problem, dass wenn ich auf den Link klicke, ich aus dem Loop nicht rauskomme und die ?P nicht angezeigt bekomme. Kannst du mir dabei bitte bitte bitte helfen? Kann es sein, dass ich etwas übersehen habe?

    Ich danke dir.

    Liebe Grüße
    Martina

    P.S.: Ich habe die URl oben in “Webseite” eingegeben. Dann kommst du dahin.

    weitersprech.de

    edit von texto im März herum

    Du nutzt jetzt eine andere Blogsoftware, da hilft Dir dieses Tutorial auch nicht mehr ;)
    viel Spaß

  2. Hi Martina
    < >
    Ja die single.php wie besprochen ;)

    aber für etwaige spätere Leser hier nochmal

    lg

  3. Ist es auch möglich, innerhalb eines Posts A Inhalte eines anderen Posts B mittels eines Loops zu integrieren?

  4. Hallo,

    ich habe die Spielerei 1 mal verwendet und es funktioniert soweit auch alles. Ich müsste es aber so haben, dass die aktuellsten 3 Beiträge aus Kategorie 1 angezeigt werden, aber die Beiträge die zusätzlich noch in Kategorie 2 sind ausgeschlossen werden.

    Kann mir da vielleicht jemand weiterhelfen?
    (ich nutze WP 2.1.)

  5. Hi Sabrina
    Loop Teil 2
    da fand ich eine Lösung, Rückmeldung erbeten, ob es klappt

    lg

  6. mamph was hast Du denn von den obigen Beispielen schon probiert?
    Oder verstehst Du die Sprache schlecht?
    Wären die Erklärungen in Englisch besser für Dich?

    lg

  7. ok das mein index.php

    ……….
    was soll ich ändern damit oben nur post aus category (1) und unten weiter post aus alle kategorien zeigt?

    Danke

  8. das meine richtige email Adresse

    vielen dank

    damit Du nicht in Spam erstickst habe ich die gelöscht;)

  9. Hallo,
    ich habe einzelne dieser loops schon mal in die Sidebar eingebaut und alles war gut. Jetzt habe ich drei hintereinander geschaltet (mit jeweils einem excerpt aus einer Kategorie). Angezeigt werden aber nicht dreimal ein excerpt, sondern dreimal drei excerpts. WP ist 2.3, URL der Startseite habe ich unter Website eingegeben. Kannst Du helfen?
    Viele Grüße, Joachim

  10. Hi Joachim kopiere den Code der Sidebar in ein normales Textdokument und sende es mir per Email, da kann man auch Textdokumente anhängen

    lg

  11. Habe es probiert. Funktioniert einwandfrei, aber –
    Wie kann ich die Funktion NUR auf der Startseite anzeigen lassen? if(is_home) lässt die Sidebar verschwinden.

  12. Hi,

    ich zeige unter dem Post in der einzelansicht noch einmal die 20 letzten Posts.

    Das Problem ist, dass dadurch doppelter content zustande kommt. Hast du vielleicht eine Idee, wie ich den angezeigten Post aus den letzten angezeigten Posts aussortieren kann?

    Gruß Fabian

  13. Hi Fabian in den 1. Loop

    while.........
     $do_not_duplicate = $post->ID;

    in den 2. Loop dann

    while...........
    if( $post->ID == $do_not_duplicate )
    continue;

    lg

  14. geht das auch mit den neuesten bildern aus einer nextgen gallery….ich meine ich möchte gerne auf einer seite vielleicht statisch immer die neuesten bilder zeigen die eingestellt wurden…ähnlich fotocommunity.de

  15. Hi Stefan – das ist dann eine Frage was die nextgen Gallery da kann – das kann ich so nicht sagen- am besten im forum.wordpress-deutschland.org fragen, da sind sicher einige NextGen Gallery user.

    lg

  16. Hi ich lese aus einer Kategorie 10 Artikel aus möchte sie aber nach Klicks sortieren wie mach ich das ?

  17. hi Dirk da brauchst jemand,der Dir einen Counter mit dieser Sortierung macht -
    eventuell kann man ein vorhandenes -meist gelesene Artikel Plugin- umbauen.

2 Pings zu "WordPress CMS – Gestaltung der Home Seite-Loop Spielereien"
  1. SEO Praxis Blog » Nachrichtenseiten als SEO betreiben
    [...] Die Idee dahinter ist relativ simpel, doch erschien mir zunächst die Umsetzung mit Wordpress als sehr kompliziert. Helfen konnte ...
  2. Helmeloh’s NotizBlog für Linux, Web 3.0 … » WordPress - eigener Loop
    [...] Der Loop WordPress CMS - Gestaltung der Home Seite-Loop Spielereien The Loop (englisch) WordPress: Loop selbst zusammen stellen ...