Как сделать сайт wordpress с нуля

Курс по созданию сайта на WordPress с нуля

Полный курс по созданию сайтов на CMS WordPress без знаний кода.

• Создадим три сайта разными способами
• Расскажу свои секреты с фриланса
• Что сегодня нужно знать о SEO?
• Всё про скорость и безопасность.

Разбор курса по созданию сайтов на WordPress для начинающих

–&nbspРасскажу вкратце о WordPress – чем же он так хорош, что я работаю с ним на протяжении уже почти 15 лет. В чём преимущество вордпресса перед другими платформами?

– Покажу сайты и лендинг, которые мы с вами создадим в процессе курса.

Вы научитесь:

С лёгкостью создавать сайты без программирования на WordPress

Работать с конструкторами в WordPress, особенно — с Gutenberg и Elementor

Основам SEO, безопасности и скорости загрузки сайтов

Приобретёте уверенность

План курса

Установка WordPress

Сам процесс установки WordPress занимает 5 минут, но однако тут есть множество подготовительных шагов и подводных камней.

• Вступление 04:19
• Хостинг Всё начинается именно с хостинга. Выбор хостинга — это, пожалуй, самый ответственный момент для будущего сайта. Выберем и зарегистрируем. Покажу, какой хостинг самый лучший и научу с ним работать. 11:34
• Домены Как выбрать TLD? Как сэкономить при покупке домена? Для чего нужен SSL-сертификат и как установить его бесплатно? 23:13
• FTP / SFTP 15:00
• Почта для домена Учимся создавать крутые почтовые ящики типо privet@misha.agency. 06:56
• Установка WordPress Изучим 2 способа – быстрый и супер-быстрый. 23:27

Основы создания сайтов на WordPress

Этот модуль рассчитан для тех, кто никогда не сталкивался с WordPress, тем не менее он будет полезен всем, потому что в каждом уроке я делюсь личным мнением, основанном на опыте.

• Типы контента Почему некоторые до сих пор ошибочно считают, что WordPress — только для блогов? И почему эта информация устарела на 10 лет? Чем отлючаются записи и страницы? Насколько сложно создать например интернет-магазин? 06:47
• Темы Если вы хотите научиться выбирать и настраивать темы для WordPress, то в курсе об этом есть абсолютно всё. 21:13
• Плагины 12:41
• Как узнать, что сайт на WordPress, и какая там тема При помощи инструментов и без. 13:50
• Редакторы контента и конструкторы Какие использовать, а какие нет, и почему. 19:19

Создание сайта-портфолио

• Выбор и установка темы 13:09
• Импорт демо-данных Использовать демо-данные в этом модуле мы не будем, но работать с ними научимся! 10:48
• Настройки темы 16:49
• Меню 20:49
• Главная страница сайта 06:15
• Шаблоны страниц 06:49
• Наполнение контентом 30:07
• Виджеты 08:15
• Медиафайлы Как WordPress на самом деле работает с изображениями? Как легко сэкономить место на сервере? 21:13
• Форма обратной связи 09:21
• Перевод темы Иногда на русскоязычных сайтах вы можете встретить элементы с английскими словами, например Category или Author, что выглядит непрофессионально. Не допустим такого для нашего сайта! 08:43
• И ещё кое-что. Несколько небольших, но важных моментов, которые помогут вам при создании сайта на готовой теме. 14:17

Создание лендингов

• Основы. Как выбрать тему и конструктор для лендинга? 18:29
• Как работать с Elementor Elementor на сегодняшний день – это самый популярный конструктор сайтов на WordPress и скорее всего так будет ещё долго. Есть даже дизайн-агентства, создающие сайты на Elementor. Пришло время и нам научиться с ним работать. 35:20
• Создаём лендинг за практически 5 минут И такое возможно. 07:17

Создание сайта компании

• Знакомcтво с Gutenberg и его настройка Gutenberg — это редактор контента и конструктор, который является частью самого WordPress с недавнего времени. По сравнению с Elementor он ещё не такой функциональный, но я считаю, что за ним – будущее и мы обязательно должны уметь с ним работать. 23:52
• Настройка темы 13:55
• Работа с контентом. Паттерны Наполняем сайт, используя блочный редактор Gutenberg. 12:45

Поисковое продвижение сайта (SEO)

• Основы SEO сайта на WordPress В этом уроке постараюсь затронуть максимально все аспекты, касающиеся внутренней SEO-оптимизации сайта. Также рассмотрим плагины для WordPress, которые значительно упрощают работу с внутренним SEO. 1:00:45

Скорость загрузки сайта

Хорошая новость в том, что WordPress сам по себе очень быстрый. Те люди, которые утверждют обратное и в пример приводят свои медленные сайты, они просто ничего не знают, как Джон Сноу. Подробнее – в этом модуле.

