十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
首页分栏: A | B | C
成都创新互联公司是一家专业提供河北企业网站建设,专注与网站设计制作、网站设计、H5网站设计、小程序制作等业务。10年已为河北众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。
对应分类ID: 3 | 4 | 5
写个函数:
function wpdit_get_news( $cat_ID = 0 ) {
if ( !empty( $cat_ID ) ) {
$category__in = absint( $cat_ID );
}
global $wp_query;
$args= array(
'post_type' = 'post',
'post_status' = 'publish',
'category__in' = (array)$category__in
);
$wp_query = new WP_Query( $args );
if ( have_posts() ) :
while ( have_posts() ) : the_post();
the_title();
echo "\n";
// to do loop
endwhile;
endif;
wp_reset_query();
}
在A栏写:
wpdit_get_news(3);
在B栏写:
wpdit_get_news(4);
在C栏写:
wpdit_get_news(5);
简单写了下,你参考参考。
首先定义你css的样式,这三个div应该是一样大小的吧。那就写
.table{width:200px;
height:200px;
padding:5px;
margin:5px;
float:left;}
然后我估计你这三篇文章都是自定义的吧,那就直接在html里面输div class="table"h1第一篇文章/h1p第一篇文章的内容:这里填写自定义内容行了,楼下的调用代码实在是太复杂/p/div
div class="table"h1第一篇文章/h1p第二篇文章的内容:这里填写自定义内容行了,楼下的调用代码实在是太复杂/p/div
div class="table"h1第一篇文章/h1p第三篇文章的内容:这里填写自定义内容行了,楼下的调用代码实在是太复杂/p/div
如果你调用了多篇文章,想3栏显示,可以通过CSS代码来实现,比如:
下面是文章列表:
ul class="wanlimm_colom3"
liWordPress主题index.php制作/li
liWordPress主题index.php制作/li
liWordPress主题index.php制作/li
liWordPress主题index.php制作/li
liWordPress主题index.php制作/li
liWordPress主题index.php制作/li
/ul
如果首页宽度 width:960px;
下面是CSS:
.wanlimm_colom3 li { width:310px; line-height:26px; float:left; margin-left:10px; overflow:hidden; }
最重要的是 width 宽度是3分之1宽, 再就是 float:left; 浮动。
这样基本就实现了3排分栏展示了。
确认下音乐 照片 电影这几个分类下有没有文章,如果没有的话自然是空白
或者确认文章发布时选的是什么分类,如果没有选音乐 照片 电影这几个分类也是没用的