Посадка верстки и создание тем на CMS WordPress

24 уроков
19 просмотров
6.3 ч.
5000 ₽

Личные консультации

Card image cap
Подробное код-ревью домашнего задания
360 минут

800 ₽

Card image cap
Частный урок по FrontEnd разработке
75 минут

1750 ₽


Программа курса: что вы изучите

1

Введение в системы управления сайтами. CMS Wordpress.

После прохождения этой секции вы будете понимать, что такое CMS (системы управления сайтами), знать их различия и предназначение, уметь устанавливать верстку на движок Wordpress, понимать, что такое хуки и как их правильно использовать.
О чем курс

00:02:12

Описание

В этом уроке мы поговорим про то, зачем вам проходить этот курс

Как будет строится работа на курсе и зачем нам этот модуль

00:01:51

Описание

В этом уроке я расскажу о том, как будет строится работа на этом курсе

Репозиторий с домашними заданиями - https://github.com/yankovalenko94/WordPress

Системы управления сайтами. CMS Wordpress

00:07:30

Описание

В этом уроке мы изучим что такое и зачем используются системы управления сайтами (CMS). Какие виды есть сейчас на рынке и преимущества CMS Wordpress.

Площадка, где я смотрел заказы - https://www.upwork.com/

Textolite - админка для статичных сайтов - https://textolite.ru/

Настройка рабочей среды (опционально)

00:07:50

Описание

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

VSCode - https://code.visualstudio.com/

Node.js - https://nodejs.org/en/

Список необходимых плагинов - тут

Локальные сервера и немного про PHP

00:10:40

Описание

В этом уроке мы познакомимся с понятием локальных серверов, установим свой и поговорим про язык программирования PHP.

MAMP - https://www.mamp.info/en/

Open Server - https://ospanel.io/

Установка Open Server по шагам - https://www.ipipe.ru/info/ustanovka-openserver.html

Установка Wordpress на локальный сервер и "натяжка" верстки

00:47:21

Описание

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

Скачать WordPress - https://ru.wordpress.org/download/

Справочник по WordPress - https://wp-kama.ru/

Сервис для создания пустых шаблонов - https://underscores.me/

Проект для работы - тут

Правильная структура Wordpress темы

00:11:01

Описание

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

Сервис для генерации шаблонов - https://underscores.me/

Проверить домашнее задание - тут

Дополнительный урок. Хуки в WP

00:25:17

Описание

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

База данных всех хуков - https://wp-kama.ru/hooks/hooks-db

add_action() - https://wp-kama.ru/function/add_action

do_action() - https://wp-kama.ru/function/do_action

add_filter() - https://wp-kama.ru/function/add_filter

apply_filters() - https://wp-kama.ru/function/apply_filters


2

Настройка динамического изменения сайта из админки

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

00:15:44

Описание

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

Функция для получения логотипа - https://wp-kama.ru/function/get_custom_logo

bloginfo() - https://wp-kama.ru/function/bloginfo

Активация дополнительных возможностей админки - https://wp-kama.ru/function/add_theme_support

Проверить домашнее задание - тут

Настраиваем пользовательские поля для телефонов, заголовков, изображений и т.д.

00:27:41

Описание

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

Немного про использование картинок - http://acf.wp-book.ru/image/

Проверить домашнее задание - тут

 

Динамический вывод постов и продвинутая работа с произвольными полями

00:26:01

Описание

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

get_posts() - https://wp-kama.ru/function/get_posts

Динамический вывод постов и картинки-превью

00:14:47

Описание

В этом уроке мы продолжим работать с динамическим выводом постов и поработаем с картинками-превью для них.

Вывод картинки-превью - https://wp-kama.ru/function/the_post_thumbnail

Проверить домашнее задание - тут

Карты в Wordpress темах

00:23:11

Описание

В этом уроке мы с вами научимся работать с разными видами карт и настраивать их для заказчика.

Документация по картам - http://acf.wp-book.ru/raspolozhenie-na-karte-google-map/

jquery cdn - https://cdnjs.com/libraries/jquery/

Работа с формами

00:16:21

Описание

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

Проверить домашнее задание - тут

Если у вас возникает проблема с созданием формы

00:01:38

Описание

Если у вас возникает проблема с созданием формы...

Переносим сайт с локального хостинга на настоящий

00:19:52

Описание

В этом уроке мы перенесем сайт с локального сервера на реальный хостинг.

 

Настраиваем reCAPTCHA в наших формах

00:04:25

Описание

В этом уроке мы настроим reCAPTCHA для форм на сайте.


3

Многостраничные сайты

После окончания данной секции вы сможете создавать многостраничные сайты с разной структурой
Шаблоны страниц. Превращаем наш проект в многостраничник

00:17:34

Описание

В этом уроке мы научимся создавать многостраничную структуру wp-темы и шаблоны страниц.

Способы создания страниц - https://wp-kama.ru/id_5177/3-sposoba-sozdat-shablon-stranitsyi.html

Меню в WP. Формируем динамические меню на сайте

00:18:14

Описание

В этом уроке мы научимся создавать динамические меню на сайтах.

Проверить домашнее задание - тут

Страницы для единичных постов. Еще один тип шаблонов

00:25:36

Описание

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

Та самая статья про иерархию - https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post

Перевод статьи на русский - https://wp-kama.ru/id_7654/ierarhiya-fajlov-temy-shablona.html

Дополнительные шаблоны для страниц постов

00:10:11

Описание

В этом уроке мы научимся создавать свои типы записей и шаблоны к ним

Шаблоны страниц для своих типов записей - https://wp-kama.ru/id_8577/shablony-stranitsy-dlya-tipov-zapisej-v-wp-4-7.html

Проверить домашнее задание - https://github.com/yankovalenko94/WordPress/tree/master/Step_7

SEO-оптимизация для wp-темы

00:16:30

Описание

В этом уроке мы поговорим про организацию seo-продвижения вашего сайта.

Про SEO в верстке - тут

Оптимизация скорости загрузки сайта

00:21:31

Описание

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

Про htaccess - https://habr.com/ru/post/154643/

Про font-display - https://developers.google.com/web/updates/2016/02/font-display

Еще про htaccess - https://hostiq.ua/wiki/htaccess/

Что делать дальше? Рецепты и еще один проект

00:04:04

Описание

В этом уроке я расскажу, что делать дальше и как можно еще попрактиковаться

Проект для практики - тут

 



Начните обучение сегодня