Вёрстка, с которой мы будем работать

Скриншоты вёрстки, с которой мы будем работать на этом курсе. Но безусловно, курс подходит под любую вёрстку, поэтому, если вдруг вы захотите использовать свою, то так даже будет лучше!

Натяжка вёрстки на WordPress, главная страница сайта
Создаем форму обратной связи в WordPress на основе готовой HTML-вёрстки
Создание темы WordPress на основе готовой HTML-вёрстки

Программа курса

01

Основы создания тем для WordPress

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

02

Динамическое подключение CSS и JavaScript

Знали ли вы, что в WordPress нельзя подключать стили и скрипты обычным способом через теги <link> или <script>?

О том, почему, и как это делать правильно мы и поговорим в этом уроке.

03

Меню

В этом уроке запрограммируем меню нашей вёрстки. Как использовать области меню в случае, если на сайте несколько меню, а также как создавать меню с несколькими уровнями вложенности элементов. И самое главное – научу натягивать абсолютно любую верстку меню, не изменяя её.

04

Структура файлов темы

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

Приступим к натяжке всех остальных страниц вёрстки: страница ошибки 404, страница контактов, страница поста, статичная страницы, архивы категорий и меток.

05

Основной цикл

Цикл WordPress – это стандартный механизм WP, использующийся для вывода практически любого контента на сайте.

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

06

Прилепленные посты

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

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

07

Поиск на сайте

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

08

Изображения. Размеры изображений

Один из самых важны уроков нашего курса – в нём вы узнаете, как WordPress обрабатывает все загруженные изображения, а также о том, как в разных местах сайта использовать разные размеры и при этом не захламить ими место на сервере.

09

Дополнительные циклы

Дополнительные циклы – это когда на какой-то определённой странице, помимо её основного контента, мы выводим посты каким-то ещё образом. В нашей теме два таких места – блок с похожими записями и свежие посты в сайдбаре.

10

Настройка и стилизация редактора Gutenberg

В этом уроке мы сделаем так, что при редактировании записи / страницы в админке они будут выглядеть точно так же, как и на сайте!

Что конкретно мы сделаем: подключим в Gutenberg шрифты – такие же, которые используются в вёрстке, настроим размеры шрифтов и абзацев и межстрочные интервалы, стилизуем заголовки, функционал «Буквицы» (это когда первая буква в абзаце большая), блок цитаты, списки, ширину контента и т.д.

11

Форма обратной связи

В этом уроке я покажу вам как работать с формами в WordPress, и на примере мы подключим форму обратной связи, которая у нас с вами есть в вёрстке, на странице «Контакты». И мы не будем использовать никакие плагины для этого!

12

Виджеты и сайдбары

В этом видеоуроке я покажу вам не только, как по полной использовать стандартный функционал «Виджеты» в WordPress, но и покажу, как отключить те, которые вам не нужны.

13

Пользователи

В этом уроке поработаем в админке, а именно – добавим несколько дополнительных полей в профили пользователей («Инстаграм», «Facebook», «Twitter», «Pinterest»), после чего выведем значения этих полей в блоке об авторе под основным контентом записей.

14

Комментарии

А в этом уроке мы с вами научимся натягивать вёрстку комментариев на функционал в WordPress. Покажу, как можно реализовать поддержку «ответов на комментарий» / древовидных комментариев.

15

Защита от спама

Обычно, стоит вам только опубликовать ваш сайт на WordPress в сети, ждите огромного количества спамных комментариев. Причём самое интересное, что это случается даже, когда у вас на сайте нет функционала комментариев.

В этом уроке покажу лёгкий и действенный способ защиты от спама без плагинов!

16

Мета-поля на примере счётчика просмотров

Мета-поля и метаданные – это ещё одна ключевая тема, в которой нужно разбираться любому разработчику на WordPress. Расскажу и покажу вам несколько способов работы с ними, поделюсь, почему некоторые способы я считаю лучше, а другие хуже. И всё это мы сделаем на примере обычного счётчика количества просмотров контента.

17

Настройки темы

В этом видеоуроке мы с вами добавим в нашу тему немного настроек, а именно – настройку фиксированной/нефиксированной шапки и позволим пользователям изменять текст в футере сайта.

Чтобы подробнее понять, как всё это будет выглядеть и работать – посмотрите это видео:

WordPress – это 40% всех сайтов интернета

Это значит, что имея навыки разработки сайтов на WordPress, вы всегда сможете найти себе работу (неважно, фриланс или офис), как в русскоязычном сегменте интернета, так и в англоязычном.

В подтверждении своих слов вот ссылка на статистику, вот ссылка на результаты поиска на крупнейшей бирже фриланса Upwork по запросу «wordpress».

Отзывы о курсе

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

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

Купить курс
  • 18 видеоуроков
  • Можно скачать готовый код после каждого урока
  • Уроки актуальны под последние версии WordPress
  • Можно начать проходить курс сразу же после оплаты
  • Достаточно базовых знаний HTML и CSS, чтобы пройти курс
  • Доступ навсегда
  • Единоразовый платёж
5000 р3500 р
Скидка 30% до 28 октября