Создание темы WordPress — Урок 19 Цикл WordPress. Натяжка верстки на блог

Автор Denis Lisitsin
Создание темы WordPress — Урок 19  Цикл WordPress. Натяжка верстки на блог

Приветствую вас дорогие друзья на связи.

Шевченко Вячеслав и мы продолжаем работу до нашего края стены сегодняшнее видео уроки мы с вами начнем создавать блог в нашем. Давайте перейдем на страницу HTML где у нас выводятся страница блога и посмотрим какие элементы у нас здесь есть 1 на сверху есть заголовком странице стоит лом есть основной контейнер который содержит список постов в каждом посте у нас постоянно заголовок дополнительная информация дата автор и также количество комментариев есть краткое описание поста и также ссылка читать далее справа у нас расположен sidebar в котором мы будем выводить виджеты. Давайте перейдём на наш сайт и обратимся к странице блох страница блок отвечает у нас за вывод списка постов в админке зайти в админку в настройках.

Я уже поставил ответственность за вывод постов на страницу блока он здесь есть пункт settings и у нас есть поспишь поспишь в котором нужно выбрать страницу которая будет отвечать за вывод постов у меня — это блок.

А мы здесь уже выбирали homebridge и я думаю вам уже — это настройка знакомо так закрываем переходим сюда и посмотри на данный момент у нас здесь выводится у нас вводится полный список и. Акбар водится так как нам всё, что нам необходимо сделать — это поставить нужную разметку и поставить нужно стереть чтобы всё красивенько здесь отображалось у нас есть уже есть заголовок поста информация о дате публикации поста также есть категория и у нас есть теги. А давайте перейдём в. Редактор И по утрам на файлы с которыми нам предстоит работать за вывод постов WordPress теме отвечает файл index.php в данном файле выводится весь этот список когда мы определяем автоблог у нас будет выводить посты при обращении к странице блока загружается данный шаблон index.php — это нужно запомнить нас есть подключение хедера futura sidebar с помощью функции и также основной контент который мы поговорим чуть позже. Давайте посмотрим теперь функцию PHP здесь у нас проверка если какие-либо виджеты в данном сервере если их нет возвращается просто реборн и никакой HTML в принципе не отображается дальше есть HTML и есть функция Dynamic sidebar в которой передаётся параметрам — это сайдбара минификатор сайдбара которой нужно выводить дальше в index.php у нас здесь есть функция которая подключает кусочек HTML с PHP которые будут водиться в цикле. Давайте теперь поговорим немного о цикле которые у нас здесь расположен данный цикл массив который содержит пасты нашего блога в каждой итерации цикла while выводим информацию об одном текущем информация о данном посте содержится в переменной пост на каждую новую операцию — это переменная пост переписывается новыми данными переписывается она с помощью функции The Past в цикле WordPress то есть в данном цикле while мы можем вводить информацию о посте с помощью специальных функций они называются тегами шаблона или функция тега. Кому как удобнее эти функции выглядят следующим образом Z есть функция the dead и так далее кроме этих функций мы можем также вывести с помощью при обращение к переменной пост переменная посмотри содержит объект паста и обращаюсь кого свойствам мы можем вывести информацию о постах. Давайте посмотрим если у нас в данном цикле переменная пост. Выведи на её с помощью. Вартан и здесь нажмем. Дай так переходим на страницу обновим и. Видимо нас вывелся так. Давайте удалим пока данный. Фёдоров смотрим. У нас появился объект у которого есть информация о посте такая как — это автор поста дата паста паста. Там и так далее с помощью пост мы можем выводить к примеру какую-либо информацию обратившись к свойству объекта давайте выйдем ID поста сохраняем обновляем опять же. Давайте удалим и выйдем и видим, что у нас появился здесь это. Теперь давайте перейдем редактор. И начнём заполнять нашу страницу правильная разметка перейдём в папку с HTML шаблонов откроем страницу Block HTML и посмотрим, что у нас здесь есть первое, что мы добавим. Это голубая полоска которая находится в начале. Давайте Скопируй моё зайдём в index.php и здесь после Get header выведем данную полоску сохраняем и посмотрим, что у нас здесь есть полоска появилась. Всё отлично. Так добавили голубую полоску. И теперь я могу продемонстрировать перезапись переменной пост я говорил, что переменная пост переопределяется в каждой операции с помощью функции The Past. Давайте посмотрим Post ID поста и комментируем данную функцию The Past так обновляем и видим, что у нас один и тот же пост и айдишник у нас одинаковые так функция так как переменная пост не перезаписывается. Давайте ещё раз комментируем The Past обновим страницу видим, что посты у нас уже выводятся новые то есть каждая операция вводится новый новый просто как запросу на срабатывает вернёмся обратно и удалим даны. Вардан следующая, что нам нужно сделать — это вывести заголовок нашей странице так как у нас здесь он статический. А давайте воспользуемся функцией Single Post title замечательно справиться с этой задачей так скопированная здесь прелесть в шаблоне. Андерс то, что уже функции которые нам нужны они уже находятся в шаблонах и нам всего лишь нужно проделать какие-либо незатратные операции чтобы вернуть эти данные в нужную нам разметку и вывести вас на наших страницах так обновим и увидим, что поменялся наш blocklist на блок и функции отработала отлично.

0 комментариев
0

Читайте также