您当前的位置: 首页 > 慢生活 > 程序人生 网站首页程序人生
6-12: 首页模板文件的开发(置顶,is_sticky)
发布时间:2023-03-30 22:52:17编辑:雪饮阅读()
是否置顶
关于置顶,在wordpress后台文章编辑这里有个置顶到首页
是否置顶使用is_sticky函数来判断,另外需要说明的是,如果分页大小是10,那么置顶的这篇文章会在第一页里面,也就是说第一页会是11条数据(如果原本是10条的话)
那么整个首页模板其实大多都是参考6-11: 归档页中调取其下的文章信息 (gaojiupan.cn)
来做的。
唯独就是判断是否置顶,其他都没有什么了。那么整个首页一般的index.php如:
<!DOCTYPE html>
<html lang="zh-CN">
<?php get_header();?>
<div class="container-fluid site-content" id="content">
<div class="row">
<div class="col-md-9 pdfix">
<div class="content-area">
<div class="slider swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="#"><img
src="<?php echo get_theme_file_uri();?>/assets/img/demos/slider/ss1.jpg"></a>
<h3 class="slide-title"><a href="#">标题1</a></h3>
</div>
<div class="swiper-slide">
<a href="#"><img
src="<?php echo get_theme_file_uri();?>/assets/img/demos/slider/ss2.jpg"></a>
<h3 class="slide-title"><a href="#">标题2</a></h3>
</div>
<div class="swiper-slide">
<a href="#"><img
src="<?php echo get_theme_file_uri();?>/assets/img/demos/slider/ss3.jpg"></a>
<h3 class="slide-title"><a href="#">标题3</a></h3>
</div>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<main class="site-main">
<div class="index-tabs">
<ul class="tabs">
<li class="tab active"><a href="javascript:;">最新文章</a></li>
<li class="tab"><a
href="">aciform</a>
</li>
<li class="tab"><a
href="">antiquarianism</a>
</li>
<li class="tab"><a
href="">arrangement</a>
</li>
<li class="tab"><a
href="">asmodeus</a>
</li>
<li class="tab"><a
href="">Block</a></li>
</ul>
</div>
<?php if(have_posts()):?>
<?php while(have_posts()):the_post();?>
<article class="postlist-item">
<div class="post-img">
<a href="<?php the_permalink();?>">
<?php if(has_post_thumbnail()):?>
<?php the_post_thumbnail('thumbnail');?>
<?php else:?>
<img src="<?php echo get_theme_file_uri();?>/assets/img/default-thumbnail.png" />
<?php endif;?>
</a>
<?php if(is_sticky()):?>
<span class="sticky">置顶</span>
<?php endif;?>
</div>
<div class="post-content">
<h2 class="post-title">
<a href="<?php the_permalink();?>"><?php the_title();?></a>
</h2>
<p class="post-des"> <?php if(has_excerpt()):?>
<?php echo get_the_excerpt();?>
<?php else:?>
<?php echo wordpresskt_strim_post_content(120);?>
<?php endif;?></p>
<div class="post-meta">
<div class="post-meta-it author">
<a class="avatar"
href="<?php echo get_author_posts_url(get_the_author_meta('ID'));?>">
<?php echo get_avatar(get_the_author_meta('ID'),24);?>
</a>
<a class="nickname"
href="<?php echo get_author_posts_url(get_the_author_meta('ID'));?>">
<?php the_author();?> </a>
</div>
<span class="post-meta-it dtime">
<i class="fa fa-clock-o"></i><?php the_time('Y-m-d');?></span>
<span class="post-meta-it cats">
<?php the_category(",");?>
</span>
<span class="post-meta-it views">
<i class="fa fa-eye"></i><?php echo wordpresskt_get_postviews(get_the_ID());?></span>
</div>
</div>
</article>
<?php endwhile;?>
<div class="posts-nav">
<?php the_posts_pagination();?>
</div>
<?php else:?>
<?php endif;?>
</main>
</div>
</div>
<?php get_sidebar();?>
</div>
</div>
</div>
<?php get_footer();?>
实际上发现他这里其实还有那个tab切换项列表也还没有做,我觉得那个就是分类列表而已,就很简单,这里我也就不纠结了。
关键字词:置顶,is_sticky
相关文章
-
无相关信息