• Почему одни сайты медленные, а другие быстрые? Основы оптимизации скорости загрузки сайта. Как оптимизировать сайт по Google PageSpeed Insights. Почему этот инструмент переоценён? 30:12
• Серверное кэширование Как спасти и заставить загружаться быстро даже самый безнадёжный сайт. 07:09

Безопасность сайта

Ещё одна хорошая новость в том, что WordPress безопасен сам по себе. Тот, кто утверждает по-другому, вероятно не понимает, что благодаря публичности WordPress и открытому коду, о его любой уязвимости сразу узнаёт весь мир и она сразу же исправляется. Тем не менее, пару основ безопасности я всё же вам расскажу.

• 4 вещи, которые резко уменьшат шансы взлома сайта Они настолько простые, что я мог бы перечислить их прямо тут, в описании к уроку, но всё же я опишу их подробнее и даже расскажу о статистике причин взломов. 16:46
• Резервное копирование – наше всё Что нужно сделать, чтобы создать резервную копию сайта на WordPress? Про автоматизацию резервного копирования, чтобы настроить его и забыть. И спать спокойно. 14:50

Фриланс

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

• Как я искал клиентов и работал с проектами 14:11

Отзывы о курсах Миши

Пару лет вёл курс по WordPress оффлайн, за то время накопилось несколько отзывов студентов. С тех пор правда больше отзывы не собирал, наверное зря.

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

Даже несмотря на то, что я уже сталкивалась с вордпрессом и знала некоторые основы, мне очень помогло, потому что позволило структурировать все знания, позволило восполнить пробелы. — Лена

Миша Рудрастых

• В веб-разработке 16 лет, ещё в школе начал создавать сайты на HTML и PHP
• Опыт преподавания 6 лет, вёл курсы оффлайн и онлайн в Epic Skills, Loft School и Нетологии
• Спикер и организатор конференций по WordPress

«Открыл в себе любовь к преподаванию совершенно случайно. Сначала я создал этот блог, как заметки для самого себя, а потом обнаружил, что мне нравится именно объяснять все тонкости, рассказывать, что, как и почему нужно делать. А ещё люблю кофе, книги про Гарри Поттера и сноуборд».

Купить курс

• 35 видеоуроков (9 модулей)
• Подойдёт каждому, с любым уровнем знаний
• Избавит вас от любой головной боли, с которой сталкиваются люди, решившие создать сайт с нуля, и с которой, поверьте, я сталкивался когда-то сам
• Единоразовый платёж
• Доступ навсегда
• Уроки актуальны в 2023-м году

Уроки WordPress

Создание сайта на WordPress / Урок #1 — Установка всего необходимого

Представляем вам курс по изучению CMS WordPress, а также созданию сайта с полного нуля на движке WordPress. В курсе мы научимся работать с движком, а также создадим небольшой сайт на его основе.

Видеоурок

Полезные ссылки:

1. Популярные сайты на WordPress;
2. Установка OpenServer ;
3. Установка WordPress на OpenServer ;
4. Официальный сайт WordPress;
5. Мой хостинг — Ukraine Hosting

Информация про WordPress

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

Ниже приведено несколько сайтов, построенных на WordPress:

1. Superlovers ;
2. Webadgene ;
3. TechCrunch ;
4. The New Yorker ;
5. BBC America ;
6. Bloomberg Professional ;
7. Официальный сайт Star Wars .

Это лишь небольшой список сайтов, которые были созданы на этом движке. Сама CMS позволяет создавать сайты различной сложности и жанра, поэтому вы можете использовать ВордПрес для сайтов любой категории и жанра.

План курса

В ходе видео курса «Уроки WordPress для новичков с нуля» мы создадим сайт на WordPress с полного нуля. Мы научимся работать в интерфейсе платформы WP и разберемся со всеми основными моментами этой платформы.

Движок удобен тем, что вы можете добавлять большой функционал к сайту всего в пару кликов за счёт установки дополнительных плагинов. Мы научимся работать с плагинами, чтобы в дальнейшем вы могли добавлять комментарии, чаты, админ панельки и прочие фишки всего за пару кликов.

Задание к уроку

Немного теории

Расскажите зачем нужен WordPress? Каким образом можно его установить и какие сайты можно создавать на его основе?

Сайт на WordPress

Вы знали, что 24% сайтов в интернете сделаны на WordPress? Этот движок заработал такую популярность по простой причине: сайты на WordPress понятны даже новичкам. В качестве бонуса — бесплатная установка и активная поддержка со стороны разработчиков — «инженеров счастья», которые готовы оперативно дать ответ на любой вопрос пользователя.

