B2主题美化之修改搜索空白页提示

老白博客7B2主题美化修改教程系列：如图所示，老白在wordpress网站的7B2主题中进行搜索，在没有搜到结果时，主题就会弹出如下的提示框。内容显示为“暂无相关结果”，但是这个完全没啥意义，没搜到用户就直接走了。所以可以改一下：在搜索不到结果的时候，可以加上相关的提示，或者直接加个链接，跳转到求助界面，或者发帖。

1.修改搜索文字提示

就是文章旁边这个：搜索结果

1.1 文字修改

在B2主题根目录，search.php文件，或者b2child/search.php文件中搜索：search-page-title

原代码为：

<div class="b2-single-content wrapper single-sidebar-hidden">
    <div id="primary-home" class="wrapper">
        <div class="search-page-title mg-b box b2-radius">
            <?php echo $post_type[$type]; ?>
            <p><?php echo sprintf(__('关键词 [%s] 的搜索结果：','b2'),'<span class="red">'.$key.'</span>'); ?></p>
        </div>
        <?php get_template_part( 'Search/'.$type ); ?>
    </div>
</div>

修改关键词这行即可，这个老白客博/31194.html就是你想设置的，搜索不到结果后跳转的网址

<p><?php echo sprintf(__('<a href="https://www.x老cbt白m博客w.com/31194.html">搜不到想要的资源？猛点这里</a>','b2'),'<span class="red">'.$key.'</span>'); ?></p>

说明

此处可以设置跳转到求助圈子，或者搜索技巧提示文档

1.2 文字样式修改

在主题或者子主题的style.css，修改为你想要的就行，字体大小，颜色和位置

.search-page-title p {
    font-size: 14px;
    color: #aaaeb3;
    border-left: 1px solid red;
    padding-left: 8px;
    margin-left: 8px;
}

2.修改结果页面提示

2.1 演示效果

修改后效果如下：

2.2 修改方法

此处为隐藏内容，评论后查看

老白提示代码中需要修改的就下面的部分，充分发挥你们的想象力修改吧😂😂😂

图片默认地址：https://pic.imgdb.cn/item/674db075d0e0a243d4dc2e07.png
跳转后的界面地址：https://www.xcbt老m白w.com

关于搜索部分的优化教程：

7B2主题美化之圈子搜索结果页调整

WordPress搜索结果页面人机验证

B2主题美化之首页动态视频搜索模块

3.更多推荐

关于7B2主题论坛圈子，我以前做了很多修改调整和美化，大家可以点击文末标签阅读！

B2主题通用美化：https://www.xcbtmw.com/tag/b2-theme-beautify

B2主题圈子美化：https://www.xcbtmw.com/tag/b2_theme_circle

WordPress顶级优化教程：https://www.xcbtmw.com/tag/wordpress_optimization