Пошаговый обучающий видео-курс по созданию сайта на WordPress с нуля. Идеально подойдёт для новичков, которые ни разу не сталкивались с установкой этой CMS (система управления сайтом). Рассказывается о базовых настройках движка, необходимых плагинах и других обязательных вещах.
Чтобы создать сайт c помощью этого движка вам не понадобятся навыки вёрстки и программирования, вам даже не нужно разбираться в html-коде. Данный движок (cms) является самым популярным в мире благодаря своей простоте и широчайшим возможностям. Кроме того – он абсолютно бесплатен.
Под каждым видео-уроком вы найдёте домашние задания от автора курса. Выполнять их или нет – решать вам. Но если отнестись к ним серьёзно, можно намного лучше усвоить этот практический материал.
Знакомство с WordPress. Что такое CMS
Это вводный урок, на котором мы разберёмся, что такое CMS. Также поговорим о том, что необходимо любому сайту для его существования, а именно: о доменном имени, хостинге и файлах для сайта.
Для прохождения следующего урока вам потребуется скачать:
- Приложение локальный веб-сервер XAMPP: www.apachefriends.org/ru/
- Дистрибутив CMS WordPress на русском языке: ru.wordpress.org/download/
В следующем уроке мы всё установим и настроим.
Полезные ссылки:
- Каталог тем: themeforest.net
- Как выбрать домен для сайта: beonmax.com/blog/how-to-choose-a-domain-name-for-a-website/
Рекомендации:
Если вы уже знаете, что вы хотите создать на своём сайте, то практикуйте именно это. Вы можете создать свою страницу или сайт о себе: сайт-портфолио, блог, где вы рассказываете о себе, свой будущий или действующий магазин, лендинг своих товаров и услуг.
Если вы планируете делать сайты на заказ, то создайте свой презентационный сайт, чтобы потенциальный заказчик, ознакомившись с информацией захотел сделать заказ именно у вас.
Установка WordPress и базовые настройки
В этом видео-уроке разберёмся с тем, как устанавливать CMS на локальный компьютер и хостинг, а также рассмотрим первые базовые настройки для своего сайта. Для установки на компьютер нам понадобится локальный веб-сервер, о чём мы говорили на прошлом занятии.
Задание:
Осуществите первичные настройки WordPress со стандартной темой по умолчанию для дальнейшей работы.
Для работы с бесплатным веб-хостингом можете использовать beget.com.
Создание записей, страниц и рубрик
Научимся создавать страницы, записи и рубрики и разберёмся как выводить их на главную страницу.
Задания и материалы к уроку:
- Выпишите к себе в рабочий блокнот используемые в видео новые термины и сочетание горячих клавиш для более быстрой работы.
- Повторите действия из урока: создайте страницы, новые записи с рубриками, метками и картинками.
- Самостоятельно поэкспериментируйте, используя полученные знания.
Установка и настройка плагинов
Поговорим о плагинах, расширяющих возможности нашей CMS. Рассмотрим некоторые примеры расширений, их выбор, установку и правильную настройку.
Задание:
- Выпишите к себе в рабочий блокнот важные шаги о плагинах: как их выбирать, устанавливать и настраивать.
- Установите рассмотренные в рамках урока следующие расширения:
- Contact Form 7 – многофункциональная форма обратной связи
- WP Mail SMTP – настройка отправки писем с сайта
- Tiny MCE Advanced – расширенный визуальный редактор страниц и записей
- WP Polls – создание опросов
- AddToAny Share Buttons – добавление социальных кнопок
- Yoast SEO – настройки для продвижения сайта в поисковых системах
Создание меню и обзор виджетов для сайта
В этом уроке поговорим о работе с виджетами, а также о том, как создавать, настраивать и управлять меню.
Задание:
- Выпишите к себе в рабочий блокнот новые термины, алгоритмы применения виджетов и создания меню.
- Повторите действия из видео по использованию готовых виджетов и вставки собственного HTML-кода. Создайте своё собственное меню, отредактируйте его. Создайте меню с выпадающим списком.
- Самостоятельно поэкспериментируйте, используя полученные знания.
Установка и настройка тем (шаблонов)
В этом уроке поговорим о темах для Вордпресс (как установить и правильно настроить), о том как сменить оформление сайта.
Задание:
- Выпишите к себе в рабочий блокнот как и когда осуществлять обновления WordPress и плагинов.
- Повторите действия из урока: установите тему “Hestia” и внесите изменения на свой сайт, используя её возможности.
- Самостоятельно поэкспериментируйте, используя полученные знания.
Полезные ссылки:
Добавление шрифтов и иконок: fontawesome.com
Работа с конструктором сайта
Научимся создавать страницы на своём сайте с помощью конструктора. Эта возможность реализуется через дополнительные плагины. В нашем случае мы будем использовать расширение “Elementor”.
Задание:
Установите плагин “Elementor” и, используя его возможности, создайте новые страницы своего сайта.
Резервное копирование и перенос сайта
Узнаем как создавать резервные копии сайта и как их использовать в случае необходимости. Резервные копии нужны нам для безопасности, а так же для возможного переноса нашего сайта с одного хостинга на другой, либо же экспорта с локального компьютера.
Задание:
Сделайте резервную копию своего сайта вручную и при помощи плагина “Duplicator”. Перенесите сайт с локального сервера.