Queen2

get_template_directory_uri()

Получает URL родительской темы (вернет URL родительской темы, даже если используется дочерняя). Не содержит закрывающий слэш.

Используйте функцию get_stylesheet_directory_uri(), если нужно получить URL дочерней темы, когда она используется.

Ознакомьтесь — https://wp-kama.ru/question/chto-luchshe-ispolzova...

https://wp-kama.ru/function/get_template_directory_uri

Попробуйте так

<?php 
$args = array(
  'post_type' => 'post',
  'posts_per_page' => -1
);

$query = new WP_Query( $args );

while ( $query->have_posts() ) {
  $query->the_post();

  the_title();
}

wp_reset_postdata();

?>

Цикл WordPress — универсальная штука, в зависимости от того какой раздел сайта вы просматриваете, та информация и будет подгружаться. Совершенно нормально если на обычный странице данный код выведет заголовок.

В вашем случае, подозреваю, дело в настройках сайта — для главной страницы указана статическая страница, а не последние записи. Выберете настройку Выводить последние записи и цикл будет выдавать Заголовки последних N постов

На других страницах передаете id главной в функции вывода строк и полей?

// Вариант 1. Привязываем контекст и первые по порядку параметры
function someFunk(a, b, event) {
	console.log(a, b, event);
}
element.addEventListener('click', someFunk.bind(null, 1, 2));

// Вариант 2. Используем интерфейс EventListener
function someFunk(event) {
	console.log(this.a, this.b, event);
}
element.addEventListener('click', {handleEvent: someFunk, a: 1, b: 2});

Вы можете добавить булев флаг "базовая единица", которая будет обозначать самую главную единицу измерения в своей группе. Кроме этого нужно добавить поля для указания ссылки на референсную единицу и коэффициент приведения к ней.
Тогда
1) у каждой единицы измерения будет всегда фиксированный набор атрибутов, и не надо редактировать все старые записи.
2) в рамках своей группы всегда можно привести значение к базовой единице, а потом к искомой - всего два преобразования, а если одна из единиц конвертации базовая, то одно.

Если есть вложения, то нужно менять в callback. Например node.querySelector('.title').textContent

<div class="menu">menu 1</div>
<div class="menu">menu 2</div>
<div class="menu">menu 3</div>
<div class="menu">menu 4</div>
<div class="menu">menu 5</div>

Array.from(document.querySelectorAll('.menu'), node => node.textContent);
//["menu 1","menu 2","menu 3","menu 4","menu 5"]

Array.from(document.querySelectorAll('.menu')).map(selector => selector.innerHTML);

Потому что вот так:

.icon-facebook:hover::before{
  color: red;
}

Либо:

.icon-facebook {
  color: #ccc;
}
.icon-facebook::before {
  content: "\e900";
}
.icon-facebook:hover{
  color: red;
}

https://help.github.com/articles/cloning-a-repository/

Можно так

.slick-slide img {
    max-width: 100%;
}

Смотреть в сторону flex:
.button-menu {
...
display: flex;
align-items:center;
}

Что-то на странице не сжимается до границ родительский области (максимальный размер — экран), и «выталкивается» создавая такую область. Пройдись по элементам инспектором, он подсветит их, что позволит найти. Обычно такое происходит с картинками, картами и заголовками.

Советую начинать любую верстку со следующего CSS правила:

* {
  margin: 0;
  padding: 0;    /* не всегда актуально, но и не навредит */
  box-sizing: border-box;
}

Поставьте этот код в начало стилей и лишние отступы пропадут.
* - это универсальный селектор, который обращается ко всем элементам в разметке и применяет им указанные в скобках свойства

это user agent stylesheet. тобишь дефолтные стили для этого элемента от браузера. от твоих стилей это не зависит. а 60px ты видишь потому что у этого дефолтного стиля значение 1em. погугли про em единицы измерения

% 10 - дает остаток от деления на 10. Что то же самое, то последняя цифра числа. /= 10 - делит нацело на 10, или отбрасывает последнюю цифру.

Вот так этот цикл и пробегается по всем цифрам числа a.

Нет

Отступы. Включите линейки - на них будут настройки отступов в графическом виде.