Антон Литвиненко

$(window).on('resize', function(e){
  // Переменная, по которой узнаем запущен слайдер или нет.
  var initLib = $('.library-slider').data('init-slider');

  if(window.innerWidth < 768){
    // Если слайдер не запущен
    if(initLib != 1){
      // Запускаем слайдер и записываем в data init-slider = 1
      $('.library-slider').slick({
        arrows: false,
        dots: true,
        slidesToShow: 3,
        slidesToScroll: 1,
        responsive: [
          {
            breakpoint: 576,
            settings: {
              slidesToShow: 2,
              slidesToScroll: 1,
            }
          },
          {
            breakpoint: 480,
            settings: {
              slidesToShow: 1,
              slidesToScroll: 1,
            }
          }
        ]
      }).data({'init-slider': 1});
    }
  }
  // Если десктоп
  else {
    // Если слайдер запущен
    if(initLib == 1){
      // Разрушаем слайдер и записываем в data init-slider = 0
      $('.library-slider').slick('unslick').data({'init-slider': 0});
    }
  }
}).trigger('resize')

Тут явно шапка шире сетки, я бы её ширину ограничил бы шириной макета, а дальше как заказчик захочет.
В вёрстке шапок не использую колонки, обычно это общий враппер шапки, потом иннер с дисплей флекс, лого, меню, кнопка.

<div class="contacts__image" style="background-image: url(<?php echo get_the_post_thumbnail_url(get_the_ID, 'full') ?>);"></div>

// Move jQuery to the footer
function theme_move_jquery_to_footer() {
	wp_scripts()->add_data( 'jquery', 'group', 1 );
	wp_scripts()->add_data( 'jquery-core', 'group', 1 );
	wp_scripts()->add_data( 'jquery-migrate', 'group', 1 );
}
add_action( 'wp_enqueue_scripts', 'theme_move_jquery_to_footer' );

это перенесет в футер все скрипты, если указать их зависимыми от джейквери.

Альтернативное решение

// Enqueue scripts and styles.
function theme_scripts() {
	wp_deregister_script( 'jquery' );
	wp_register_script( 'jquery', includes_url( '/js/jquery/jquery.min.js' ), false, NULL, true );
	wp_enqueue_script( 'jquery' );
}
add_action( 'wp_enqueue_scripts', 'theme_scripts' );

Код, позволяющий добавить категории и теги к страницам

function add_taxonomies_to_pages() {
 register_taxonomy_for_object_type( 'post_tag', 'page' );
 register_taxonomy_for_object_type( 'category', 'page' );
 }
add_action( 'init', 'add_taxonomies_to_pages' );
 if ( ! is_admin() ) {
 add_action( 'pre_get_posts', 'category_and_tag_archives' );
 
 }
function category_and_tag_archives( $wp_query ) {
$my_post_array = array('post','page');
 
 if ( $wp_query->get( 'category_name' ) || $wp_query->get( 'cat' ) )
 $wp_query->set( 'post_type', $my_post_array );
 
 if ( $wp_query->get( 'tag' ) )
 $wp_query->set( 'post_type', $my_post_array );
}

Уберете лишнее под себя

add_action( 'woocommerce_after_shop_loop_item_title', 'custom_show_product_cat', 7 );

function custom_show_product_cat() {
	global $product;
		echo wc_get_product_category_list( $product->get_id(), ', ', '<div class="product-cat">' . _n( 'Category:', 'Categories:', count( $product->get_category_ids() ), 'woocommerce' ) . ' ', '</div>' ); 
}

вот по кастомайзеру, но я все таки склоняюсь к тому что кастомайзер для глобальных настроек а не для настроек конкретной секции конкретной страницы.
https://wp-kama.ru/handbook/theme/customize-api
https://codex.wordpress.org/Theme_Customization_API
https://misha.agency/course/nastrojki-temy-wordpress
Я не представляю себе работу с вп без произвольных полей в принципе, поэтому даже настройки делаю через них а не через кастомайзер.
Опять же, на чем делается секция? гутенберг умеет в бекграунд, все билдеры умеют тоже.

