Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Сайт на Wordpress
Rating: 4.9 out of 5(25 ratings)
158 students

Сайт на Wordpress

Освой Wordpress легко на практике с двумя разными сайтами
Last updated 3/2022
Russian

What you'll learn

  • CMS Wordpress
  • Плагин CFS
  • Плагин Contact Form 7
  • Создание своей темы
  • Работа со слайдером изображений

Course content

3 sections33 lectures10h 11m total length
  • Подготовка к вёрстке14:26

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

  • Шапка сайта17:54

    В этом уроке мы будем верстать шапку сайта.

  • О нас9:07

    В этом уроке мы будем верстать раздел сайта "О нас".

  • Команда17:33

    В этом уроке мы будем верстать раздел сайта "Команда".

  • Услуги9:43

    В этом уроке мы будем верстать раздел сайта "Услуги".

  • Контакты17:53

    В этом уроке мы будем верстать раздел сайта "Контакты".

  • Адаптивный дизайн28:57

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

  • Интерактивное меню21:47

    В этом видео уроке мы будем делать меню на JavaScript Сделаем плавное перемещение в меню. А так же анимация превращение бургера в крестик на CSS будет реализована в нашем скрипте с помощью jQuery.

Requirements

  • Основы HTML
  • Основы CSS

Description

Если вы из России, то пожалуйста найдите этот курс на 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 и в завершении курса перенесем все на настоящий хостинг, создадим почтовый домен, настроим работу наших форм и завершим создание сайта.

Who this course is for:

  • Разработчики желающие освоить простой способ переноса сайта на CMS Wordpress