Hallo,
Ich bin gerade dabei ein Theme zu programmieren und es geht um die folgende Webseite: http://ammantempel.net/home/
Folgendes möchte ich umsetzen:
Wie in der Navigation sehen könnt, befinden sich dort die Menüpunkte "Webdesign" und "Videos/Photos". Für diese Menüpunkt habe ich jeweils eigene templates erstellt, damit nur posts von den jeweiligen Kategorien angezeigt werden.
1. Jetzt möchte ich, dass nur 5 Beiträge auf einer Seite angezeigt wird, und die nächsten auf einer anderen Seite, damit es "überschaubarer" ist für den Besucher. Dies habe ich auch mit 'category_name=webdesign&showposts=5' umsetzen können. Jedoch weiss ich nicht, wie man das Befehl, die nächsten Beiträge auf einer anderen Seite auszugeben, in die templates einbindet. Zudem möchte ich, dass auch der Link der jeweiligen Seiten mit Nummerierung erscheint, also: <<vor 1 2 3 4 nächste>> (fals es mehr Seiten wie 4 gibt, soll der Link der 5.Seite erst erscheinen wenn man auf Seite 2 klickt und der Link zur Seite 1 verschwindet.)
Hoffe Ihr könnt mir helfen! Danke euch schon mal im Vorraus!
Der Code der Templates sieht folgendermaßen aus:
website.php
<? /*
Template Name: Webdesign
*/
?>
<? get_header(); ?>
<div class="middle">
<div class="container">
<div class="content">
<?
$postlist = new WP_Query( 'category_name=webdesign&showposts=5' );
if ( $postlist->have_posts() ) {
// Es gibt Posts. Hier Öffnendes Zeug ausgeben z.B.ul oder div. ?>
<div class="cat-portfolio">
<? while ( $postlist->have_posts() ) {
$postlist->the_post(); ?>
<a href="<? the_permalink() ?>" rel="bookmark"><? the_title(); ?></a>
<? the_content(__('(weiterlesen...)'));
// Jetzt kannst du mit the_title, the_content usw auf die Elemente
// des Posts in der Loop zugreifen.
}
// Hier dann schliessendes Zeug, z.B. /ul oder /div ?>
</div>
<? }
?>
</div><!-- .content-->
</div><!-- .container-->
<div class="clearfix"></div><!--.clearfix-->
</div><!-- .middle-->
<div id="back-top">
<a href="#top"><span></span></a>
</div>
</div><!-- .wrapper -->
<? get_footer(); ?>
Alles anzeigen
video.php
<? /*
Template Name: Video
*/
?>
<? get_header(); ?>
<div class="middle">
<div class="container">
<div class="content">
<?
$postlist = new WP_Query( 'category_name=video&showposts=5' );
if ( $postlist->have_posts() ) {
// Es gibt Posts. Hier Öffnendes Zeug ausgeben z.B.ul oder div. ?>
<div class="cat-portfolio">
<? while ( $postlist->have_posts() ) {
$postlist->the_post(); ?>
<a href="<? the_permalink() ?>" rel="bookmark"><? the_title(); ?></a>
<? the_content(__('(weiterlesen...)'));
// Jetzt kannst du mit the_title, the_content usw auf die Elemente
// des Posts in der Loop zugreifen.
}
// Hier dann schliessendes Zeug, z.B. /ul oder /div ?>
</div>
<? }
?>
</div><!-- .content-->
</div><!-- .container-->
<div class="clearfix"></div><!--.clearfix-->
</div><!-- .middle-->
<div id="back-top">
<a href="#top"><span></span></a>
</div>
</div><!-- .wrapper -->
<? get_footer(); ?>
Alles anzeigen
Der Code vom index.php sieht so aus:
<? get_header(); ?>
<div class="middle">
<div class="container">
<div class="content">
<?php previous_post_link( $format, $link, $in_same_term = false, $excluded_terms = '', $taxonomy = 'category' ); ?>
<?php next_post_link( $format, $link, $in_same_term = false, $excluded_terms = '', $taxonomy = 'category' ); ?>
<? if (have_posts()) : while (have_posts()) : the_post(); ?>
<div <? post_class() ?> id="post-<? the_ID(); ?>">
<? the_post_thumbnail('post-thumb'); ?>
<div id="blog_title"><a href="<? the_permalink() ?>" rel="bookmark"><? the_title(); ?></a></div>
<? edit_post_link(__('Edit This')); ?></div>
<div class="storycontent" id="news_content">
<? the_content(__('(weiterlesen...)')); ?>
</div>
</div>
<? endwhile; else: ?>
<p><? _e('Entschuldigung. Leider konnte Ihre Anfrage nicht bearbeitet werden!'); ?></p>
<? endif; ?>
«<?php previous_post_link('%link', 'Zurück', TRUE); ?>
<?php next_post_link( '%link', 'Weiter', TRUE ); ?> »
</div><!-- .content-->
</div><!-- .container-->
<div class="clearfix"></div><!--.clearfix-->
</div><!-- .middle-->
<div id="back-top">
<a href="#top"><span></span></a>
</div>
</div><!-- .wrapper -->
<? get_footer(); ?>
Alles anzeigen