Ниже представлены примеры сайтов, созданных на Вордпресс:

Мы с радостью сделаем бесплатную оценку вашего проекта

Примеры сайтов, разработанных на WordPress

Корпоративный сайт

Корпоративный сайт

Интернет-магазин

Обратившись к нам, вы получаете:

Выделенную команду под проект из 5 человек
Готовый сайт от 7 до 30 дней
Решение возложенных на веб-проект задач
Дальнейшее развитие сайта и вашего бизнеса

Функциональные возможности сайтов на WordPress

Переходим к самому интересному — причинам, по которым разработка и создание сайта на WordPress считается оптимальным вариантом для многих сайтов. Речь, конечно же, идет о плагинах, которые существенно расширяют спектр возможностей CMS WP. Не игнорируйте их и получите продающую платформу для вашего бизнеса.

• SEO-оптимизация
• интеграция с почтовым сервисом Mailchimp
• мультиязычная версия сайта
• управление подачи визуального контента
• Создание интернет-магазина на базе сайта

Как это делает Artjoker: этапы создания сайта на Вордпресс с нуля

Чтобы создать сайт на WordPress (Вордпресс) с нуля самостоятельно, вам понадобится время и минимум знаний PHP. Для начала зарегистрируйте хостинг и получите домен, который станет «именем» вашем сайта в интернете. Затем переходите непосредственно к разработке и продвижению. Нужна помощь? Обращайтесь к нам и мы возьмемся за создание сайта на WordPress с нуля.

Планирование ‘01

Любой сайт — это прежде всего предварительное обсуждение и разработка стратегии. На данном этапе вы перечисляете, что хотите получить от ресурса и каким его видите в будущем. Сайт — это инструмент, который должен помогать в достижении целей бизнеса. От вас требуется понимание слабых сторон вашего проекта, а мы предложим, как сделать наиболее эффективно.

Исполнение ТЗ ‘02

Когда все договоренности прошли стадию утверждения и зафиксированы на бумаге, можно приступать к работе. Наша команда предложит карту сайта, дизайн макетов страниц, а также текстовое наполнение. Создание сайта с помощью WordPress предполагает ряд преимуществ, среди которых набор бесплатных и платных тем с дополнительными эффектами (анимация, флэш-презентация, активные слайдеры и др.). Не забывайте, что даже яркое и соответствующее всем актуальным темам оформление может быть информационно загружено и не найдет отклик у юзера. Как этого избежать? Проводите регулярный юзабилити-аудит — в свою очередь, под ваш ресурс мы готовы предоставить специалиста.

Внедрение ‘03

Предварительное тестирование сайта — важный этап, который позволяет оперативно обнаружить и исправить все изъяны. Только после комплексного мониторинга ваш ресурс будет доступен посетителям и клиентам — не сомневайтесь, он понравится! 45 дней — за этот срок мы гарантируем готовый полнофункциональный и адаптивный сайт, а также вы можете рассчитывать на техподдержку и консультирование в течение месяца.

Продвижение ‘04

Если основная цель вашего ресурса — продавать, то воспользуйтесь возможностями WordPress! Наши разработчики настроят необходимые дополнения, которые позволяют улучшить функционал вашего сайта (поисковая оптимизация, интеграция с социальными сетями, удобная навигация по сайту, настройка интернет-магазина и др.). Дополнительно будет разработана стратегия продвижения в сети, задействована контекстно-медийная реклама и другие необходимые ресурсы под ваш проект.

Как создать сайт на WordPress: гайд для новичков

Если для реализации вашего бизнеса достаточно сайта-визитки либо небольшого сайта с описанием специфики оказываемых вами услуг и преимуществ вашей компании, – можно создать эффективный продающий ресурс на WordPress самостоятельно. Тем более это рационально, если вы будете единственным менеджером и администратором своего ресурса.

Вышесказанное не означает, что WordPress пригоден лишь для создания сайта-визитки, создания каталога, блога либо мультимедийной галереи. С его помощью строятся и интернет-магазины, и разветвленные корпоративные сайты, и информационные порталы, – с той разницей, что вам потребуется несколько больше времени и умений.

Создание сайтов на WordPress, помимо того, что вам не придется искать команду профессионалов, имеет следующие преимущества:

• речь идет о бесплатной системе управления контентом;
• в зависимости от ваших планов и возможностей, вы можете ограничиться бесплатными шаблонами WordPress, а можете использовать платные, – если хотите более эффективно кастомизировать свой ресурс;
• достаточно количество плагинов, позволяющее добиться гибкой функциональной и визуальной эффективности ресурса;
• простое управление ресурсом, которое под силу самоучкам-интуитам, а также минимальное время, нужное для наполнения сайта первичным контентом.

Создание сайтов на WordPress – простенько и со вкусом

