60.3 тыс
6
4.2 млн
Наука и технологии
От 0 до 1
Натяжка верстки на wordpress
Привет, в этом видео полностью с нуля натяну или посажу как угодно говорить) верстку на cms wordpress, сделаю все пошагово, акцентируя внимание на ключевых моментах. Будет топово, и вы научитесь не только натягивать такие проекты, а еще и похожие. Также расскажу разные примеры из практики! Кайфуем! =) Ссылка на html архив:
Видео по устанковке Open Server :
Ссылка на Open Server/ospanel:
Мой курс по верстке -
patreon -
Ссылка на телеграм канал:
00:02:32 Open Server 00:05:18 Создание базы данных 00:08:38 Загрузка WordPress 00:11:07 Установка WordPress 00:16:36 Создание собственной Темы 00:18:39 Заголовки Темы в файле style.css 00:22:02 Создание обложки для собственной Темы 00:25:54 Файл - functions.php 00:26:59 Файлы - header.php и footer.php 00:28:47 Функции - get_header() и get_footer() 00:30:08 Про обновление страницы с очисткой кеша 00:31:52 Подключение стилей 00:32:37 Функция - wp_head() 00:32:57 Про ХУКИ в WordPress 00:38:58 Функция - wp_enqueue_style() 00:42:09 Функция - get_stylesheet_uri() 00:43:40 Функция - get_template_directory_uri() 00:47:19 Подключение дополнительных файлов стилей 00:49:56 О странном названии ХУКА wp_enqueue_scripts 00:51:26 Регистрация дополнительных возможностей Темы 00:51:51 Функция - add_theme_support() 00:54:06 Подключение скриптов JavaScript 00:55:36 Функция - wp_enqueue_script() 00:58:31 Подключение библиотеки jQuery 01:03:46 Создание шаблона страницы home.php 01:09:31 Функция - bloginfo() 01:12:41 Функция - language_attributes() 01:14:52 Замена путей к изображениям - bloginfo('template_url') 01:21:56 Интеграция функциональности 01:23:31 Регистрация изображений к записям - add_theme_support('post-thumbnails') 01:26:05 Добавление записей через админку 01:31:48 Цикл WordPress "The Loop" 01:35:59 Как устроен цикл WordPress 01:38:02 Функция - the_title() 01:42:15 Функция - the_content() 01:42:54 Функция - the_post_thumbnail() 01:52:15 Плагин - Contact Form 7 02:00:12 Функция - do_shortcode() 02:03:08 Регистрация логотипа - add_theme_support('custom-logo') 02:06:20 Функция - the_custom_logo() 02:08:15 Про БЭМ нейминг 02:11:17 Кастомные поля 02:11:45 Плагин - ACF 02:13:01 Добавление мета поля для номера телефона 02:15:51 Функция - the_field() 02:18:53 Доп. поле для атрибута tel: 02:22:52 Добавление мета полей для соц. сетей 02:28:51 Разделение полей на группы 02:35:29 Добавление мета полей Адрес и Время работы 02:40:47 Добавление мета полей для главного экрана 02:44:43 Добавление мета поля для изображения 02:49:57 Размышления на тему БЭМ нейминг VS WordPress 02:56:25 Добавление мета полей с типом Редактор WordPress 03:03:26 Резюме по реализации мета полей с типом Редактор WordPress 03:15:07 Добавление мета полей для секции - Преимущества 03:22:35 Резюме по реализации секции Преимущества 03:25:48 Добавление записи для псевдо страницы - Политика конфиденциальности 03:28:22 Функция - get_page_link() 03:29:12 Исправление Цикла - get_posts(['category']) 03:31:12 Создание шаблона страницы single.php 03:34:31 Создание шаблона страницы header-private.php 03:38:10 Параметр функции - the_field( $post_id ) 03:39:41 Заключение - Резюме Подпишитесь на канал, если вам понравилось данное видео:
Видео по устанковке Open Server :
Ссылка на Open Server/ospanel:
Мой курс по верстке -
patreon -
Ссылка на телеграм канал:
00:02:32 Open Server 00:05:18 Создание базы данных 00:08:38 Загрузка WordPress 00:11:07 Установка WordPress 00:16:36 Создание собственной Темы 00:18:39 Заголовки Темы в файле style.css 00:22:02 Создание обложки для собственной Темы 00:25:54 Файл - functions.php 00:26:59 Файлы - header.php и footer.php 00:28:47 Функции - get_header() и get_footer() 00:30:08 Про обновление страницы с очисткой кеша 00:31:52 Подключение стилей 00:32:37 Функция - wp_head() 00:32:57 Про ХУКИ в WordPress 00:38:58 Функция - wp_enqueue_style() 00:42:09 Функция - get_stylesheet_uri() 00:43:40 Функция - get_template_directory_uri() 00:47:19 Подключение дополнительных файлов стилей 00:49:56 О странном названии ХУКА wp_enqueue_scripts 00:51:26 Регистрация дополнительных возможностей Темы 00:51:51 Функция - add_theme_support() 00:54:06 Подключение скриптов JavaScript 00:55:36 Функция - wp_enqueue_script() 00:58:31 Подключение библиотеки jQuery 01:03:46 Создание шаблона страницы home.php 01:09:31 Функция - bloginfo() 01:12:41 Функция - language_attributes() 01:14:52 Замена путей к изображениям - bloginfo('template_url') 01:21:56 Интеграция функциональности 01:23:31 Регистрация изображений к записям - add_theme_support('post-thumbnails') 01:26:05 Добавление записей через админку 01:31:48 Цикл WordPress "The Loop" 01:35:59 Как устроен цикл WordPress 01:38:02 Функция - the_title() 01:42:15 Функция - the_content() 01:42:54 Функция - the_post_thumbnail() 01:52:15 Плагин - Contact Form 7 02:00:12 Функция - do_shortcode() 02:03:08 Регистрация логотипа - add_theme_support('custom-logo') 02:06:20 Функция - the_custom_logo() 02:08:15 Про БЭМ нейминг 02:11:17 Кастомные поля 02:11:45 Плагин - ACF 02:13:01 Добавление мета поля для номера телефона 02:15:51 Функция - the_field() 02:18:53 Доп. поле для атрибута tel: 02:22:52 Добавление мета полей для соц. сетей 02:28:51 Разделение полей на группы 02:35:29 Добавление мета полей Адрес и Время работы 02:40:47 Добавление мета полей для главного экрана 02:44:43 Добавление мета поля для изображения 02:49:57 Размышления на тему БЭМ нейминг VS WordPress 02:56:25 Добавление мета полей с типом Редактор WordPress 03:03:26 Резюме по реализации мета полей с типом Редактор WordPress 03:15:07 Добавление мета полей для секции - Преимущества 03:22:35 Резюме по реализации секции Преимущества 03:25:48 Добавление записи для псевдо страницы - Политика конфиденциальности 03:28:22 Функция - get_page_link() 03:29:12 Исправление Цикла - get_posts(['category']) 03:31:12 Создание шаблона страницы single.php 03:34:31 Создание шаблона страницы header-private.php 03:38:10 Параметр функции - the_field( $post_id ) 03:39:41 Заключение - Резюме Подпишитесь на канал, если вам понравилось данное видео:
