WordPress 优化404页面

wordpress主题自带的404页面过于简单,只是显示了一个page not found,左侧区域空荡荡的,与右侧的侧边栏搭配丑的一p。于是就尝试进行改造了一下,第一次改造在404页面加了下部的随机文章。代码如下:

<!-- 显示随机文章 -->
<h4 class="entry-title">
<?php esc_html_e( 'Random Posts' , 'olsen-light' ); ?>
</h4>
<div>
<?php           
                        $args = array( 'numberposts' => 20, 'orderby' => 'rand', 'post_status' => 'publish' );
                        $rand_posts = get_posts( $args );
                        foreach( $rand_posts as $post ) : ?>
    <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?> - <?php the_modified_date(); ?></a></li>
<?php endforeach; ?>
</div>


今天心血来潮,觉得可以根据访问的404页面的url直接进行搜索展示可能得访问页面或者结果。我不是专业的php程序员,边搜索边写,硬拼凑了这些代码实现了这个功能,效果如上图所示,整体来说就河蟹多了。

代码也非常简单:

<?php get_header(); ?>
<div class="row">
<div class="col-lg-12 col-12">
<main id="content" role="main" itemprop="mainContentOfPage" itemscope="itemscope" itemtype="http://schema.org/Blog">
<div class="row">
<div class="col-md-12">
<img style="border-radius:20px; " alt="  I love highheels!  " src="https://img.h4ck.org.cn/highheels/pink.jpg"/>
<article class="entry">
<h2 class="entry-title">
<?php esc_html_e( 'Page not found' , 'olsen-light' ); ?>
</h2>
<div class="entry-content">
<?php esc_html_e( 'The page you were looking for can not be found! Perhaps try searching?', 'olsen-light' ); ?>
<?php get_search_form(); ?>
</div>
</article>
<h4 class="entry-title">
<?php esc_html_e( 'Similar Posts' , 'olsen-light' ); ?>
</h4>
<div>
<?php
                        global $wp;
                        // 获取当前url路径
                        $current_slug = add_query_arg( array(), $wp->request );
                        //echo($current_slug);
                        // 路径进行拆分
                        $keywords = explode('/', $current_slug);
                        $search_keyword_string = $keywords[count($keywords)-1];
                        // urldecode 进行关键字处理
                        $search_keyword_string = urldecode_deep($search_keyword_string);
                        $search_keyword_string = str_replace('-', '', $search_keyword_string);
                        // echo($search_keyword_string);
                        // 使用 - 进行关键词拆分
                        $args = array('s'=>$search_keyword_string);
                        // echo("Url Keywords: "+ $args[0]);
                        // The Query 查询
                        $the_query = new WP_Query( $args );
                        if ( $the_query->have_posts() ) {
                                //_e("
<h2 style='font-weight:bold;color:#000'>Search Results for: ".get_query_var('s')."</h2>
");
                                while ( $the_query->have_posts() ) {
                                   $the_query->the_post();
                                         ?>
 
    <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?> - <?php the_modified_date(); ?></a></li>
 
                                         <?php
                                }
                        }
                    ?>              
 
<hr />
</div>
<!-- 显示随机文章 -->
<h4 class="entry-title">
<?php esc_html_e( 'Random Posts' , 'olsen-light' ); ?>
</h4>
<div>
<?php           
                        $args = array( 'numberposts' => 20, 'orderby' => 'rand', 'post_status' => 'publish' );
                        $rand_posts = get_posts( $args );
                        foreach( $rand_posts as $post ) : ?>
    <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?> - <?php the_modified_date(); ?></a></li>
<?php endforeach; ?>
</div>
</div>
</div>
</main>
</div>
<!-- 
 
<div class="col-lg-4 col-12">
<?php 
        // 禁用侧边栏
        //get_sidebar(); 
        ?>
</div>
 
    -->
</div>
<?php get_footer(); ?>

2020.09.18更新内容:

如果要支持分词搜索,请先按照此文安装phpjieba:https://img.h4ck.org.cn/2020/09/让wordpress支持分词搜索/

然后修改搜索代码:

$result = jieba($search_keyword_string);
    //echo($result);
    foreach($result as $value){
    //echo "{$value}<br />";
    $args = array('s'=>$value);
    $the_query = new WP_Query( $args );
    if ( $the_query->have_posts() ) {
        //_e("<h2 style='font-weight:bold;color:#000'>Search Results for: ".get_query_var('s')."</h2>");
        while ( $the_query->have_posts() ) {
        $the_query->the_post();
        ?>
        <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?> - <?php the_modified_date(); ?></a></li>
        <?php
        }
        }
    }

修改之后效果

参考链接:

https://stackoverflow.com/questions/14802498/how-to-display-wordpress-search-results

https://wordpress.org/support/topic/url-decode/

https://developer.wordpress.org/reference/classes/wp_query/#search-parameters

原创文章,转载请注明: 转载自 obaby@mars

本文标题: 《WordPress 优化404页面》

本文链接地址: http://h4ck.org.cn/2020/09/wordpress-%e4%bc%98%e5%8c%96404%e9%a1%b5%e9%9d%a2/

分享文章:

猜你喜欢:

一条评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注