Итак, как создать сайт на WordPress? Последовательность будет такой:

• выбор хостинга и регистрация домена
• установка WordPress с выбором и установки профильной темы
• настройка WordPress с базовым набором плагинов и добавлением кодов отслеживания
• добавление контента.

Если вы уверенный пользователь, вам можно приступить к делу незамедлительно, но, если вы хотите потренироваться, имеет смысл начать с личного блога, – например, о своих путешествиях, – на бесплатном хостинге на платформе WordPress (primer.wordpress.com). Уже освоив азы сайтостроения, можно переходить к продажам на платном хостинге.

Первый шаг к созданию сайта на WordPress – регистрация домена с профессиональным подбором свободного доменного имени. Как правило, доменное имя должно частично совпадать с наименованием сайта, быть коротким (иначе его сложно ввести в браузерную строку на смартфоне), иметь тематический смысл.

Важен также выбор доменной зоны. На технические характеристики ресурса и эффективность его продвижения в поисковых системах он не влияет, однако формирует подсознательное доверие пользовательской аудитории (для сравнения – адреса на.com, .info, .org, .net, .by вызывают большее доверие, нежели на.club или .expert).

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

• распаковать архив и создать на сервере базу данных, используя меню в своем личном кабинете на сайте хостинг-провайдера;
• введя логин, пароль и регистрационные данные, переименовать файл wp-config-sample.php в wp-config.php и открыть его с помощью текстового редактора с указанием хоста и базы данных с паролем;
• загрузить файлы в папку httpdocs, а затем – разархивированный дистрибутив на сервер.

Далее следует непосредственно установить WordPress, заполнив требуемые информационные поля и указав необходимость в индексации вашего ресурса поисковыми системами.

Приступаем к администрированию сайта на WordPress

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

Здесь обратите внимание на следующие нюансы:

1. если разработка мобильной версии сайта не нужна, достаточно шаблона с адаптивной версткой;
2. преимущество платных шаблонов состоит в том, что разработчики регулярно их обновляют, предоставляя информационную поддержку; кроме того, заплатив, вы снижаете риск создания шаблонного сайта;
3. русскоязычный шаблон кажется более приятным потенциальным клиентам, однако эффективнее выбрать англоязычный шаблон и русифицировать его, это работает на уникальность вашего ресурса;
4. для установки выбранного шаблона нужно скачать дистрибутив с сайта разработчика, затем указать на странице установки путь к нему и активировать шаблон.

Создание сайтов на WordPress удобно тем, что настройка ресурса с помощью административной панели не требует специфических знаний.

Что нужно знать о работе с общими настройками?

Для того чтобы добавлять контент через электронную почту, нужно ввести адрес сервера, порт, логин и пароль. Вариант – публикация обновлений в административной панели, однако следует пометить сервис слежения за обновлениями в разделе «Сервисы обновления».

Особое внимание следует обратить на позицию «Чтение»: здесь важно отметить, что именно будет отображаться на главной странице, к примеру – одна из статических страниц, если вы создаете сайт с несколькими статическими страницами.

Для позиции «Настройки обсуждения» предпочтительнее дефолтные настройки, к примеру, «Модерация комментариев» и «Черный список».

Позицию «Медиафайлы» лучше настроить «по умолчанию».

В позиции «Постоянные ссылки» оптимально указать структуру ссылок на ваши обновления.
Загрузив логотип, название и краткое описание сайта, можно переходить к настройке внешнего вида и макета сайта (от настройки Main Slider лучше отказаться, эта позиция утяжеляет сайт). Визуальный материал загружается в позициях «Изображение заголовка» и «Фоновое изображения».

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

Настройка меню сайта на WordPress и выбор плагинов

Алгоритм настройки ресурса в позиции «Внешний вид – меню» включает в себя добавление нужных страниц верхнего уровня с выбором текста ссылки, отображаемого в меню, и выбор области темы для отображения меню с последующей русификацией темы.

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

Плагин лучше всего скачать с сайта разработчика и установить посредством опции «Загрузить плагин». Активировав плагин, можно приступать к настройкам параметров резервного копирования (к примеру, получать дубли обновлений на электронный адрес).

Итак, вам осталось пройти заключительный этап создания сайта на WordPress: установить коды сервисов аналитики и подключить ресурс к кабинетам для веб-мастеров, например, Яндекса, чтобы отслеживать эффективность работы сайта.

Выбрав оптимальный профиль аналитики, обязательно удостоверьтесь, что код аналитики установлен на страницах ресурса. Для подключения к «Яндекс.Метрике» нужно войти в свой кабинет на сервисе и воспользоваться меню «Добавить счетчик», а затем установить на сайт плагин «Яндекс Метрика».