RiPro主题可以在后台设置首页分类块展示，有4个固定位置，可以左右滑动，能添加N个分类，但是，样式设计的不够好看，单纯的分类展示是ok的。如果想向用户输出更多信息，原始样式是远远不够的。

所以今天，酷课网为大家带来RiPro主题教程：首页推荐分类美化。

美化后增加了分类描述输出，占用位置更小，如图：

原始样式展示：

废话不多说，来看教程吧：

1、点击下载CSS文件，文件内的代码粘贴到 主题–顶部设置–顶部CSS里面 保存

2、修改主题文件/主题目录/parts/home-mode/catbox.php，替换代码：

改为

<div class=”entry-thumbnails-17codesign”>
<h3 class=”entry-title-17codesign”><?php echo esc_html( $category->cat_name ); ?></h3>
<span class=”description-17codesign”><p><?php echo category_description( $cat_id ); ?></p></span>
<div class=”group-17codesign”>
<div class=”thumbnail-17codesign”><img class=”lazyload” data-src=”<?php echo esc_url( $thumbnails[0] ); ?>” alt=””></div>
<div class=”thumbnail-17codesign”><img class=”lazyload” data-src=”<?php echo esc_url( $thumbnails[1] ); ?>” alt=””></div>
<div class=”thumbnail-17codesign”><img class=”lazyload” data-src=”<?php echo esc_url( $thumbnails[2] ); ?>” alt=””></div>
<span>+<span class=”counter”><?php echo esc_html($category->category_count); ?></span></span>
</div>
</div>

2、保存即可