Кастомизация header шаблона TwentyTwenty

Я использую шаблон TwentyTwenty на своем сайте.

введите сюда описание изображения

Хочу вставить вместо Elementor #7 или Пример страницы поле ввода input для Поиска (это значение placeholder). Подскажите, что надо сделать для этого (я видел только как редактировать записи: типа "Привет, мир", я искал на Редактирование шаблона wordpress - не нашел).

P. S. уже нашел Форма поиска в шапке сайта wordpress


Ответы (1 шт):

Автор решения: Valerii Vasiliev

Нужно создать дочернюю тему и в ней изменить header.php

  1. Создать папку twentytwenty-child в папке wp-content/themes/

  2. В новой папке создать следующие файлы

style.css

/*
Theme Name: Twenty Twenty Child Theme
Theme URI: #
Description: Twenty Twenty Child Theme
Author: #
Author URI: #
Template: twentytwenty
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

functions.php

<?php
/* enqueue scripts and style from parent theme */        
function twentytwenty_styles() {
    wp_enqueue_style( 'parent', get_template_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'twentytwenty_styles');
  1. Скопировать header.php из папки wp-content/themes/twentytwenty/ в папку wp-content/themes/twentytwenty-child/

  2. В файле wp-content/themes/twentytwenty-child/header.php

Найти фрагмент

if ( has_nav_menu( 'primary' ) || ! has_nav_menu( 'expanded' ) ) {
                        ?>

                            <nav class="primary-menu-wrapper" aria-label="<?php esc_attr_e( 'Horizontal', 'twentytwenty' ); ?>" role="navigation">

                                <ul class="primary-menu reset-list-style">

                                <?php
                                if ( has_nav_menu( 'primary' ) ) {

                                    wp_nav_menu(
                                        array(
                                            'container'  => '',
                                            'items_wrap' => '%3$s',
                                            'theme_location' => 'primary',
                                        )
                                    );

                                } elseif ( ! has_nav_menu( 'expanded' ) ) {

                                    wp_list_pages(
                                        array(
                                            'match_menu_classes' => true,
                                            'show_sub_menu_icons' => true,
                                            'title_li' => false,
                                            'walker'   => new TwentyTwenty_Walker_Page(),
                                        )
                                    );

                                }
                                ?>

                                </ul>

                            </nav><!-- .primary-menu-wrapper -->

                        <?php
                    }

Заменить его на

 <?php get_search_form( $echo = true ); ?>
  1. Админ - внешний вид - Темы. Активировать тему "Twenty Twenty Child Theme"

  2. Результат

введите сюда описание изображения

→ Ссылка