Тоша Марсик

можно пойти трудным путём и заюзать jquery :

Допустим страница содержит следующий текст:

 <ul class="list l1">
   <li class="item i1"> Высоко </li>	
   <li class="item i2"> Быстро </li>	
   <li class="item i3"> Сильно </li>	
 </ul>
 <ul class="list l2">
   <li class="item i1"> Выше </li>	
   <li class="item i2"> Быстрее </li>	
   <li class="item i3"> Сильнее </li>	
 </ul>

следующие два выражения будут равнозначны

 $(".i1").replaceWith("<li class='item'>Тест</li>");
 
 $("<li class='item'>Тест</li>").replaceAll($(".i1"));

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

 <ul class="list l1">
   <li class='item'>Тест</li>	
   <li class="item i2"> Быстро </li>	
   <li class="item i3"> Сильно </li>	
 </ul>
 <ul class="list l2">
   <li class='item'>Тест</li>	
   <li class="item i2"> Быстрее </li>	
   <li class="item i3"> Сильнее </li>	
 </ul>


Помимо html-текста, можно заменять одни элементы страницы другими. При этом, вставляемые элементы будут не скопированы, а перемещены. Например следующий код

 $(".l2 i2").replaceWith($(".l1 i1"));

изменит первоначальную страницу следующим образом:

 <ul class="list l1">
   <li class="item i2"> Быстро </li>	
   <li class="item i3"> Сильно </li>	
 </ul>
 <ul class="list l2">
   <li class="item i1"> Выше </li>	
   <li class="item i1"> Высоко </li>	
   <li class="item i3"> Сильнее </li>	
 </ul>


Рассмотрим пример с использованием пользовательской функции. Добавим драматичности элементам из второго списка:

 $(".l2 .item").replaceWith(function(){
     return ' <li class="item" > '+$(this).text()+', я кому сказал! </li>';
 });

в итоге, текст первоначальной страницы станет следующим:

 <ul class="list l1">
   <li class="item i1"> Высоко </li>	
   <li class="item i2"> Быстро </li>	
   <li class="item i3"> Сильно </li>	
 </ul>
 <ul class="list l2">
   <li class="item"> Выше, я кому сказал! </li>	
   <li class="item"> Быстрее, я кому сказал! </li>	
   <li class="item"> Сильнее, я кому сказал! </li>	
 </ul>

первый вопрос : а зачем ?
а теперь возможно ответ на Ваш вопрос : вы можете создать кастомный темплейт для любой страницы в WordPress - создать страницу и задать ей этот самый темплейт, и в настройках определить отображение не последних записей из блога, а статическую страницу (на которой вы предварительно воткнули код) - всё готово.
Ориентировочный код :

<?php
/*
Template Name:  Допустим главная страница
*/
?>
<?php get_header(); ?> //тут можете вызвать шапку если нужна, а можете и не вызывать

тут ваш контент

 <?php get_sidebar(); ?> //тут можете вызвать сайдбар если нужен, а можете и не вызывать
 
<?php get_footer(); ?> //тут можете вызвать подвал если нужен, а можете и не вызывать

sublime text 2 +emmet

https://vk.com/video-79831840_170983801
там всё доходчиво объяснено. +исходники+готовый результат.) удачи)

.общий контейнер {
display: flex;
flex-wrap:wrap;
}
.эти итемы {
margin:auto;
}

ну как вариант .

может быть Вы уточните вопрос : что необходимо прокручивать на Вашем сайте ? с пейджпилингом всё абсолютно просто даже для тех кто с jquery не сталкивался ни разу. у альваротриго насколько я знаю есть пример страницы :
верхняя часть сайта с использованием пейджпилинга, а сразу под этой секцией идет обычный сайт.
Пример :
alvarotrigo.com/fullPage/examples/oneSection.html

вы просто не уточнили, что именно вы хотите.