世界最新:一文详解WordPress制作CMS栏目块的方法

时间:2023-03-01 17:20:06       来源:转载

本篇文章给大家带来了关于WordPress的相关知识,其中主要给大家聊聊WordPress是怎么制作CMS栏目块,感兴趣的朋友下面一起来看一下吧,欢迎大家收藏学习!


(相关资料图)

WordPress制作CMS栏目块

有网友提问:首页如果每个栏目都单独成一个列表(类似常规的cms)怎么写啊?类似下面的效果:

其实这个功能还是比较容易实现的,只需用WodPress内置的 WP_Query 类调用指定分类的文章即可,下面用一个具体实例来讲解如何制作CMS栏目块。

1、制作HTML页面

本文就不讲解html页面的制作了,具体的html、css如何制作一个栏目块,请自行学习制作。这里假设你的栏目块是类似以下的html代码:

登录后复制

2、获取分类链接

分类链接我们可以用静态的网址,也可以用动态的获取的方式。静态方式就是直接将上面的http://历史分类链接/改成你的分类链接。动态获取分类链接有很多方式,可以通过分类id来获取,可以通过分类别名来获取,也可以通过分类名称来获取。这里介绍通过分类名称来获取分类链接,代码:

登录后复制

用上面的php代码替换html中的http://历史分类链接/,代码看起来是这样:

">历史">更多
登录后复制

3、获取分类文章列表

我们需要动态获取该分类下的指定数量的文章,然后动态输出到html的ul列表中,这里需要用到 WP_Query 类,WP_Query有很多参数,这里只介绍2个简单的,其他参数请参阅文档或上网搜索。

我们将html做如下修改,加入WP_Query调用代码:

    "历史", // 分类名称 "posts_per_page" => 10 // 最多显示的文章数 ) ); if ( $the_query->have_posts() ) { while ( $the_query->have_posts() ) { $the_query->the_post(); // get_permalink()是获取文章链接 // get_the_title()是获取文章标题 echo "
  • " . get_the_title() ."
  • "; } } else { echo "
  • 该分类没有文章
  • "; } // WP_Query结束都要重置一下 // 以免影响其他代码 wp_reset_postdata();?>
登录后复制

4、限制文章标题字数

可能文章标题很长,超出了栏目块的范围。我们可以限制一下文章标题的字数,超出的用...代替,将第3点中的get_the_title()替换成以下代码即可:

mb_strimwidth(get_the_title(), 0, 28, "...")
登录后复制

一个汉字是2个字符,上面的28代表最多显示14个汉字,超出的用...代替。长度自选。

完整代码

下面是通过以上修改后的完整代码,多个分类块就依此类推:

">历史 ">更多

    "历史", // 分类名称 "posts_per_page" => 10 // 最多显示的文章数 ) ); if ( $the_query->have_posts() ) { while ( $the_query->have_posts() ) { $the_query->the_post(); // get_permalink()是获取文章链接 // get_the_title()是获取文章标题 echo "
  • " . mb_strimwidth(get_the_title(), 0, 28, "...") ."
  • "; } } else { echo "
  • 该分类没有文章
  • "; } // WP_Query结束都要重置一下 // 以免影响其他代码 wp_reset_postdata(); ?>
登录后复制

推荐学习:《WordPress教程》

以上就是一文详解WordPress制作CMS栏目块的方法的详细内容,更多请关注php中文网其它相关文章!

关键词: 相关文章 还是比较 我们需要