Николай Миронов

Здравствуйте, записывал видео для решения похожей задачи: Бутстрап слайдер на ACF Pro (https://youtu.be/N1H_F-ycnKw). Принцип для других слайдеров такой же, по идее можно сделать и вариант на бесплатном ACF

Я бы попробовал следующим образом
1) Создаете слой размером с ваш тайл
2) Конвертируете слой в смарт-объект
3) Дублируете смарт-объект 3 раза, чтобы разместить копии в стык к друг к другу
4) Заходите в редактирование смарт-объекта
5) Открываете окна в ФШ так, чтобы видеть и смарт-объект и документ со слоями
6) Profit: при каждом сохранении смарт-объекта документ будет автоматически обновляться и вы будете видеть резульат

Здравствуйте. Добавьте текстовому блоку position: relative; и z-index: 10;
должно помочь

Здравствуйте. Даже в крайнем варианте, когда ваша работа будет сводиться к "вот вам вордовский файл, поставьте новость на сайт" будет иметь ряд плюсов:
- вы получите опыт работы,
- прокачаете ответственность,
- узнаете как работает компания,
- узнаете что такое CMS (системы управления контентом),
- как устроено управление сайтом в большой компании.

Я не знаю что за компания, которая предлагает вакансию и как там устроены процессы. Возможно не все направления будут доступны именно в вашем варианте. Из контент-менеджера при должном любопытстве и усердии можно расти в

Веб-аналитик: бизнес (руководство/отдел маркетинга и т.д.) ставит задачи по сайту, вы формируете ТЗ, проверяете выполнение задач ИТ-отделом, презентуете результат бизнесу. Причем тут много уровней: линейный сотрудник, руководитель проекта, qa-специалист...

Копирайтер: вместо готового текста вам ставят задачу, написать текст для сайта. Это может быть сбор информации в интернете, или описание процессов в компании или много чего еще. Дальнейший рост в сторону редактора.

Веб-разработчик* в зависимости от инструментов с которыми придется работать, вы можете познакомиться с HTML-кодом и стилями CSS, или же научитесь собирать готовые страницы с помощью веб-конструкторов, что в дальнейшем даст вам возможность создавать сайты или даст толчок в изучении программирования.

Интернет-маркетолог: вы будете отвечать не столько за содержание страницы, сколько за ее конверсию, это и настройка рекламных кампаний и работа с контентом и немножко копирайтинг.

Здравствуйте, обратите внимание на поддержку флекс-боксов современными браузерами: https://caniuse.com/?search=flexbox
В 21-м году от браузерных префиксов для флекс-боксов можно уже и отказаться.

Здравствуйте, вам нужно слайдер разместить внутри header, вот таким образом:

<header>
 <div class="header__inner"></div>
 <div class="slider"></div>
</header>

Тогда в CSS получим:

header {
 position: relative;
}

.header__inner {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 99;
}

Div с классом container можно разместить внутри .header__inner если он вам там нужен. В предложенном варианте навгиация разместится сверху поверх слайдера, а слайдер будет занимать всю ширину экрана

Попробуйте add_theme_support( 'title-tag' ); добавить в functions.php

Для начала посмотрите структуру массива, например так

$pliusi = get_field('pliusi');
print_r($pliusi);

Получите в выводе строку примерно такого содержания: Array( key_1 => value1, key2 => some_value )

После этого, обратиться к элементам массива, зная соответсвующие ключи

echo  '<div class="pliusi">'.  $pliusi["key_1"] . '  ' . $pliusi["key2"]  .'</div>

Обозначу несколько тезисов, в которых уверен и, надеюсь, что-то из этого будет вам полезно

1. Контентная часть в 1000 - 1200 пикселей является удобной для чтения текста на больших мониторах. Если растянуть текстовый блок, например на 1600px или больше его просто неудобно будет читать.

2. Если у вас контент и дизайн-элементы ограничены 1200 пикселями, то в принципе все равно в каком размере вы рисуете макет / с каким разрешением пользователь будет просматривать сайт 1366px / 1440px / 1600px / 1920px. Везде будет один дизайн, отличаться будет только размер полей. (Для макетов выберите любую ширину > 1300px)

3. Количество макетов, которые должен предоставить дизайнер зависит от многих факторов. В некоторых случаях достаточно только десктопа, нормальный верстальщик сам добавит адаптивность или будет использовать тот же бутстрап. В других дизайнер может нарисовать дополнительно макет для мобильной версии, например, чтобы показать как изменится размер шрифтов, отступов, положение интерфейсных элементов. Если дизайн не квадратно-гнездовой и содержит сложные элементы, состоящие из разных блоков, то стоит отрисовать несколько состояний.

4. В принципе для мобильной версии хорошо-бы нарисовать 2 варианта, для больших и маленьких экранов. Минимальное размер сайта для мобильного телефона 320px, максимальный приближается к 900px (длинная сторона 11-го айфона).

Маленькие экраны, это разрешение от 320px (и меньше) и до 480px/576px/640px. Для адаптивной верстки берите минимальное разрешение, для резиновой верстки любой размер из данного диапазона. По идее, вы как дизайнер сами можете выбирать как должен сайт себя вести в данном диапазоне.

Сверстал пару примеров, сузьте окно браузера, чтобы посмотреть поведение карточек
Адаптивная верстка https://codepen.io/solidcreature/pen/zYoOZVa
Резиновая верстка https://codepen.io/solidcreature/pen/vYyBmGY

5. Количество колонок и параметры сетки в Бутстрапе можно изменять и ставить свои значения. Да и 4-й бутстрап на столько гибкий, что в нем легко можно верстать элементы, не попадающий в сетку. Поэтому ориентируйтесь на хорошую композицию, логичное расположение элементов и т.д.

Каждый кулик свое болото хвалит. Я бы, например, советовал учить WordPress, через пару месяцев вы сможете стать веб-разработчиком, который может делать сайты целиком. В этом плане найти заказ на фрилансе будет в разы проще.

Здравствуйте, у вас высота дива 100% судя по инспектору, а не 36% как вы написали выше.
Я не до конца понял суть вопроса, поэтому напишу несколько "советов", может быть что-то из этого сработает

1) Для задания высоты блока используйте единицы vw или vh вместо процентов. С помощью vw можно получить div нужных пропорций, а с помощью vh управлять высотой блока относительно высоты окна браузера.

2) Используйте для заданий масштаба фона значения cover или contain. Background-size: cover растянется так, чтобы занять всю высоту и ширину элемента, при этом края обрежутся. Background-size: contain покажет фоновую картинку целиком, при любых пропорциях элемента, но будут пустые поля.

Если вы знаете количество элементов и можете задать высоту для UL, то флексом решается очень просто

.col2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 600px;
  height: 300px;
}

.col2 li { 
  height: 25%;
  width: 50%;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
}

Здравствуйте. Попробуйте добавить в начало цикла setup_postdata($page); и не забудьте wp_reset_posdata(); после окончания цикла