如何在WordPress中迅速创建CMS栏目块?

avatar
作者
筋斗云
阅读量:0
在WordPress中,要快速制作CMS栏目块,可以使用“古腾堡”编辑器的“栏目”区块。具体操作如下:,,1. 打开你要编辑的页面或文章,进入古腾堡编辑器。,2. 点击“+”图标,搜索“栏目”。,3. 选择“栏目”区块并将其添加到编辑器中。,4. 根据需要调整栏目设置,如列数、对齐方式等。,5. 将其他内容(如文本、图片等)添加到栏目中。,6. 保存更改并预览页面,确保栏目显示正确。

在WordPress中,CMS栏目块的制作可以通过多种方法实现,包括自定义开发、使用插件和主题功能,本文将详细介绍如何使用WordPress内置的WP_Query类快速制作CMS栏目块。

如何在WordPress中迅速创建CMS栏目块?

制作HTML页面

需要创建一个包含分类名称及链接、文章列表的基本HTML结构。

 <div class="box">    <!分类名称及链接 >    <h3>       <strong><a href="http://历史分类链接/">历史</a></strong>       <em><a href="http://历史分类链接/">更多</a></em>    </h3>    <!文章列表 >    <ul class="iconBoxT14">       <li><a href="http://文章1链接">文章1标题</a></li>       <li><a href="http://文章2链接">文章2标题</a></li>       <li><a href="http://文章3链接">文章3标题</a></li>       <li><a href="http://文章4链接">文章4标题</a></li>    </ul> </div>

获取分类链接

可以使用静态或动态方式获取分类链接,动态获取分类链接的方法如下:

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

将上述代码替换html中的静态链接,代码如下:

 <strong><a href="<?php echo get_category_link(get_cat_ID('历史')); ?>">历史</a></strong> <em><a href="<?php echo get_category_link(get_cat_ID('历史')); ?>">更多</a></em>

获取分类文章列表

使用WP_Query类动态获取指定分类下的文章列表,修改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="' . get_permalink() .'">' . get_the_title() .'</a></li>';          }       }       else {          echo '<li><a href="#">该分类没有文章</a></li>';       }       // WP_Query结束都要重置一下       // 以免影响其他代码       wp_reset_postdata(); ?> </ul>

限制文章标题字数

如果文章标题过长,可以使用mb_strimwidth函数来限制字数:

 echo '<li><a href="' . get_permalink() .'">' . mb_strimwidth(get_the_title(), 0, 28, '...') .'</a></li>';

完整的代码如下:

 <div class="box">    <!分类名称及链接 >    <h3>       <strong><a href="<?php echo get_category_link(get_cat_ID('历史')); ?>">历史</a></strong>       <em><a href="<?php echo get_category_link(get_cat_ID('历史')); ?>">更多</a></em>    </h3>    <!文章列表 >    <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="' . get_permalink() .'">' . mb_strimwidth(get_the_title(), 0, 28, '...') .'</a></li>';          }       }       else {          echo '<li><a href="#">该分类没有文章</a></li>';       }       // WP_Query结束都要重置一下       // 以免影响其他代码       wp_reset_postdata(); ?> </ul>

FAQs:常见问题解答

1、如何在首页为每个栏目单独生成一个列表?

可以在首页模板文件中使用多个WP_Query实例,分别调用不同分类的文章列表,可以分别为“历史”、“科技”、“文化”等分类创建独立的栏目块,每个栏目块的HTML结构和WP_Query调用代码类似,只需调整分类名称和样式即可。

2、如何限制文章标题的字数?

使用mb_strimwidth函数可以限制文章标题的字数。mb_strimwidth(get_the_title(), 0, 28, '...')限制在28个字符以内,超出部分用省略号表示,根据需要调整字符数。

如何在WordPress中迅速创建CMS栏目块?


WordPress 快速制作 CMS 栏目块的详细步骤

在WordPress中制作CMS(内容管理系统)栏目块是一个提高网站内容组织效率和用户体验的过程,以下是一份详细的步骤指南,帮助您快速制作CMS栏目块。

准备工作

在开始之前,请确保您已经:

1、登录到您的WordPress后台。

2、您拥有相应的权限来编辑页面或创建新页面。

步骤一:创建新页面或编辑现有页面

1、进入WordPress后台,点击“页面”>“所有页面”。

2、点击“添加新页面”或选择一个已有的页面进行编辑。

步骤二:启用“编辑页面”模式

1、在页面列表中,点击“启用编辑页面”按钮,这将允许您在页面编辑器中直接操作。

步骤三:插入栏目块

1、在页面编辑器中,点击“插入”>“块”。

2、在块库中搜索“栏目”或“自定义列表”等关键词,选择合适的栏目块插入到页面中。

如何在WordPress中迅速创建CMS栏目块?

步骤四:配置栏目块

1、插入栏目块后,您会看到一个配置界面。

2、根据需要配置以下选项:

:为栏目块设置一个标题。

:可选,为栏目设置子标题。

:添加栏目内容,可以是文字、图片、视频等。

布局:选择栏目的布局样式,如单列、双列等。

样式:调整颜色、字体等样式,以符合您的网站设计。

步骤五:保存页面

1、完成栏目块的配置后,点击页面编辑器下方的“更新”或“发布”按钮,保存您的更改。

步骤六:预览和发布

1、在页面编辑器中点击“预览”按钮,查看栏目块的效果。

2、确认无误后,点击“更新”或“发布”按钮,将页面发布到您的网站。

通过以上步骤,您可以在WordPress中快速制作出专业的CMS栏目块,从而提升网站的内容管理和用户体验,如果您需要进一步定制或优化,可以参考WordPress的文档或寻求专业开发者的帮助。

    广告一刻

    为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!