WordPress主题YIA文章页的相关推荐样式如何从一栏调整为双栏？

boke112百科自从更换上themebetter团队开发的博客主题YIA之后，越用越喜欢。虽然这款YIA主题相对其他主题来说比较简单，但是基本上满足我的需求，最为关键的是这款收费主题的代码竟然不加密，这样我们就可以进行个性化修改了。

比如YIA主题文章页底部的“相关推荐”，在PC端默认的样式是单栏。具体如下图所示：

个人觉得这样显示的话右侧太空旷，感觉不太好，如果能够变成双栏显示可能会更完美一些，所以boke112百科就对YIA主题进行了小调整，将其调整为双栏显示。具体如下图所示：

YIA主题文章页底部的“相关推荐”，在手机端默认的样式是单栏（PS：其实手机端的单栏显示我还是比较喜欢的）。具体如下图所示：

调整为双栏样式后，在手机端默认的样式如下图所示：

本次YIA主题的调整，是在不修改style.css文件的基础上，直接将文章页的“相关推荐”模仿首页的“置顶推荐”的输出即可实现。

如果你也想要将文章页的“相关推荐”调整为“置顶推荐”，只需要参考以下操作即可：

1、进入并打开/yia/modules/temps.php文件，找到yia_temp_article_relevant()函数，将第92行代码：

$cache_data = '<div class="article-relevant yia-rds8"><div class="yia-card-title"><h3>' . $title . '</h3></div>';

修改为：

$cache_data = '<div class="index-top" data-roll="1 2"><div class="widget-on-phone widget yia-stick-list"><h3 class="yia-card-title">' . $title . '</h3>';

2、将第144行代码：

$cache_data .= '<ul class="widget-post-list layout-one">'.$list.'</ul>';

修改为：

$cache_data .= '<ul class="widget-post-list layout-two">'.$list.'</ul>';

3、将第149行代码：

$cache_data .= '</div>';

修改为：

$cache_data .= '</div></div>';

最后，保存temps.php文件，刷新前台文章页即可看到底部“相关推荐”PC端和手机端的样式都从一栏变成了双栏。

如果你还在为不知道购买什么WordPress主题发愁，不妨试试themebetter团队开发的博客主题YIA，boke112百科觉得还不错哦！

本文地址：https://boke112.com/post/11725.html