ЗАНЯТИЕ 1. Профессиональная инфраструктура WordPress-сайта: VPS, перенос и рабочее окружение
Цель занятия: Освоить базовую логику профессиональной инфраструктуры WordPress-сайта: подготовить VPS или рабочее окружение, перенести сайт или его копию, проверить запуск и понять, как безопасно работать с проектом на серверном уровне.
Темы занятия:
Настройка профессиональной инфраструктуры для возможных конфигураций WordPress-сайта: сайт на обычном хостинге; сайт исходно на VPS; новый проект с нуля; перенос копии сайта на технический домен.
Создание VPS: регион, Ubuntu LTS, ресурсы, IPv4, способ входа, стоимость.
Первое подключение: SSH, терминал, root, sudo, базовая логика работы в Linux.
Подготовка сервера: обновление системы, Nginx, PHP, MariaDB, Certbot, Firewall.
Создание пространства под сайт: пользователь, каталог сайта, права доступа, виртуальный хост.
Перенос сайта: файлы, база данных, конфигурация WordPress, проверка запуска.
Переключение домена: DNS, A-запись, TTL, проверка через браузер и сетевые команды.
Финальная проверка.
Домашнее задание: Написать короткий отчёт:
какой VPS создан, локация, тариф;
какие основные команды выполнялись;
где возникли трудности;
как они были решены;
Ссылка на сайт;
скриншот админки WordPress.
ЗАНЯТИЕ 2. Настройка VPS и управление персональным сервером
Цель занятия: настроить базовую защиту VPS, установить и настроить удобные инструменты управления сервером и сайтом.
Темы занятия:
Проверка работоспособности VPS после переноса сайта.
Защита SSH: создание рабочего пользователя, настройка авторизации по ключам, отключение входа под root и по паролю.
Настройка межсетевого экрана UFW и открытие только необходимых портов.
Защита сервера от перебора паролей с помощью Fail2ban.
Настройка автоматической установки обновлений безопасности.
Установка панели мониторинга сервера Cockpit.
Настройка безопасного файлового доступа по SFTP.
Установка и настройка Adminer для управления базой данных.
Создание резервных копий сайта и базы данных перед потенциально опасными изменениями.
Контроль состояния сервера: нагрузка, память, диски, службы и журналы.
Проверка корректности работы всех настроек и восстановления доступа в случае ошибок.
Домашнее задание: Короткий отчёт:
какие меры защиты включены;
какие порты открыты;
какой интерфейс управления установлен;
скриншот панели управления.
ЗАНЯТИЕ 3. Многоуровневые шаблоны, динамический контент и управляемая структура сайта
Цель занятия: научиться использовать Elementor Pro для создания управляемой структуры WordPress-сайта с динамическим контентом, повторяемыми компонентами и едиными правилами вывода.
Темы занятия:
Theme Builder как главный инструмент управления структурой сайта в Elementor Pro.
Условия отображения шаблонов: весь сайт, отдельные страницы, записи, архивы и исключения.
Вывод динамического заголовка, изображения, текста, даты, автора, рубрик и тегов.
Создание шаблона архива записей.
Понимание архива как автоматического списка материалов.
Создание карточки записи для повторяемого вывода материалов.
Использование Loop Grid для вывода записей, проектов, услуг.
Настройка внешнего вида карточки: изображение, заголовок, фрагмент текста, кнопка перехода.
Создание повторяемого CTA-блока.
Использование CTA-блока как глобального компонента сайта, а не как разовой декоративной секции.
Создание страницы 404 в общем стиле сайта.
Проверка созданных шаблонов на десктопе, планшете и телефоне.
Типичные ошибки Theme Builder.
Итоговая сборка минисистемы сайта: хедер, футер, шаблон записи, архив, карточка, CTA-блок и 404.
Домашнее задание:
Создать на своем сайте один управляемый раздел — блог, каталог материалов, список услуг, портфолио или мини-каталог товаров.
ЗАНЯТИЕ 4. Проектирование структуры данных сайта
Цель занятия: научиться отделять данные от оформления и создавать универсальные шаблоны страниц на основе ACF Pro и Elementor.
Темы занятия:
Почему обычных страниц WordPress уже недостаточно: переход от текста к структурированным данным.
Установка и настройка ACF Pro: интерфейс, группы полей и принципы их организации.
Основные типы полей ACF и практические сценарии их применения.
Условия отображения полей (Conditional Logic): создание интеллектуальных форм заполнения.
Правила размещения групп полей: страницы, записи, категории, пользователи, медиафайлы и другие объекты WordPress.
Создание структуры данных для типовой сущности сайта (например, «Курс», «Лекция» или «Проект»).
Использование динамических данных ACF в Elementor: текст, изображения, ссылки, кнопки и другие элементы.
Построение универсального шаблона страницы, автоматически отображающего содержимое полей ACF.
Заполнение нескольких материалов по созданному шаблону без изменения дизайна страницы.
Типичные ошибки при проектировании структуры данных и способы их избежать.
Практическая работа: создание полностью функциональной карточки объекта на базе ACF Pro и Elementor.
Итоги занятия: принципы проектирования сайтов, в которых контент существует независимо от оформления.
Темы занятия: Создать собственную структуру данных для одного объекта сайта.
создать группу полей;
подобрать оптимальные типы полей;
использовать Conditional Logic минимум один раз;
собрать шаблон страницы в Elementor;
создать две разные записи, работающие через один шаблон.
ЗАНЯТИЕ 5. Создание персональной CMS на WordPress
Цель занятия: освоить продвинутые возможности ACF Pro и научиться создавать масштабируемые сайты с централизованным управлением контентом без программирования.
Темы занятия:
Repeater: создание повторяющихся структур данных (FAQ, преимущества, тарифы, этапы работы, расписания и другие типовые блоки).
Галереи ACF: организация портфолио, проектов и фотоколлекций с использованием динамических данных Elementor.
Relationship: построение связей между объектами сайта (курсы, преподаватели, проекты, статьи и другие взаимосвязанные сущности).
Options Pages: создание единого центра управления глобальными настройками сайта (контакты, реквизиты, социальные сети, логотипы, CTA-блоки и другие общие данные).
Clone Fields: повторное использование групп полей и создание библиотеки компонентов сайта.
Flexible Content: построение сложных страниц из заранее подготовленных функциональных секций.
Интеграция ACF с шаблонами Elementor (Single и Archive): создание универсальных страниц для целых разделов сайта.
Обзор профессиональных возможностей ACF Pro: Local JSON, экспорт и импорт групп полей, синхронизация проектов, пользовательские типы записей и таксономии.
Проектирование структуры данных для масштабируемых сайтов: как избежать хаоса при дальнейшем развитии проекта.
Типичные ошибки при разработке сложных проектов и рекомендации по организации структуры данных.
Домашнее задание: Создать законченный раздел сайта. Обязательные элементы:
минимум один Repeater;
одна Gallery;
одна Options Page;
хотя бы одна связь Relationship или Clone Fields (на выбор);
полностью рабочий шаблон Elementor.
После выполнения студент записывает короткое видео из админки, в котором демонстрирует то, как происходит редактирование контента.
ЗАНЯТИЕ 6. Code Snippets Pro: безопасное расширение возможностей WordPress
Цель занятия: научиться безопасно изменять поведение WordPress с помощью Code Snippets Pro, не редактируя файлы темы и не устанавливая десятки мелких плагинов.
Темы занятия:
Почему Code Snippets Pro стал стандартом современной доработки WordPress?
Почему нельзя использовать functions.php для постоянных модификаций сайта?
Устройство сниппета: жизненный цикл, области выполнения и порядок загрузки.
Создание, тестирование и безопасный запуск PHP-сниппетов.
CSS- и JavaScript-сниппеты как альтернатива правкам темы.
Практические примеры небольших доработок WordPress без установки дополнительных плагинов.
Работа с хуками: Actions и Filters на простых жизненных примерах.
Организация библиотеки сниппетов: категории, комментарии, именование и документация.
Поиск и устранение ошибок: безопасное отключение проблемного кода и восстановление сайта.
Лучшие практики сопровождения сниппетов и подготовка сайта к дальнейшему развитию.
Домашнее задание: С помощью Code Snippets Pro создать не менее пяти независимых сниппетов, каждый из которых решает одну конкретную задачу.
ЗАНЯТИЕ 7. Code Snippets Pro как инструмент профессиональной разработки сайта
Цель занятия: научиться использовать Code Snippets Pro как центральный инструмент интеграции WordPress, Elementor и ACF Pro при создании сложных проектов.
Темы занятия:
Где заканчиваются возможности настроек WordPress и начинается собственная разработка.
Совместная работа Code Snippets Pro, Elementor и ACF Pro.
Создание собственных шорткодов и их использование в Elementor.
Динамический вывод данных ACF с помощью PHP.
Условная логика отображения элементов сайта.
Изменение административной панели и пользовательского интерфейса WordPress.
Подключение собственных CSS- и JavaScript-файлов только на необходимых страницах.
Создание собственной библиотеки повторно используемых решений для разных проектов.
Когда достаточно сниппета, а когда необходимо писать полноценный плагин.
Практическая сборка нескольких реальных функций сайта исключительно средствами Code Snippets Pro.
Типичные ошибки начинающего разработчика и способы их предотвращения.
Архитектура сопровождаемого WordPress-проекта: как не превратить сайт в набор случайных решений.
Домашнее задание: Придумайте улучшение собственного сайта, которое можно реализовать одним или несколькими сниппетами. Описать кратко:
какую задачу решает функция;
почему он выбрал именно такое решение;
какие плагины удалось не устанавливать благодаря Code Snippets Pro.
ЗАНЯТИЕ 8. Внутренняя оптимизация WordPress
Цель занятия: научиться анализировать производительность WordPress-сайта, находить ресурсы, замедляющие загрузку страниц, и безопасно оптимизировать работу Elementor, CSS, JavaScript, шрифтов и изображений с помощью Asset CleanUp Pro и инструментов тестирования.
Темы занятия:
Что такое производительность сайта и из чего складывается время загрузки.
Почему современные темы и плагины перегружают WordPress.
Как браузер загружает CSS, JavaScript, шрифты и изображения.
Asset CleanUp Pro: философия “загружать только необходимое”.
Анализ ресурсов страницы.
Отключение лишних CSS и JavaScript.
Оптимизация Elementor.
Практическая работа с Google PageSpeed Insights и GTmetrix.
Контроль изменений и поиск причин ухудшения производительности.
Баланс между функциональностью и скоростью.
Типичные ошибки при оптимизации WordPress.
Домашнее задание: Зафиксировать исходное состояние и сохранить результаты:
Google PageSpeed Insights;
GTmetrix (или аналогичного сервиса);
время полной загрузки страницы;
количество запросов;
общий объем загружаемых ресурсов.
ЗАНЯТИЕ 9. Внешний контур производительности сайта
Цель занятия: понять, как DNS, SSL, кэширование и CDN влияют на скорость и устойчивость сайта, и научиться настраивать Cloudflare для ускорения загрузки, защиты проекта и эффективной доставки контента пользователям.
Темы занятия:
Что происходит после того, как пользователь нажал Enter в браузере?
DNS, TLS, CDN и маршрут запроса простыми словами.
Cloudflare как внешний уровень защиты и ускорения сайта.
Настройка DNS в Cloudflare.
SSL, HTTPS и режимы шифрования.
Edge Cache и Browser Cache.
Правила кэширования страниц и статических ресурсов.
Оптимизация изображений и современные форматы.
Защита сайта от вредоносного трафика и базовые настройки WAF.
Проверка эффективности с помощью PageSpeed Insights и WebPageTest.
Когда CDN действительно ускоряет сайт, а когда почти бесполезен.
Комплексная стратегия ускорения WordPress-проекта.
Домашнее задание:
Выполнить оптимизацию (Разрешается использовать только методы, рассмотренные на занятии):
отключение ненужных CSS;
отключение ненужных JavaScript;
оптимизация Elementor;
удаление лишних ресурсов;
прочие возможности Asset CleanUp Pro.
После оптимизации повторить все тесты.
В нескольких предложениях ответить:
что оказалось самым эффективным;
какие изменения почти ничего не дали;
какие функции пришлось оставить, несмотря на потерю скорости.
ЗАНЯТИЕ 10. Итоговая защита проектов и стратегия дальнейшего развития WordPress-сайта
Защита итоговых проектов:
Каждый студент демонстрирует готовый сайт и рассказывает о принятых технических решениях.
Комплексный аудит сайта:
Проверка проекта по нескольким направлениям:
архитектура;
производительность;
безопасность;
удобство сопровождения;
масштабируемость.
План развития сайта после курса:
Какие направления стоит изучать дальше:
WooCommerce;
мультиязычность;
REST API;
Headless WordPress;
автоматизация;
интеграции;
современные AI-инструменты.
Вам нужно войти или зарегистрироваться