WordPress如何制作CMS栏目块

寻技术 CMS教程 2023年07月12日 109

这篇文章主要介绍“WordPress如何制作CMS栏目块”,在日常操作中,相信很多人在WordPress如何制作CMS栏目块问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”WordPress如何制作CMS栏目块”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

1、制作HTML页面

这里假设你的栏目块是类似以下的html代码:

<div class="box">
   <!-- 分类名称及链接 -->
   <h4>
      <strong><a href="https://www.19jp.com">

2、获取分类链接

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

<?php
  $catid = get_cat_ID('历史'); // 历史是分类名称
  echo get_category_link($catid); // 输出分类链接
?>

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

<strong><a href="https://www.19jp.com">

3、获取分类文章列表

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

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

<ul class="iconBoxT14">
   <?php
      // 传递调用参数
      $the_query = new WP_Query( 
                  array(
                      'category_name' => '历史',  // 分类名称
                      'posts_per_page' => 10     // 最多显示的文章数
                  ) ); 
      if ( $the_query->have_posts() ) {
         while ( $the_query->have_posts() ) {
            $the_query->the_post();
            
            // get_permalink()是获取文章链接
            // get_the_title()是获取文章标题
            echo '<li><a href="https://www.19jp.com">

4、限制文章标题字数

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

mb_strimwidth(get_the_title(), 0, 28, '...')

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

完整代码

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

<div class="box">
   <!-- 分类名称及链接 -->
   <h4>
      <strong><a href="https://www.19jp.com">
关闭

用微信“扫一扫”