【问题标题】:Wordpress Search Bar Result a Blank White PageWordpress 搜索栏结果为空白白页
【发布时间】:2019-05-21 22:53:18
【问题描述】:

我有一个简单的search form在我的博客侧边栏,它将只搜索blogs。

<form action="<?php echo get_site_url() ?>" method="GET">
   <input type="search" name="s" placeholder="Click to Search" class="fld-search" required/>
   <input type="hidden" name="post_type" value="post">
   <button class="btn-search"><i class="fa fa-search" aria-hidden="true"></i></button>
</form>

这是网址:http://dev.wonder.lk/blog/

以下是我应用的搜索类型,

  1. 博客中可用的值 - 对于某些值,它会给出结果,但有时会显示未找到。 例如: 搜索 hello(但您可以在存档中看到 Hello World 博客)
  2. 搜索其他post_type 值 - 结果是空白页,即使我看不到页眉或页脚。 例如: 搜索 ninja 这是一种产品类型

这些是代码,

search.php

<?php
while ( have_posts() ) : the_post();
   if(isset($_GET['post_type'])) {
           $type = $_GET['post_type'];
           if($type == 'product') {
              get_template_part( 'woocommerce/archive', 'product' ); //working fine
           } else {
              get_template_part( 'framework/template-parts/page/search', 'post' );
           }
   } else {
           get_template_part( 'framework/template-parts/page/search', 'post' );
   }
   endwhile;
?>

search-post.php

<?php

get_header();

//Page Title Bar
$pageTitle = 'Search results for: "'.get_search_query().'"';
echo page_title_bar( $pageTitle, get_template_directory_uri().'/framework/assets/images/pg-title-bar.jpg');
?>

<div class="container blog-wrapper page-container">
    <div class="row">
        <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
            <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

                <?php
                    // Include Blog Posts List
                    get_template_part('framework/template-parts/post/blog', 'post-list');
                ?>

            <?php endwhile; ?>

            <div class="pagination-wrapper">
                <?php pagination(); ?>
            </div>

            <?php else: ?>
                <h3>No results found for: '<?php echo get_search_query(); ?>'</h3>
            <?php endif; ?>
        </div>

        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
            <?php
                // Include Blog Sidebar
                get_template_part('framework/template-parts/post/blog', 'sidebar');
            ?>
        </div>
    </div>
</div>


<?php get_footer(); ?>

blog-sidebar 和 blog-post-list 是 HTML 结构。

如果您需要更多详细信息,请询问我。

【问题讨论】:

  • 请将您的代码以及完整的代码和文件放到您的代码所在的位置。
  • 您好,您为什么要从头开始构建搜索表单?您正在使用 wordpress...
  • @GarthBaker 这是因为我正在构建自己的主题,在看到您的评论后我尝试了` ` 它给了我同样的结果,先生
  • @dev_ramiz_1707 请参考我链接的问题
  • 您是否尝试搜索“Thirundi Test”这个词。因为这也适用于您的网站。

标签: php wordpress woocommerce wordpress-theming woocommerce-theming


【解决方案1】:

Wordpress 有一个内置功能可以为您提供搜索表单

 <?php 
    get_search_form();
 ?>

https://developer.wordpress.org/reference/functions/get_search_form/

【讨论】:

  • 这给了我同样的结果,先生
【解决方案2】:

更新search.php 后工作正常,如下所示,

<?php

get_header();

//Page Title Bar
$pageTitle = 'Search results for: "'.get_search_query().'"';
echo page_title_bar( $pageTitle, get_template_directory_uri().'/framework/assets/images/pg-title-bar.jpg');
?>

<div class="container blog-wrapper page-container">
    <div class="row">
        <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
            <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

                <?php
                    // Include Blog Posts List
                    get_template_part('framework/template-parts/post/blog', 'post-list');
                ?>

            <?php endwhile; ?>

            <div class="pagination-wrapper">
                <?php pagination(); ?>
            </div>

            <?php else: ?>
                <h3>No results found for: '<?php echo get_search_query(); ?>'</h3>
            <?php endif; ?>
        </div>

        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
            <?php
                // Include Blog Sidebar
                get_template_part('framework/template-parts/post/blog', 'sidebar');
            ?>
        </div>
    </div>
</div>


<?php get_footer(); ?>

如果我得到一个合理且描述清楚的答案,我可以为该答案提供赏金。

【讨论】:

    猜你喜欢
    • 2016-05-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-12-30
    • 1970-01-01
    • 2011-10-16
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多