头文件.php |更改搜索位置

Question

我怎样才能使 search 进入第二行标题的 storefront_primary_navigation 和 storefront_header_cart 之间？使用下面的 PHP 代码。如果我在 CSS 中进行这些更改，它在移动设备上看起来很难看。那么这可以在 PHP 中完成吗？如果是，我应该在哪个文件中进行更改以及更改是什么？

现在我在标题中有两行：
第一行：徽标 |次要导航 |产品搜索
第二行：primary_navigation | header_cart

现在标题看起来像：

PHP：

<header id="masthead" class="site-header" role="banner" <?php if ( get_header_image() != '' ) { echo 'style="background-image: url(' . esc_url( get_header_image() ) . ');"'; } ?>>
        <div class="col-full">

            <?php
            /**
             * @hooked storefront_skip_links - 0
             * @hooked storefront_social_icons - 5
             * @hooked storefront_site_branding - 10
             * @hooked storefront_secondary_navigation - 15
             * @hooked storefront_product_search - 20
             * @hooked storefront_primary_navigation - 25
             * @hooked storefront_header_cart - 30
             */
            do_action( 'storefront_header' ); ?>

        </div>

需要输出： 第一行：徽标 |二级导航
第二行：primary_navigation |产品搜索 | header_cart

Manoj 变化：

Answer 1

您需要找到名为“storefront_header”的操作。在您的主题文件中搜索它。如果您使用 sublime text 2 并打开主题目录，您可以使用 ctrl-shift-f 一次搜索所有文件。

Answer 2

这类似于此处的问题/答案：Sample product, Change location of price，很高兴您对那里的答案发表了评论；）

PHP 编辑：

在下面的代码中，您将覆盖 Storefront 挂钩包含/优先顺序。因此storefront_product_search 将包含在storefront_primary_navigation 之后，其优先级值为25。

在functions.php 中包含以下代码。

remove_action( 'storefront_header', 'storefront_product_search', 20 );

add_action( 'storefront_header', 'storefront_product_search', 26 );

CSS 编辑：

.woocommerce-active .site-header .main-navigation {
  width: 58.913%; /* Changed to occupy the Search in same line */
}

.site-search:nth-of-type(1) {
   display: none; 
}

第二个 CSS 规则是删除第一次出现的搜索栏的 hack，它不是标准解决方案。由于我无权访问您的 PHP 代码，因此很难预测两个搜索栏问题的原因。可能有其他操作干扰钩子并撤消 remove_action PHP 代码或其他地方更改了优先级。

输出：