随身笔记
随身笔记

制作wordpress无插件首页幻灯片

小编想让自己的网站看起来更像CMS网站首页添加幻灯片显示文章的效果那是必须的,现在的大型网站CMS也流行,在wordpress上的幻灯片插件多的很其中还很多优秀的插件这里我就不多说了可以自己网上搜索,但是小编我很讨厌用幻灯片插件情非得已下我才使用的,网上搜索过很多无插件实现幻灯片的文章几乎没有,要么就是随便写几行代码就忽悠过去了没办法只能自己做了,提供给那些讨厌插件又急需用幻灯片的骚年们。

1,首先去找你们喜欢的幻灯片样式最好是jquery的。
2,不急套PHP代码,先将你们的幻灯片完整的插入你们需要显示的位置先在进行调整。
3,将以下代码套到你们的幻灯片中

[code]<?php $saved = $wp_query; query_posts(‘meta_key=featured&showposts=5’); ?>//开始循环只显示5篇

<?php while ( have_posts() ) : the_post(); ?>

<li>

<?php $image = get_post_meta($post->ID, ‘index_image’, true); ?>
<?php if ( get_post_meta($post->ID, ‘index_image’, true) ) { ?>
<img src=”<?php echo $image; ?>” />
<?php }
else {?>
<a href=”<?php the_permalink() ?>”>
<img src=”<?php bloginfo(‘stylesheet_directory’); ?>/images/default.gif”
title=”<?php the_title(); ?>” /></a>
<?php } ?> //以上代码获取图片,没图片就设定一个默认图片default.gif

<a href=”<?php the_permalink(); ?>”><h1><?php the_title(); ?></h1></a>//文章标题及链接
<a href=”<?php the_permalink(); ?>”><?php The_excerpt() ?></a>//内容截取及链接
</li>

<?php endwhile; ?>
<?php $wp_query = $saved; ?>[/code]

如图显示:

huandengpian

4,接下来去后台发布文章。
5,这里说明下,以上代码幻灯片的作用是将已经发布的文章显示在幻灯片中,就是作为一个重点推荐的平台使用,如果你是想让幻灯片加入和首页文章轮番显示的话(轮番显示就是最新发布的文章先在幻灯片显示之后随着发布文章多了就往下沉)就要将循环代码修改就行如下:

[code]<?php $saved = $wp_query; query_posts(‘meta_key=featured&showposts=5’); ?>//开始循环只显示5篇

<?php while ( have_posts() ) : the_post(); ?>

…中间代码不变

<?php endwhile; ?>
<?php $wp_query = $saved; ?>[/code]
修改为:
[code]<?php
$args = array( ‘post_type’ => ‘post’,’category_name’ => ‘your_category_name’, ‘posts_per_page’ => 4 );
$loop = new WP_Query( $args );
while ( $loop->have_posts() ) : $loop->the_post();
?>

…中间代码不变

<?php endwhile; wp_reset_postdata();?> [/code]
最新的前几篇文章就显示在幻灯片了。

文章来源:个人随笔 香格里拉seo (www.xgllseo.com)转载请注明,请尊重版权。

随身笔记

制作wordpress无插件首页幻灯片
小编想让自己的网站看起来更像CMS网站首页添加幻灯片显示文章的效果那是必须的,现在的大型网站CMS也流行,在wordpress上的幻灯片插件多的很其中还很多优秀的插件这里我就不多说了可以自…
扫描二维码继续阅读
2013-01-13