Question

我想从标题中删除绿色搜索框，但我不知道我必须删除编辑器中的哪个文件和行。

问候。

Answer 1

您不应该编辑默认主题！

创建子主题http://codex.wordpress.org/Child_Themes 该示例实际上显示使用TwentyFourteen

然后将header.php复制到您的子主题文件夹并进行编辑。

这样TwentyFourteen的更新不会覆盖您的更改。当更新到来时，将TwentyFourteen header.php与header.php进行比较并对其进行更新。

或者更好，创建子主题并在父主题导入后将其添加到style.css

.search-toggle, #search-container {display: none;}

然后你根本不需要修改或复制header.php文件。

Answer 2

您需要修改可在header.php找到的WordPress主题的[your_WP_folder]/wp-content/themes/twentyfourteen/header.php文件。

查找<header>部分，然后复制并粘贴下面的代码，而不是原始代码。

<header id="masthead" class="site-header" role="banner">
        <div class="header-main">
                <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>

               <!-- Hide Search button 
               <div class="search-toggle">
                        <a href="#search-container" class="screen-reader-text"><?php _e( 'Search', 'twentyfourteen' ); ?></a>
                </div> 
                -->

                <nav id="primary-navigation" class="site-navigation primary-navigation" role="navigation">
                        <h1 class="menu-toggle"><?php _e( 'Primary Menu', 'twentyfourteen' ); ?></h1>
                        <a class="screen-reader-text skip-link" href="#content"><?php _e( 'Skip to content', 'twentyfourteen' ); ?></a>
                        <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
                </nav>
        </div>

       <!-- Hide Search Form (optional)
       <div id="search-container" class="search-box-wrapper hide">
                <div class="search-box">
                        <?php get_search_form(); ?>
                </div>
        </div>
       -->
</header><!-- #masthead -->

Answer 3

转到your_project/wp-content/themes/twentyfourteen/header.php文件并将其打开。

搜索单词search-toggle和search-container（此单词是可选的）。

.search肘节

<div class="search-toggle">
    <a href="#search-container" class="screen-reader-text"><?php _e( 'Search', 'twentyfourteen' ); ?></a>
</div>

＃搜索容器

<div id="search-container" class="search-box-wrapper hide">
    <div class="search-box">
        <?php get_search_form(); ?>
    </div>
</div>

删除两个html代码块，或者您可以将它们包装在注释中以供以后使用，如下所示：

<!--
    <div class="search-toggle">
        <a href="#search-container" class="screen-reader-text"><?php _e( 'Search', 'twentyfourteen' ); ?></a>
    </div>

    <div id="search-container" class="search-box-wrapper hide">
        <div class="search-box">
            <?php get_search_form(); ?>
        </div>
    </div>
-->

Answer 4

自上而下是正确的。创建子主题非常重要。

但是，在二十四个主题中删除搜索栏的一种更简单方法是将.search-toggle { display: none; }放入您的子css文件中。

以下是有关WordPress customizing twenty fourteen theme以及如何create child theme for twenty fourteen theme的更多信息。

WordPress 2014主题 - 标题搜索框

4 个答案:

.search肘节

＃搜索容器