Aljo, Не нужно бороться с редактором. Подходов существует множество, все зависит от того, что ты умеешь, чему не прочь научиться, а что делать не планируешь.
Возьмем как базовый пример например лендинг из 5ти блоков. В одном из блоков слайдер с последними записями блога. В футере и хедере есть номера телефонов и ссылки на соцсети.
Уже если подумать просто редактора недостаточно, чтобы вывести из админки номера телефонов и соцсети.
Может быть несколько подходов. Самый простой - использовать плагин для метаполей, я пользую ACF Pro. С помощью него можно сделать страницу настроек и из нее получать номера телефона и социалки и выводить в хедере с футером. Также это можно сделать через API кастомайзера. Это встроенная система настроек. это уже чуть сложнее, но тоже ничего сверхъестественного. Третьим вариантом вижу виджеты. Регистрируем сайдбары где нужно и из виджетов выводим прямо верстку.
Перейдем к телу лендинга.
Самый простой способ это если есть готовая верстка создать шаблон страницы для этого лендинга и вкинуть в нее всю верстку. Можно разбить на отдельные файлики для удобства. Контент выводить через те же метаполя.
Можно поставить конструктор страниц и сделать на нем. Можно попробовать сверстать на встроенном гутенберге, но так как он довольно уныл из коробки нужно будет поставить пару плагинов, расширяющих его возможности.
Далее как вариант можно делать свои кастомные блоки для гутенберга из готовой верстки.
Вспоминаем что нам нужно в один из блоков вывести слайдер с последними записями. Тут не обойтись без знаний работы с циклами вордпресс и дальше снова либо код прямо в теле ленда, либо выносим в функцию, либо делаем блок для гутенберга либо смотрим умеет ли установленный нами редактор делать такие штуки.
И чем глубже, тем интереснее. Кастомные типы записей и таксономий, интеграция сложного меню с помощью класса wp_walker, создание шорткодов и виджетов, плагинов в конце концов. Кароч, желаю удачи

Обычно сначала я отключаю автоматическое создание параграфов вокруг полей

add_filter('wpcf7_autop_or_not', '__return_false');

Я добавляю некоторые элементы и классы в разметку

<div class="form-group">[text* contact-name id:contact-name class:form-control class:input-text]<label for="contact-name">Name</label></div>
<div class="form-group">[email* contact-email id:contact-email class:form-control class:input-text]<label for="contact-email">Email</label></div>
<div class="form-group">[textarea contact-message x2 id:contact-message class:form-control class:input-text]<label for="contact-message">Message</label></div>
<div class="form-submit">[submit class:gradient-btn class:btn-submit "Send Message"]</div>

Стили

.contact-form-wrapper .wpcf7 .form-group > label {
  position: absolute;
  top: 20px;
  left: 0;
  cursor: text;
  pointer-events: none;
  margin-bottom: 0;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.contact-form-wrapper .wpcf7 .form-group.active > label {
  top: -5px;
  left: 2px;
  font-size: 16px;
  cursor: default;
}

Рекомендую воспользоваться фреймворком MJML, если есть опыт вёрстки, то разобраться с ним пара часов, хорошая документация, есть примеры, онлайн песочница, приложение для компа и возможность запустить под галпом

add_action( 'woocommerce_after_shop_loop_item_title', 'my_show_product_description', 15 );
function my_show_product_description() {
	?>
	<div class="product-short-description">
		<?php woocommerce_template_single_excerpt() ?>
	</div>
	<?php
}

Добавляем поле


Вводим значение


Выводим в шаблоне

$term = get_queried_object();

$test_title = get_field('test_title', $term);

echo $test_title;

Профит

function description_after_subcategory( $category ) {
	echo '<div class="cat-short-descr">' . $category->description . '</div>';
}
add_action( 'woocommerce_after_subcategory', 'description_after_subcategory' );

add_action( 'init', 'remove_my_action');
function remove_my_action() {
     remove_action( 'woocommerce_before_shop_loop','storefront_sorting_wrapper',9 );
}

function wpq_after_subcategory( $category ) {

	$queried_object = get_queried_object();

	if( is_product_category() && $queried_object->parent !== 0 ){
		if ( function_exists( 'wpq_get_min_price_per_product_cat' ) ) {
			echo 'от ' . wpq_get_min_price_per_product_cat( $category->term_id ) . ' ₽/м2';
		}
	}

}
add_action( 'woocommerce_after_subcategory', 'wpq_after_subcategory' );