
В этом уроке мы проведем подготовительные работы и начнем верстать сайт по макету.
В этом уроке мы будем верстать шапку сайта.
В этом уроке мы будем верстать раздел сайта "О нас".
В этом уроке мы будем верстать раздел сайта "Команда".
В этом уроке мы будем верстать раздел сайта "Услуги".
В этом уроке мы будем верстать раздел сайта "Контакты".
В этом уроке мы будем делать адаптивную версию нашего сайта для планшетов и смартфонов.
В этом видео уроке мы будем делать меню на JavaScript Сделаем плавное перемещение в меню. А так же анимация превращение бургера в крестик на CSS будет реализована в нашем скрипте с помощью jQuery.
Установка CMS Wordpress очень проста и в этом видео мы рассмотрим как это сделать. Рассмотрим системные требования Wordpress и выполним все подготовительные работы для создания своей темы на Wordpress.
В этом уроке я покажу как создать свою тему на Wordpress. Рассмотрим структуру любой темы на Wordpress и начнем переносить статическую верстку на движок в свою собственную тему.
В этом уроке мы рассмотрим подключение стилей, скриптов и шрифтов на Wordpress. Мы будем создавать динамические ссылки на все внешние файлы нашей темы для того чтобы все работало на любом хостинге и было универсальным. Подключение стилей и скриптов на Wordpress выполняется достаточно просто. Так же я покажу как подключить jQuery на Wordpress.
В этом уроке мы добавим возможность выбора логотипа и иконки сайта favicon. После этих настроек в нашей теме будет возможность выбрать нужные нам изображения в качестве логотипа и иконки с компьютера и они будут подставляться в нужные места на сайте.
В этом уроке мы рассмотрим бесплатный аналог плагина ACF на Wordpress. Произвольные поля Wordpress позволяют выводить любое содержимое на сайт через админку. Плагин Custom Field Suite является бесплатным аналогом Advanced Custom Fields и самое главное его преимущество в возможности использовать повторитель бесплатно на Wordpress. Повторитель позволяет выводить информацию в цикле, например вывести однотипные карточки из админки на сайт. Я расскажу и покажу как пользоваться плагином Custom Field Suite на Wordpress.
В этом уроке мы рассмотрим как настроить слайдер Swiper.js на Wordpress. Подключим слайдер Swiper и настроим его для отображения участников команды на сайте.
В этом уроке мы создадим раздел услуги на сайте. Сделаем возможность добавлять любое количество услуг из админки. Будем использовать бесплатный повторитель на Wordpress, чтобы выводить карточки в цикле.
В этом уроке мы создадим форму подключим плагин Contact Form 7 и настроим его для отображения формы обратной связи.
В этом видео уроке я научу вас переносить сайт с локального сервера на настоящий хостинг. В материалах к уроку вы найдете ссылку, перейдя по которой вы можете получить 2 месяца бесплатного пользования хостингом HandyHost.
В этом уроке мы настроим интеграцию с сервисом google reCAPTCHA для того, чтобы обезопасить нашу форму обратной связи и защитить свою почту от спама.
В этом коротком уроке я покажу как убрать значок reCAPTCHA и при этом не нарушить условия политики конфиденциальности Google. Это завершающий урок в данном курсе.
В этом видео я расскажу вам про сайт который мы будем создавать в данной главе видео курса.
В этом уроке мы установим CMS Wordpress на локальный сервер Open Server и познакомимся с консолью управления данной системы.
В этом уроке мы начнем создание своей темы на Wordpress и добавим возможность выбрать логотип из настроек сайта.
В этом уроке мы рассмотрим работу с шаблонами страниц и создадим динамическое меню, которое можно настраивать из админки Wordpress.
В этом уроке мы сделаем страницу Политика конфиденциальности, страницу ошибки 404 и полностью настроим страницу с галереей портфолио. Используем для этого плагин CFS и научимся работать с бесплатным повторителем.
В этом уроке мы будем работать с рубриками и записями для того чтобы создать раздел Наши преимущества. Мы создадим отдельные преимущества в виде записей и выведем их на странице в цикле из данной рубрики. Так же мы вынесем этот код в отдельный файл для того чтобы использовать повторно на нескольких страницах и не дублировать код.
В этом уроке мы создадим страницу На заказ и установим плагин Contact Form 7, а так же научимся с ним работать, создадим форму обратной связи и выведем её на странице используя шорткод данной формы.
В этом уроке мы попрактикуемся с рубриками и записями. Создадим много новых рубрик добавим записи в каждую из них и будем выводить их в цикле на странице Полезная информация.
В этом уроке мы создадим страницу О компании. Так же сделаем возможность загружать PDF файл, который будет открываться прямо в браузере или скачиваться на компьютер при необходимости.
В этом уроке мы создадим страницу Контакты настроим вывод всей информации из админки и подключим скрипт List.js только на этой странице.
В этом уроке мы создадим страницу Каталог товаров. Настроим фильтрацию по рубрикам, подключим библиотеку MixItUp3.js и сделаем все универсальным и динамическим. Так же сделаем пагинацию на странице с товарами и научимся выводить записи в стандартном цикле Wordpress.
В этом уроке мы сделаем страницу Товара. На странице товара будет галерея изображений, форма обратной связи и много другой информации которую нам необходимо запрашивать из админки и выводить на сайт динамически.
В этом видео мы создадим главную страницу.
В этом видео мы будем переносить наш сайт с локального сервера на настоящий хостинг. Так же настроим работу наших форм и отправку писем на Email. С помощью интеграции reCAPTCHA организуем защиту от спама нашей почты.
Если вы из России, то пожалуйста найдите этот курс на Stepik и приобретите там. К сожалению Udemy блокирует скорость загрузки и скорей всего вы не сможете нормально проходить тут уроки.
В этом видео курсе я покажу весь жизненный цикл переноса одностраничного сайта на Wordpress. Мы начнем с установки CMS Wodpress и создания базы данных в phpMyAdmin. После этого приступим к созданию своей темы, научимся подключать стили, скрипты и шрифты. Добавим возможность выбора логотипа сайта через панель настроек Wordpress.
После этого познакомимся с произвольными полями на CMS Wordpress, установим плагин Custom Field Suite и научимся работать с ним. Создадим слайдер с помощью Swiper.js и бесплатного повторителя в плагине CFS. Постепенно перенесем все остальные разделы сайта на Wordpress с помощь плагина CFS, подключим и настроим плагин Contact Form 7 для отправки писем через форму обратной связи.
В завершение работы над сайтом мы перенесем его с локального сервера Open Server на реальный хостинг, я покажу как перенести сайт максимально просто и быстро, настроим Contact Form 7 на оправку писем, добавим защиту от спама с помощью интеграции Google Recapcha и скроем значок recapcha на нашем сайте.
После того как вы пройдете обучение в данном курсе, вы сможете с легкостью перенести практически любой сайт на Wordpress. Имея верстку сайта на HTML+CSS, вы просто и без проблем сможете создать свою собственную тему на Wordpress и настроить её правильно, для того чтобы сайтом можно было управлять из админки.
В этом курсе мы создадим аж два сайта на Wordpress. Первый сайт мы очень быстро сверстаем на HTML, CSS, JS это будет одностраничный сайт. После этого мы создадим свою тему на Wordpress и настроим полностью наш сайт, перенесем его на настоящий хостинг, настроим форму для отправки письма и защитим свою почту от спама. Мы рассмотрим весь процесс создания Landing Page на Wordpress, начнем с установки CMS и постепенно сделаем нашу админку удобной для наполнения сайта информацией, а так же создадим слайдер на Swiper.js которого не было в вёрстке.
В следующей главе мы усложним задачу и создадим многостраничный сайт компании изготавливающей двери на заказ. Тут мы уже не будем верстать сайт, а вы сможете скачать готовый код верстки состоящий из 10 страниц и сразу же приступить к натяжке вёрстки на Wordpress. В рамках этой главы мы создадим многостраничный сайт на Wordpress. Настроим каталог товаров с фильтрацией по категориям, настроим пагинацию в каталоге чтобы товары отображались на нескольких страницах если их слишком много. Сделаем страницу товара с галереей, характеристиками и формой заказа товара. Настроим страницу с портфолио компании, где подключим галерею изображений. Научимся выводит записи из разных рубрик, выводить формы с помощью шорткодов, работать с плагином CFS и Contact Form 7 и в завершении курса перенесем все на настоящий хостинг, создадим почтовый домен, настроим работу наших форм и завершим создание сайта.