В этой статье я поделюсь с вами своим опытом в области создания сайтов и покажу, как даже без навыков программирования вы можете создать свой первый сайт в интернете уже сегодня. Также вы узнаете, как научиться создавать сайты и зарабатывать на этом деньги.
Не буду говорить, что это слишком просто, хотя нет… Создать сайт – достаточно просто. Вопрос в том, что с ним делать дальше, чтобы он приносил много золота.
На самом деле, это тема для целой серии статей. Но именно здесь вы найдёте чёткий алгоритм действий, который необходимо выполнить, если вы решите окунуться в мир веб-мастерства. Приступим.
Содержание
- Определяем цель создания сайта
- Виды сайтов с учётом их целей и задач
- Как придумать название сайта
- Выбор хостинга
- Регистрация домена
- Как выбрать движок для сайта, исходя из типа сайта
- Как создать структуру сайта с учётом его типа
- Выбор инструментов для создания сайта
- Как научиться создавать сайты и зарабатывать. Практика
- Как создать сайт на Taplink
- Как создать сайт на WordPress
- Регистрация домена для сайта
- Установка CMS WordPress
- Вход в панель управления WordPress
- Закрытие сайта от индексации
- Установка бесплатного SSL-сертификата
- Установка плагинов
- Настройка внешнего вида сайта — выбор шаблона
- Расположение файлов сайта на хостинге
- Что ещё надо знать про создание сайтов на WordPress
- Подведём итоги
- Рекомендации
- Заключение
Определяем цель создания сайта
Создание веб-сайтов стало неотъемлемой частью нашей жизни. Ежедневно миллионы людей выходят в интернет, и не только бизнес и организации, но и обычные люди активно используют эту платформу для реализации своих целей.
Любая страница в интернете, на которую вы попадаете, — это сайт. К ним относятся и городские порталы, и социальные сети, и интернет-магазины. Как вы уже поняли, каждый из этих сайтов преследует свои цели и решает конкретные задачи.
В зависимости от того, какие цели и задачи должен решать ваш сайт, выбирается тип сайта, а также инструменты для реализации проекта.
Давайте рассмотрим, какие основные цели и задачи могут стоять за решением создать веб сайт, разделив их на коммерческие и некоммерческие.
Коммерческий сайт
Коммерческие сайты создаются с целью получения прибыли и привлечения клиентов. Они могут представлять собой сайты организаций, интернет-магазины, онлайн-визитки для бизнеса и сайты-портфолио специалистов. Их основные задачи можно сформулировать следующим образом:
- Продажа товаров и услуг — основная цель многих коммерческих сайтов — это продажа. Будь то интернет-магазин или сайт локальной компании, эти платформы созданы для того, чтобы пользователи могли легко найти и купить товары или услуги.
- Привлечение новых клиентов и расширение целевой аудитории — сайт должен привлекать как можно больше посетителей, которые в дальнейшем могут стать потенциальными клиентами.
- Брендинг и имидж — грамотно оформленный сайт помогает формировать положительный имидж компании или специалиста. Он решает задачи узнаваемости бренда и доверия клиентов.
- Оптимизация процессов взаимодействия с клиентами — оформление заявок, оплата в режиме онлайн, оформление доставки товаров, а также служба поддержки клиентов, ответы на вопросы и претензии.
- Информирование клиента — размещение информации о товарах и услугах, их стоимости, сроках изготовления и т.п. А также размещение на сайте информации о компании, её адресах, контактных данных, правовых аспектах и т.п.
Некоммерческий сайт
Некоммерческие сайты создаются для целей, не связанных с получением прибыли. Основная задача этих сайтов — информировать людей, привлекать внимание к социальным проблемам или оказывать поддержку.
К таким сайтам можно отнести сайты муниципальных образований, организаций, образовательные ресурсы, социальные проекты и т.п.
В какой-то мере сюда можно отнести и личные блоги, но лишь отчасти. Ведь любой личный блог можно монетизировать. А учитывая то, сколько времени уходит на его ведение — это просто необходимо делать. Кстати, многие этим успешно занимаются. Но об этом чуть позже.
Выше приведён основной, но не полный перечень целей и задач, которые может решать сайт.
Каждая категория сайтов имеет свои уникальные задачи и подходы, которые помогают им успешно выполнять свою миссию. Сейчас для вас главное — это понять, какой сайт вам нужен или какие сайты вы хотите научиться создавать.
Виды сайтов с учётом их целей и задач
С целями и задачами сайта разобрались. Теперь о том, какие виды сайтов бывают. Как и говорила, тип или вид сайта зависит от того, какие задачи он должен решать.
Некоммерческие сайты рассматривать не будем. Уверена, вы не за этим сюда пришли. Хотя их можно создавать для кого-то за деньги.
Ниже перечислены виды коммерческих сайтов по принципу создания и функциональности.
Интернет-магазин
Сюда относятся как крупные маркетплейсы, такие как Ozon, Wildberries, Яндекс Маркет и другие, так и небольшие интернет-магазины отдельных компаний. Разница лишь в том, что на маркетплейсах собраны все возможные продавцы товаров со всех регионов.
Отличительные особенности интернет-магазина — это возможность для пользователя зарегистрировать личный кабинет, сортировать и выбирать товары по различным категориям, собирать их в корзину и оплачивать покупки онлайн.
К такому сайту должны быть подключены различные платёжные системы, чтобы клиенты могли оплачивать товары онлайн. Также у них должна быть возможность выбрать подходящую систему оплаты. Разумеется, на таком сайте должна быть соответствующая система безопасности.
На каждый товар в интернет-магазине заводится отдельная карточка с фотографиями, описанием, характеристиками и ценой товара. Здесь должна быть возможность присваивать товарам рейтинг и оставлять отзывы.
Функционал современных площадок для создания интернет-магазинов включает множество опций, позволяющих проводить акции и распродажи, собирать данные покупателей и отправлять им информационные и рекламные письма.
Инструменты для создания интернет-магазинов:
- Платные и бесплатные CMS-системы — 1С-Битрикс, OpenCart, WordPress с плагином WooCommerce и другие.
- Платформы с конструкторами сайтов — такие как Craftum, Flexbe, Tilda и другие.
- Индивидуальная разработка — этот вариант подразумевает создание сайта под заказ с привлечением дизайнера, программиста и других специалистов.
Выбор инструментов для создания интернет-магазина зависит от его структуры, объема и наполнения, а также от финансовых возможностей заказчика.
Корпоративный сайт или сайт компании
Как гласит известная цитата, если вашего бизнеса нет в интернете, то вас нет в бизнесе.
Корпоративный сайт — это лицо компании в сети. Он рассказывает о ваших услугах и товарах, знакомит с командой, историей и содержит контактные данные организации. Сегодня практически каждая компания имеет свой сайт, и это не просто дань моде, а насущная необходимость.
Корпоративный сайт обычно состоит из нескольких страниц, на которых собрана вся необходимая информация о компании. Часто такие сайты создаются на CMS, что обеспечивает возможность редактирования и обновления контента.
Интерфейс, меню и структура корпоративного сайта зависят от специфики деятельности организации (производство, торговля, строительство, услуги и т.д.) и от задач, которые он призван решать.
Например, на сайте организации по производству кровельных материалов на видном будет месте будет расположен каталог товаров — основная информационная составляющая. Также адреса и контакты — все самое важное для потенциального покупателя находится на первом экране. А на сайте юридической компании будет перечень услуг, специалистов и конечно же контакты для связи.
Инструменты для создания корпоративных сайтов:
- Платные и бесплатные CMS-системы — такие как Битрикс, Joomla, WordPress.
- Платформы с конструкторами сайтов — среди них выделяются Craftum, Tilda и другие.
- Индивидуальная разработка — этот вариант подразумевает создание сайта с помощью дизайнера, верстальщика, программиста и других специалистов.
Новостной, информационный портал
На первый взгляд может показаться, что новостные порталы не имеют отношения к коммерции, но на самом деле это не так.
Новостной сайт требует огромного количества ежедневного свежего контента, что представляет собой большой объем работы целой группы специалистов. Монетизируют такие сайты с помощью рекламы от специальных рекламных сетей, продажи рекламных мест, платных статей, продажи услуг, партнерских программ и других способов.
Инструменты для создания информационных порталов:
- Платные и бесплатные CMS-системы — такие как WordPress, Joomla и т.п.
- Индивидуальная разработка.
Сайт с услугами
Это небольшой сайт на несколько страниц, который рассказывает о вашем бизнесе и оказываемых услугах. На страницах такого сайта размещается информация о деятельности компании, её адреса, реквизиты, о том, какие специалисты здесь работают, об услугах и их стоимости.
Также здесь должна быть возможность связаться с вами по телефону или написать в чат. На таком сайте можно сделать форму для онлайн-записи или обратного звонка.
Сайты с услугами часто создаются для салонов красоты, организаций общественного питания (кафе, ресторанов), медицинских клиник.
Инструменты для создания сайтов с услугами:
- Платформы с конструкторами сайтов — Craftum, Taplink и другие.
- Бесплатные конструкторы сайтов — такие как Wix, Mobirise и т.п.
- Бесплатные CMS-системы — более сложный инструмент, например, WordPress с плагинами.
Сайт — визитка, портфолио
Название сайта говорит само за себя — это небольшой сайт, созданный для конкретного специалиста. Такой сайт может быть, как одностраничным, так и на несколько страниц. Всё зависит от объёма информации, который вы хотите разместить на данном ресурсе и его структуры.
На сайте — визитке, помимо основной информации о вас, можно разместить портфолио, примеры работ, отзывы клиентов. Если вы творческая личность — дизайнер, фотограф или писатель — сайт — портфолио станет важным инструментом для презентации ваших работ потенциальным клиентам.
Также на таком сайте можно делиться небольшими информационными заметками или статьями по вашей теме, если есть желание.
Данный вид сайтов подойдёт для фотографов, художников, дизайнеров, юристов, бухгалтеров, косметологов и других специалистов, оказывающих услуги онлайн или офлайн.
Подобные сайты проще всего создавать в конструкторах — там есть множество шаблонов для создания красивых и функциональных портфолио.
Инструменты для создания сайтов-визиток:
- Платформы с конструкторами сайтов — Taplink, Nethouse, Craftum, Tilda и другие.
- Бесплатные конструкторы сайтов — такие как Wix, Mobirise и другие.
- Бесплатные CMS-системы — более сложный инструмент, например, WordPress + плагин Elementor.
Лендинг, одностраничный сайт
Лендинги — это одностраничные сайты, созданные для продвижения определённого продукта или услуги. Они также служат отличным инструментом для сбора контактных данных клиентов.
Лендинги отличаются простотой в навигации и часто используются в маркетинговых кампаниях и инфобизнесе. Создание одностраничного сайта занимает минимальное количество времени, а при правильном подходе к контенту и дизайну может обеспечить высокую конверсию.
Инструменты для создания лэндингов:
- Платформы с конструкторами сайтов — Taplink, Nethouse, Craftum, Tilda и другие.
- Бесплатные конструкторы сайтов — Wix, Mobirise и другие.
- Бесплатные CMS-системы — WordPress + Elementor — более сложный инструмент.
Сайт — квиз
Ещё один вид сайтов — это квиз. Как правило, это сайт или несколько страниц, размером на один экран, которые нужно последовательно перелистывать. Такой формат сайта, предназначен для проведения опросов, викторин, тестов, игр, где пользователь отвечает на вопросы и получает результат в конце. Квиз может использоваться для различных целей, например, для обучения, развлечения, маркетинга или сбора контактных данных.
Подобные сайты часто используют для продажи недвижимости, строительства домов или бань, для расчёта стоимости дизайна или ремонта и т.д.
Такой формат сайтов можно встраивать на основной сайт в виде отдельной страницы или использовать его как отдельный инструмент.
Инструменты для создания квизов:
Создание сайта-квиза обычно происходит с использованием специальных инструментов и платформ, которые предлагают шаблоны, функционал для добавления вопросов, настройку результатов, дизайн и другие элементы. Для создания такого сайта можно адаптировать любой конструктор, если вы знакомы с принципами построения сайта — квиза.
Личный блог
Личные блоги — это прекрасное пространство для самовыражения, где вы можете поделиться своими мыслями, путешествиями, увлечениями и опытом. Такие сайты помогают развивать личный бренд и находить единомышленников. Платформы вроде WordPress и Blogger идеально подходят для создания блогов.
Многие блогеры предпочитают использовать социальные сети для своих публикаций, однако, если вы публикуете много контента, то лучше иметь собственную площадку в виде сайта.
Инструменты для создания личного блога:
- Бесплатная CMS-система WordPress — самое популярное решение для создания личного блога.
- Blogger — бесплатная онлайн-платформа для создания сайтов.
Форум
Форумы представляют собой особый вид сайтов, которые обычно создаются как дополнение к основному. Они объединяют людей по интересам вокруг определённой темы или сообщества.
Инструменты для создания форумов:
- Форум можно создать на базе той же WordPress, используя специальные плагины для форумов, такие как bbPress, WP Symposium и т.п.
- bbPress можно установить как отдельную CMS-систему и настроить под свои нужды.
Когда-то форумы были очень популярны, однако сейчас эти функции чаще возлагаются на социальные сети и мессенджеры из-за простоты их использования, настроек и модерации.
Социальная сеть
Социальные сети также могут быть рассмотрены как вариант для ведения своей страницы в интернете, продвижения себя, своих товаров или услуг. Например, в ВК есть возможность сделать сайт из своей группы.
Однако стоит помнить, что это не полноценный сайт и, тем более, не ваш ресурс.
Самый главный минус любой социальной сети — это то, что она вам не принадлежит. У каждой из них свои правила, и вас могут в любой момент безвозвратно забанить без объяснения причин. И всё, что нажито непосильным трудом — весь контент и достижения, деньги на продвижение — накроются медным тазом.
Поэтому вам желательно научиться создавать сайты, а социальные сети разумнее всего использовать в связке с основным сайтом, а не как единственную площадку для продвижения.
Это была вводная часть, которая могла показаться вам скучной, но она крайне важна. Если вам что-то осталось непонятным, не стесняйтесь перечитать, потому что сейчас перейдём к практике.
Как вы могли заметить, тема создания сайтов широка и многогранна. Поэтому сейчас постараюсь ограничить количество примеров, чтобы не пытаться объять необъятное.
Как придумать название сайта
Итак, вы приняли решение создать сайт, уже знаете, для чего он вам нужен, а также определились с инструментами, которые будете использовать для его разработки.
Теперь перед вами стоит задача придумать доменное имя для вашего ресурса. Доменное имя и адрес сайта в интернете — это одно и то же.
Обратите внимание!
Если вы планируете создавать сайт в онлайн-конструкторе на бесплатном тарифе, не спешите регистрировать домен, так как он может не понадобиться.
Обычно на бесплатных тарифах нет возможности подключения собственного домена, поэтому вам придется довольствоваться тем именем, которое предложит сервис.
Рекомендации по выбору домена
При выборе доменного имени следует придерживаться таких рекомендаций:
- Доменное имя должно отражать название или деятельность вашей организации, бренда или вас как личности.
- Оно должно быть легко читаемым и запоминающимся как на русском, так и на английском языке.
- Написание домена должно быть однозначным — как слышится, так и пишется.
- Избегайте использования тире и других дополнительных символов.
- Не допускайте ошибок в написании, используйте сервисы транслитерации, например, этот: https://translitonline.com/dlya-seo
- Если вы работаете в России, рекомендуется выбирать зону. ru. Не путать с .рф
- Не выбирайте домен с историей.
Генераторы доменных имён
Если у вас возникли трудности с придумыванием имени для сайта, можно воспользоваться специальными генераторами, например, этими:
- https://www.reg.ru/domain/new/choose
- https://majento.ru/index.php
Проверка доступности доменов
Проверить, свободен ли ваш домен, можно на сайтах https://www.reg.ru или https://2domains.ru/domains, а также на хостинге, который вы выберете для своего сайта.
Способы регистрации домена
Теперь, когда вы определились с именем для сайта, его нужно зарегистрировать. Здесь есть два пути:
- Вы можете зарегистрировать домен на одном из специальных сервисов для регистрации доменов.
- Или выбрать свой хостинг и зарегистрировать домен уже на нём, там где будет базироваться ваш сайт.
Стоимость регистрации домена на специальном сервисе может быть немного ниже, чем на хостинге, но не существенно. После регистрации домена на сервисе вне хостинга вам придется прописывать NS-сервера и подключать домен к хостингу, что может вызвать определённые трудности. Некоторые авторы показывают такие примеры.
Уверяю, что через год вы забудете, где регистрировали свой домен, а его необходимо будет ежегодно продлевать. К тому же, ваш хостинг будет периодически предлагать вам перенести домен к себе. Поэтому, чтобы не путаться и не совершать ненужных движений, я рекомендую регистрировать домен на своём хостинге.
Выбор хостинга
Хостинг — это место на сервере, где будут храниться файлы вашего сайта. Хостинг-провайдер — организация, которая предоставляет это место, обслуживает и обеспечивает безопасность ваших файлов. Существует множество хостингов, как платных, так и бесплатных.
Бесплатные хостинги
- 2domains — https://2domains.ru/hosting/free. Чтобы зарегистрироваться на этом хостинге, вы должны быть жителем России и подтвердить свой номер телефона. Если в течение 30 дней в вашем аккаунте не будет активности, его автоматически заблокируют.
- Hostiman — https://hostiman.ru/free-hosting. Позиционируется как бесплатный хостинг №1. Чтобы пользоваться им бесплатно, необходимо предоставить фото паспорта на фоне сайта, то есть пройти верификацию. Если вы выберете самый дешёвый тариф, то можете обойтись без фото.
Это лишь два примера бесплатных хостингов, их гораздо больше. Просто имейте в виду, что такой вариант тоже возможен.
Однако, если вы хотите научиться создавать сайты и зарабатывать на этом деньги, я не рекомендую пользоваться бесплатными хостингами или бесплатными тарифами. Там всегда есть ограничения при условии бесплатного использования и скрытые риски.
Лучше выбрать недорогой платный хостинг, особенно если вы только начинаете свой путь в мире сайтостроения. Расходы на хостинг не так велики, особенно на минимальных тарифах, которые подойдут для начинающих.
Платные хостинги
Ниже представлены российские хостинги, которые обеспечат безопасность вашего ресурса и не приведут к его блокировке. Конечно, если вы будете вовремя оплачивать услуги и соблюдать законы РФ.
Для наглядности сравнение хостингов проведено в таблице по принципу — стоимость и услуги минимального тарифа. Обратите внимание, не везде указан самый минимальный тариф, так как в некоторых могут отсутствовать необходимые функции для наших целей.
| Хостинг | TimeWeb | Sprinthost | Majordomo |
|---|---|---|---|
| Кол-во сайтов | 2 сайта | 1 сайт | Безлимит |
| Места на диске | 15 ГБ | 1 ГБ | 10 ГБ |
| Кол-во БД | 2 БД | Безлимит | Безлимит |
| Почта | Бесплатно | Доп. услуга | Бесплатно |
| SSl-сертификат | Бесплатно | Бесплатно | Бесплатно |
| Цена за 1 мес. *при оплате за 1 год | 196 руб. | 99 руб. | 260 руб. |
| Цена за 1 мес. *при оплате за 1 мес. | 255 руб. | 129 руб. | 371 руб. |
| Бесплатный период | 10 дней | 30 дней | 7 дней |
| Бонусы | • Домен в подарок при оплате хостинга за 1 год • Тестовый домен • Ежедневные бекапы | • Тестовый домен • Конструктор сайтов базовый • Ежедневные бекапы | • Домен в подарок при оплате хостинга от 3-х месяцев • Конструктор сайтов базовый |
| Перейти на | TimeWeb | Sprinthost | Majordomo |
* Информация в таблице актуальна на момент написания статьи.
Это также не весь список существующих хостингов, их гораздо больше. Скажу только, что свои сайты я размещаю на TimeWeb и все дальнейшие манипуляции буду показывать на примере этого хостинга.
Регистрация домена
Регистрацию домена и показываю на примере хостинга TimeWeb. Вы выбираете любой, который вам понравился.
Обратите внимание, что домен регистрируется на паспортные данные! Это нормальная практика. Просто будьте к этому готовы.
- Для начала надо зарегистрироваться на самом хостинге. Процедура регистрации стандартная, как на любой платформе.
- Выбираете Хостинг → Виртуальный хостинг → Тариф Year+ → Начать бесплатно:
- Затем вы попадаете в панель управления хостингом.
- В меню слева выбираете → Домены → Купить домен → Регистрация доменов → Выбираете зону .ru → вставляете название своего домена и регистрируете:
Если вы заранее подобрали домен, то просто вставляете его название в поле. Если появляется зелёная галочка, значит домен свободен. Если галочки нет, то домен уже занят и надо придумать другой адрес для сайта.
Если заранее домен не подбирали, то можете сделать это прямо сейчас.
На этом сайте есть подробная статья по процедуре регистрации домена. Можете перейти и сделать всё по инструкции. Ещё раз описывать весь путь не буду. Зарегистрируйте свой домен, а затем вернитесь сюда и продолжим.
Кстати, по ходу регистрации домена, хостинг может предлагать вам дополнительные услуги. Сразу скажу, что регистрация домена стоит ровно столько, сколько указано изначально – 179 р. (на момент написания статьи). И ни каких дополнительных услуг подключать не нужно.
И ещё, какой бы домен вы не выбрали – вы его арендуете, а не покупаете навсегда. Как правило, вы оплачиваете аренду домена на 1 год. Через год продлеваете. Если этого не сделать, то ваш домен может занять кто-то другой.
Хостинг вы тоже арендуете на тот срок, за который оплатили (это может быть хоть 1 месяц, хоть 10 лет).
С хостингом и доменом разобрались. Идём дальше.
Как выбрать движок для сайта, исходя из типа сайта
Сейчас нужно выбрать платформу (движок, инструменты) для создания сайта. Выше писала, что выбор платформы для сайта зависит от типа сайта, который вам нужен.
Чем более простой сайт вы будете создавать, тем менее сложные инструменты можно использовать.
Платформа для создания сайта – это своего рода панель управления сайтом. У разных платформ разные функции и начинки. Есть платформы с минимальным набором инструментов для создания одностраничных сайтов. Есть более сложные системы, для создания многостраничных сайтов, интернет-магазинов и т.п..
Конструкторы сайтов
Конструкторы сайтов представлены как в виде онлайн платформ, так и в виде отдельных программ, которые можно скачать на ПК. Есть платные и бесплатные решения.
Бесплатные онлайн конструкторы сайтов
Ниже приведены онлайн платформы с конструкторами, где есть вечный бесплатный тариф:
Разумеется, любой бесплатный тариф всегда имеет ограниченный функционал. Но, для новичков, которые только начинают свой путь в сайтостроении, важно попробовать себя и при этом не тратить лишних денег.
- Mobirise – это бесплатна программа конструктор, которую вы можете скачать на ПК.
Разница между онлайн-конструкторами и программой Mobirise в том, что для последней вам понадобится домен и хостинг, куда вы будете загружать свой сайт. Сам же сайт вы создадите в программе у себя на ПК.
Mobirise – прекрасный вариант набить руку, и понять принцип работы конструкторов сайтов. Открою вам секрет — многие онлайн предприниматели делают свои сайты в Mobirise. Вы сами начнёте отличать такие сайты, немного изучив данный инструмент.
Кстати, у меня есть подробная пошаговая инструкция по созданию сайта в конструкторе Mobirise от А до Я. Если интересно, скачайте «Готовый комплект для создания сайта 2.0» здесь
Платные конструкторы сайтов
Платные конструкторы сайтов представляют собой онлайн платформы с огромным набором шаблонов и инструментов для решения различных задач. Здесь вы можете создать практически любой вид сайта от лэндинга до интернет-магазина. Можно подключить свой домен — это зависит от выбранного тарифа. Подключить платёжные системы. А также получить техническую поддержку по любым вопросам.
В каждом платном конструкторе сайтов, обычно, предоставляется какой-то бесплатный пробный период. Это позволяет пользователю познакомиться с сервисом и изучить его инструменты. Ниже приведу некоторые их таких платформ.
- Craftum – конструктор сайтов от хостинга TimeWeb. Это сравнительно молодая платформа, которая за короткий период времени стала довольно популярной.
Минимальный тариф здесь 299 руб. при ежемесячной оплате. Бесплатный период – 10 дней. Если у вас уже есть сайты на платформах Ecwid, Wix, Flexbe, LPmotor и других, то вам помогут их сюда перенести. Также этот конструктор можно подключить из панели управления хостингом TimeWeb, если вы там уже зарегистрированы. С помощью данного конструктора и шаблонов можно создать сайт любой сложности от визитки до интернет – магазина.
- Flexbe – ещё одна популярная онлайн-платформа для создания сайтов в конструкторе. Считается интуитивно понятной и функциональной. Минимальный тариф – 750 р./мес. Бесплатный период — 14 дней.
- Tilda – одна из более ранних платформ по созданию сайтов. Есть бесплатный тариф с очень ограниченными возможностями. Но, если хотите полноценный рабочий сайт, то минимальный тариф будет стоить 750 р./мес.
Сюда же можно отнести конструкторы, перечисленные в разделе «бесплатные» — у всех есть платные тарифы с расширенным функционалом.
Разумеется, это также не все возможные конструкторы сайтов, которые существуют на данный момент. Другие варианты можете найти самостоятельно.
CMS — системы
Переходим к более сложным решениям для создания сайта – это CMS-системы. CMS-система – это система управления и администрирования сайта (административная панель, админка).
Здесь также есть платные и бесплатные решения.
Платные CMS
Самая известная платная CMS – это «1С – Битрикс». Её особенностью является возможность интеграции с продуктами «1С». Это всё про бухгалтерию, налоги, учёт и контроль, а также про продажи. CMS «1С – Битрикс» — это комплексное многофункциональное решение для бизнеса. Если хотите освоить данный инструмент, то придётся пройти специальное обучение.
Бесплатные CMS
- WordPress – самая известная и популярная платформа для создания сайтов. Подходит для создания корпоративных проектов, личных блогов, сайтов визиток, лэндингов и много другого.
Имеет огромное количество тем (шаблонов), которые отвечают за внешний вид и юзабилити сайта. А также множество плагинов, которые существенно расширяют функционал данной CMS от создания профессионального лендинга до полноценного интернет-магазина.
- Joomla – считается конкурентом WordPress, но у неё, на мой взгляд, более сложный и неудобный интерфейс. Хотя и у этой CMS есть свои почитатели.
Joomla также предлагает множество функций и возможностей для настройки сайта, что делает её подходящей как для малых бизнесов, так и для крупных организаций.
- Drupal – ещё одна известная система управления сайтами, которую можно бесплатно установить практически на любом хостинге.
Она позволяет пользователям строить сайты любой сложности, начиная от простых блогов до крупных порталов и интернет-магазинов, благодаря гибким возможностям настройки и большому количеству дополнительных модулей.
- OpenCart – это платформа для создания интернет-магазинов, которая позволяет легко управлять продажами товаров в интернете.
OpenCart предлагает множество инструментов для настройки, управления товарами, заказами и платежами, что делает её популярным выбором для владельцев онлайн-магазинов. В общем, вполне понятная CMS и при желании в ней можно разобраться.
Это не весь возможный список CMS, а лишь самые известные. Лидером среди них, по моему скромному мнению, всё же является WordPress. Кстати, все CMS — системы вы можете увидеть, установить и изучить (при желании, разумеется) на своём хостинге.
Индивидуальная разработка веб-сайта
Ещё один способ создания сайта — индивидуальная разработка. Это самый сложный и самый дорогой вариант создания веб сайта, так как здесь требуется участие нескольких специалистов и проведение работ в несколько этапов.
Дизайн сайта
На этом этапе веб дизайнер рисует макет в профессиональной программе (Figma, Adobe Photoshop, Adobe Illustrator и т.п.).
Он продумывает структуру и внешний вид сайта, пункты меню, расположение информационных и рекламных блоков. И так для каждой страницы, если их несколько. Также дизайнер занимается разработкой цветового сочетания элементов, их формой и расположением.
За то, как будет выглядеть структура и внешний вид сайта, отвечает дизайнер.
Если хотите наглядно увидеть, чем занимаются дизайнеры – зайдите на сайт behance в раздел вебдизайн и посмотрите примеры работ. Кстати, это прекрасный ресурс, где можно черпать вдохновение для своего творчества.
Вёрстка сайта
После дизайнера к делу приступает программист или разработчик. Он пишет код, который отвечает за подвижность и жизнедеятельность сайта. Именно благодаря программисту, сайт оживает, и статичная картинка дизайнера превращается в полноценный рабочий инструмент.
- Плюсы такого сайта в том, что это будет индивидуальный проект, как ни у кого. Ну, и поисковики такие сайты любят.
- Минусы в том, что, не являясь специалистом, самостоятельно внести правки в такой сайт вы не сможете. Чтобы внести изменения, каждый раз придётся нанимать людей и платить им за это деньги.
Работа дизайнера и программиста – удовольствие не из дешёвых.
Если вы хотите научиться делать такие сайты и сложности вас не пугают, можете рассмотреть вариант получения Digital-профессии: UX-дизайнер, веб-дизайнер, программист или веб — разработчик.
Не знаете что выбрать? Пройдите тест на профориентацию
Или идём дальше и переходим к структуре сайта.
Как создать структуру сайта с учётом его типа
На этом этапе нужно продумать структуру сайта. Сколько и какой информации будет на вашем сайте, как и где она будет расположена, сколько будет пунктов в меню, какие рекламные блоки и блоки привлечения внимания будут на сайте, где они будут располагаться и т.д. Самая важная информационная составляющая должна находиться на видном месте, то есть, на первом экране.
Чтобы начать работу над структурой сайта, можно взять обычный лист бумаги и начертить на нём схему будущего сайта.
Обратите внимание, что на данном этапе желательно уже определиться, какой тип сайта у вас будет и на какой площадке вы будете его делать. Ориентируйтесь не только на желаемую структуру сайта, но и на возможности того инструмента, которым будете пользоваться для реализации проекта.
В любом случае, когда у вас будет понимание, что вы хотите видеть на своём сайте, вам будет легче подобрать шаблон и инструменты для реализации.
Основные моменты в структуре сайта
Ниже перечислены основные и важные моменты, которые нужно учитывать при разработке структуры сайта:
- вся основная информация о вас должна быть на главной странице на первом экране
- с любой страницы сайта можно попасть на главную страницу
- наличие удобной навигации или «хлебных крошек» на сайте
- контакты для связи и адреса компании должны быть на видном месте или в нескольких местах (если ваш вид деятельности это предполагает)
- каталог с ценами или актуальный прайс лист
- удобочитаемый шрифт
Таким образом, продумываем всё — всё для удобства пользователя. Ваш потенциальный клиент должен сразу видеть и легко найти то, зачем он к вам зашёл. А не метаться по страницам в поисках нужной информации. В этом случае он просто закроет страницу и уйдёт. Навсегда…
Другими словами, удобство использования сайта называется юзабилити. Юзать ваш ресурс должно быть комфортно и вам и мне и тому парню.
Выбор инструментов для создания сайта
Со структурой сайта разобрались. Теперь нужно подобрать инструменты для его создания. И у нас снова два пути.
- Если вы решили создавать свой сайт в конструкторе, то структура сайта, шрифты и прочие настройки будут определяться возможностью конкретной платформы и выбранным тарифом.
- Если вы решили создать сайт на CMS, то здесь у вас намного больше возможностей для творчества и реализации идей.
Внешний вид сайта, его шрифты, меню, структуру определяет выбранный вами шаблон (или тема) для сайта. Но, это лишь отчасти, потому что шрифты сайта вы можете поменять на свои, а также настроить цветовую схему, структуру меню, сделать прочие настройки. Количество настроек и возможности для редактирования элементов сайта определяются выбранным шаблоном.
Если мы говорим про CMS WordPress, то здесь много как бесплатных, так и платных шаблонов. А дополнительные плагины, могут расширить функционал любого шаблона WordPress. Но, не стоит увлекаться дополнениями, чтобы не нагружать сайт. Лучше сразу найти наиболее подходящую тему.
Как научиться создавать сайты и зарабатывать. Практика
Вы уже много всего узнали про сайты и их создание, давайте приступим к практике. Сейчас покажу то, о чём говорила выше. Если будете повторять за мной, к концу статьи у вас уже будут 2 собственных сайта.
Рассмотрим два примера создания сайта: один простой — в конструкторе Taplink, другой более сложный — на WordPress.
Это будут простые пошаговые примеры, которые вы сможете повторить за мной и сделать свои сайты уже сегодня. Так вы убедитесь, что создавать сайты — это достаточно просто и к тому же очень интересно.
Как создать сайт на Taplink
Taplink – это российский сервис для создания мобильных сайтов. Здесь вы сможете создать свой сайт, наполнить его необходимой информацией о себе и своём бизнесе. Затем ссылкой на этот сайт можно делиться с кем угодно и где угодно. Разумеется, без спама.
Регистрация в Taplink
- Идём на сервис Taplink и проходим стандартную процедуру регистрации:
- Заходим в свой почтовый ящик → подтверждаем свою почту → переходим в свой аккаунт на Taplink.
- Нажимаем на значок своего аккаунта → Мои профили → Новый профиль:
Выбор шаблона в Taplink
Сейчас предстоит выбрать шаблон для сайта. Обратите внимание, что шаблонов здесь много, но у всех есть ограничения.
На бесплатном тарифе вы не сможете поменять картинки или фото, если выберете шаблон с картинками. Поэтому для простоты эксперимента берём шаблоны из коллекции «Мультиссылки»:
Здесь есть шаблоны с анимацией и без неё. При выборе шаблона обратите внимание, что сам фон сайта и анимацию в дальнейшем вы изменить не сможете. Также не сможете поменять форму кнопки.
Что можно изменить: цвет текста и цвет кнопки, добавить дополнительный текст и дополнительные блоки.
Если вы заполните шаблон контентом, а потом он вам не понравится, то скопировать сайт в другой шаблон также не сможете. Придётся выбирать новый шаблон и заполнять его заново. Поэтому постарайтесь сразу выбрать наиболее подходящий для себя вариант, если не хотите переделывать сайт несколько раз.
Я выбрала такой:
Редактирование шаблона и настройка сайта
Теперь переходим к заполнению и редактированию нашего сайта.
Каждый блок можно настроить и отредактировать. Просто нажмите на него и откроются настройки блока:
Походите по вкладкам, понажимайте на кнопки, посмотрите, как здесь всё устроено:
- блоки можно менять местами путём перетаскивания
- каждый блок имеет свои настройки, просто нажимайте и смотрите, что находится внутри
- можно добавлять новые дополнительные блоки из тех, что доступны
- откройте дополнительные настройки и посмотрите, что ещё можно сделать с блоком
- если возникают трудности или вопросы, обратитесь в поддержку сервиса
- любой блок можно скрыть или удалить:
Заполнение шаблона своими данными
Перейдём к редактированию шаблона и заполнению сайта нужной информацией.
Аватар
- Сначала поменяем аватар. Загрузите фото, логотип или картинку. Размер аватара можно увеличить или уменьшить:
Текстовый блок
- Редактируем текстовый блок «Ваше имя». Для этого зайдите в настройки текстовых блоков. Здесь можно изменить размер шрифта, тип шрифта:
- Также можно изменить цвет шрифта — выбрать из палитры или задать свой:
Я поменяла текст, его размер, тип и сделала свой цвет. Посмотрите на результат:
Все остальные текстовые блоки редактируются аналогичным образом. Сделайте это.
Разделитель
- Редактируем разделитель. Разделитель можете оставить по умолчанию какой есть, либо выбрать другой. Можете отрегулировать его ширину, прозрачность, поиграться с другими настройками. А также скрыть или удалить этот блок:
Кнопка со ссылкой
- Редактируем кнопку со ссылкой. Здесь можно задать заголовок, подзаголовок, добавить иконку. А также выбрать действие, например, указать свой сайт или страницу в социальных сетях:
- В настройках кнопки в разделе «Дизайн» можно настроить анимацию, изменить цвет, сделать тени и прочее. Поиграйтесь:
- В разделе «Настройки» поставьте настройку, чтобы ссылка открывалась в новом окне:
- Добавьте иконку в кнопку. Для этого нажмите на картинку, вставьте или замените её. Вот как это выглядит у меня:
Промежуточный результат
- Смотрим на промежуточный результат:
Вы можете добавить сколько угодно таких кнопок со ссылками на ваши ресурсы или социальные сети.
- Скопируйте блок, чтобы не делать каждый раз одинаковые настройки в новом блоке. А затем отредактируйте нужную информацию:
Кнопки социальных сетей
- Добавляем кнопки социальных сетей. Социальные сети можно добавить обычной кнопкой со ссылкой, как показано выше. А, можно выбрать отдельный блок «Социальные сети».
Здесь всё зависит от индивидуальных особенностей. Если вы ведёте несколько соц. сетей, то целесообразно добавить кнопки из специального блока «Социальные сети». Если ведёте только мессенджеры, то добавьте их.
Можно просто указать свой телефон или почту для связи с вами, если у вас больше ничего нет.
Новые блоки
- Добавляем новые блоки. Если вам кажется, что сайт с одними кнопками слишком скучный и не информативный – давайте разбавим его контентом. Добавим пару текстовых блоков, списки, кнопки социальных сетей.
Для этого нажмите «Добавить блок» → в открывшемся меню выберите нужные блоки, доступные в рамках бесплатного тарифа:
Иконка и текст
- Я выбрала блок «Иконка и текст». Данный блок также имеет ряд настроек. Изучите их, чтобы сделать сайт интересней. Чтобы добавить воздуха, используйте разделитель без изображения.
Вот что у меня получилось:
Продолжаю создавать сайт, добавляю и редактирую блоки.
Секция
- Ниже показаны несколько блоков, которые объединены в секцию. Чтобы сделать также, найдите в настройках блока «Секция» — потяните за ползунок и объедините нужные блоки:
- Добавила блок кнопки социальных сетей и настроила их:
На этом с наполнением сайта закончу. Вы редактируйте до тех пор, пока вас не будет всё устраивать.
Придумываем доменное имя для сайта на Taplink
Сайт почти готов, осталось придумать доменное имя и получить ссылку.
- Нажимаем – Получить ссылку:
Попадаем в следующее окно.
Как говорила, собственное доменное имя доступно только на платном тарифе. Поэтому придётся довольствоваться поддоменом на основном домене Taplinkа.
- Здесь надо выбрать один из двух вариантов ссылки. Я выберу второй, где моё имя будет стоять первым.
- Я указала название своего сайта dengi-onlaine и подключила домен:
У вас будет своё название для сайта. Если вы продвигаете себя, как специалиста, можно в названии домена написать фамилию и имя латиницей. Пишите без ошибок, используйте сервисы транслитерации.
- После того, как вы нажмёте кнопку «Подключить» вас переадресует в следующее окно. Здесь вы можете скопировать ссылку на свой сайт, а также получить QR-код на него:
Всё — сайт готов!
!!! Обязательно проверьте, как выглядит ваш сайт на разных устройствах. Отправьте ссылку себе на телефон, посмотрите, как выглядит сайт на нём. Все ли кнопки работают, а ссылки открываются и ведут туда, куда было задумано. Если нет – возвращайтесь в ЛК Taplinkа и доводите свой сайт до совершенства!
Сейчас у вас есть свой сайт, а у меня ещё один, со всей необходимой информацией. Вот что получилось у меня https://dengi-onlaine.taplink.ws
Ссылкой на свой сайт можно делиться где угодно — социальные сети, личные переписки и прочее.
Как зарабатывать на создании сайтов в Taplink
Такие сайты можно делать на заказ прямо из своего личного кабинета на Taplink. А потом предать готовый профиль своему заказчику:
Когда будете работать с клиентами — не забудьте давать им свою партнёрскую ссылку на сервис Taplink. Если клиент перейдёт на платный тариф, вам будут начисляться комиссионные.
Ну что, цель достигнута?
Сейчас вы знаете, как научиться создавать сайты и зарабатывать на этом деньги двумя способами:
- Вознаграждение за работу по созданию сайта.
- Комиссия партнёрской программы сервиса, если приведёте к ним платных клиентов.
Если вы не просто читали, а повторяли все шаги на практике, значит вы уже научились создавать простые сайты в бесплатном конструкторе. Осталось создать себе сайт-визитку и найти первых клиентов.
Хотите освоить ещё один инструмент для создания сайтов? Скачайте подробное пошаговое руководство по созданию сайта в Mobirise — Готовый комплект для создания сайта 2.0.
Вы научитесь создавать сайты в бесплатной программе — конструкторе. Создадите форму подписки в почтовом сервисе и вставите её на свой сайт. Ещё узнаете много полезного про создание сайтов и получите дополнительные бонусы.
Сейчас давайте усложним задачу и создадим сайт на WordPress.
Как создать сайт на WordPress
Здесь опять можно пойти двумя путями:
- Совсем бесплатно. Чтобы создать сайт на этой платформе достаточно просто зарегистрироваться на площадке WordPress https://wordpress.com/start/user-social и следовать пошаговым инструкциям. Но, я этот вариант рассматривать не буду. Можете изучить его самостоятельно.
- Оплатить домен и хостинг и на него установить CMS WordPress. 179 р. – домен на год, 255 р. в месяц – хостинг. Всё остальное можно сделать бесплатно.
Дальше буду показывать, как создать сайт на CMS WordPress на своём домене на примере хостинга TimeWeb.
Регистрация домена для сайта
Про регистрацию домена писала выше. Если вы ещё не обзавелись собственным доменом, то сделайте это сейчас. Вот статья, где подробно описана процедура регистрации домена. Сделайте всё по инструкции и возвращайтесь обратно!
У меня уже есть домен для тестов https://1122333.ru на котором буду показывать установку.
Установка CMS WordPress
- Идём в панель управления хостингом → Сайты → Установка CMS → выбираем WordPress:
* Обратите внимание, что здесь есть все CMS, о которых рассказывала выше.
- Переходим по ссылке WordPress → жмём Установить приложение. В выпадающем меню выбираем свой домен → Начать установку:
Для установки CMS и экспериментов, вы можете воспользоваться тестовым доменом, который предоставляют некоторые хостинги, а затем повторить все действия уже со своим доменом. Я этого делать не буду. Просто знайте, что так тоже можно.
- Далее вас перекидывает в следующее окно. Здесь предлагают выбрать базу данных. Вы можете создать БД заранее, а потом выбрать её из существующих.
Если вы не создавали БД заранее, то автоматически будет создана новая БД, к которой будет привязан ваш домен. Нажимаете → Начать установку:
- Процесс установки занимает пару секунд. Далее появится окно с данными для входа в панель управления вашим сайтом. Также эти данные будут отправлены на вашу почту, с которой вы регистрировались на хостинге.
Обязательно сохраните их себе!
А прямо сейчас можно посмотреть, как выглядит ваш сайт. Для этого перейдите по ссылке «Перейти к сайту». Также найти свой сайт можно по адресу: http://ваш домен.ru у меня это https://1122333.ru
Не пугайтесь, что тут нет ни чего особенного – это всё настраивается в панели управления сайтом. Ещё WordPress периодически меняет предустановленные шаблоны, поэтому не переживайте, если ваш сайт выглядит сейчас не так как у меня. Это всё поправимо.
Вход в панель управления WordPress
Чтобы попасть в панель управления сайтом – нажмите ссылку «Перейти к приложению» затем введите свои логин и пароль, полученные при регистрации.
- В панель управления сайтом можно попасть по ссылке http://ваш домен.ru/wp-login.php. В дальнейшем вы так и будете делать.
- Вот как выглядит панель управления сайтом WordPress внутри:
- Вы можете настроить внешний вид консоли сайта. Разверните Настройки экрана и уберите лишние окна:
Закрытие сайта от индексации
На то время, когда вы будете изучать внутреннее содержимое CMS WordPress и настраивать свой сайт, его нужно закрыть от поисковых систем.
- Для этого в левой панели найдите Настройки → Чтение → нажмите чек-бокс «Попросить поисковые системы не индексировать сайт» → Сохранить изменения:
Когда вы настроите свой сайт, и опубликуете на нём первые статьи (рекомендуется не менее пяти), тогда этот чек-бокс можно снять, открыв свой сайт для индексации.
Кстати, мало кто об этом говорит. Такую информацию дают лишь некоторые авторы на платных курсах. А это важно.
Установка бесплатного SSL-сертификата
Сейчас нужно установить на сайт SSL-сертификат безопасности.
- Для этого идём в панель управления хостинга → Домены → SSL-сертификаты → Магазин сертификатов → выбираете бесплатный → Заказать:
- После этого откроется меню, где нужно выбрать домен для которого заказываете сертификат. Выбираете свой домен и заказываете. Подробно про заказ SSL-сертификата для сайта написано в этой статье.
Перейдите и сделайте по инструкции. У меня сертификат уже есть.
Когда сертификат получен ссылка на ваш сайт изменится с http://ваш домен.ru на https://ваш домен.ru.
- Чтобы убедиться, что ссылки сайта изменились, зайдите в Настройки → Общие → проверьте как сейчас формируются ссылки. Если в панели стоит протокол https, то всё хорошо, если нет — исправьте вручную.
- Затем зайдите в панель управления хостингом (не путать с панелью управления сайтом!) → Сайты → Мои сайты → Настройки сайта:
- Откроется меню с настройками сайта. Сделайте такие же настройки, как на скриншоте ниже:
- Возвращайтесь обратно в панель управления сайтом.
Установка плагинов
Продолжаем настраивать сайт на WordPress. Идём в Плагины → Установленные.
- Удалите плагин Hello Dolly, он совершенно не нужен.
- Активируйте плагин Akismet Anti-spam, который уже предустановлен. Здесь потребуется регистрация — это нормально. Следуйте инструкции, выбирайте бесплатный тариф, получите ключ и активируйте его.
- Если с активацией плагина Akismet Anti-spam возникнут сложности, то установите другой плагин антиспама — Antispam Bee.
Для этого идёте в Плагины → Добавить плагин → вводите в поиске Antispam Bee → Установить → Активировать:
Данный плагин не требует регистрации и активации. И для вас, как новичка, это будет даже проще. Можете сразу поставить Antispam Bee, а Akismet Anti-spam удалите. Оставьте на сайте только один плагин антиспама, чтобы не было конфликтов.
Давайте добавим ещё один плагин – он будет автоматически переводить русские буквы в латиницу. И ваши ссылки будут формироваться правильно.
- Установите и активируйте плагин Cyr-To-Lat:
- Затем перейдите в Настройки → Постоянные ссылки → поставьте чек-бокс «Название записи» и сохраните изменения:
Сейчас, когда вы будете добавлять записи на свой сайт, ваши ссылки автоматически будут формироваться правильно.
Настройка внешнего вида сайта — выбор шаблона
За то, как будет выглядеть внешний вид вашего сайта и его структура, отвечает тема или шаблон WordPress и то, как вы её настроите. Давайте займёмся красотой — настроим внешний вид сайта. Выберем новую тему для сайта. Тема или шаблон WordPress — это одно и тоже.
- Идём в меню управления сайтом → Внешний вид → Темы. Видим, что у нас здесь несколько тем, одна из которых активна. Именно она и установлена сейчас на сайте.
Обновите активную тему, если она требует обновления. Остальные темы удалите.
- Для того, чтобы удалить тему → подведите курсор мыши к самой теме → нажмите Информация о теме → Удалить:
- Таким образом, удалите все лишние темы, кроме той, что сейчас активна.
На сайте должна остаться одна предустановленная тема. Её мы поменяем на другую, но удалять не будем. Это техническая необходимость.
- Чтобы выбрать новую тему для сайта идём в панель → Внешний вид → Добавить новую тему:
- Вас перекинет в каталог с шаблонами для WordPress.
Как видите, здесь более 7 000 шаблонов. Среди них есть платные и бесплатные темы. Вы можете листать каталог тем и выбрать подходящую. А можете сузить поиск, отфильтровав темы с нужными характеристиками:
- Выберите те характеристики, которые вам нужны:
Таким образом, вы можете просматривать темы, устанавливать их на свой сайт и смотреть как ваш сайт будет выглядеть с тем или иным шаблоном. Если шаблон не понравился – просто удалите его.
Тема Astra
Я выбрала и установила тему Astra.
- Чтобы посмотреть, как сейчас выглядит сайт, нажимаем ссылку → Перейти на сайт:
Как видим, сайт совершенно голый, но внешний вид уже существенно лучше, чем с базовой темой. Всё остальное можно поменять и настроить в панели управления сайтом.
Если вы уже продумывали структуру своего сайта, то постарайтесь подобрать тему с характеристиками, которые позволят настроить нужную вам структуру.
Настройки темы WordPress
Основные настройки вашей темы можно найти в панели управления сайтом → Внешний вид → Настроить. У каждой темы это меню может выглядеть по-разному.
- Изучите инструменты и возможности именно вашей темы.
Как создать сайт WordPress из готового шаблона
Предположим, вы выбрали тему Astra, которую я показала. Любой сайт можно настроить с нуля из панели управления.
Но, для вас как новичка, будет легче воспользоваться стартовыми шаблонами для сайта, которые есть в этой теме:
* Не во всех темах есть такие функции.
Для этого зайдите в консоль вашей темы и выберите шаблон готового сайта.
Не у всех тем есть подобные функции и такое количество настроек. Именно это я имела ввиду, когда говорила, что структуру сайта надо соотносить с инструментами, с помощью которых вы будете создавать свой сайт.
Если для вас сейчас это слишком сложно, просто установите другую тему или изучите ту, которая идёт в комплекте с WordPress по умолчанию. Учитесь на ней, она проще.
Как добавить запись на сайт WordPress
- Чтобы добавить на сайт статью → заходим в Записи → Добавить запись:
- Здесь будут находится все записи вашего сайта. Удалите запись «Привет мир».
- Добавьте рубрики, соответственно структуре вашего сайта. Затем опубликуйте несколько записей, присвоив им рубрики.
Записи в WordPress формируются на основе блоков. Когда вы начнёте добавлять свою первую запись – вам предложат познакомиться с инструментами. Сделайте это:
- Оформите свою первую статью и опубликуйте.
Чтобы из редактора записи попасть обратно в консоль сайта, нажмите на значок WordPress в левом верхнем углу:
- Добавьте на сайт несколько записей , если это предполагает структура вашего сайта.
Подсказка. Опубликуйте на сайте 3-6 записей (статей). Просто напишите любой рыбу-текст и затем переходите к настройкам внешнего вида вашего шаблона. Так вам будет проще ориентироваться в визуальной настройке сайта, потому что появится какое-то наполнение.
Страницы сайта
Обратите внимание, что Страницы и Записи — это не одно и тоже!
Если планируете писать статьи — используйте Записи. Опубликованные записи автоматически будут выводиться в вашем блоге. Страницу же вы не увидите на сайте, пока не добавите куда-либо ссылку на неё.
Например, можно создать страницу с какой-либо информацией о конкретном продукте и ссылку на неё вставить в меню сайта. Тогда на эту страницу можно будет попасть из меню вашего сайта.
Если же ссылку на созданную страницу ни где не публиковать, то эту страницу ни кто и не увидит.
Меню сайта
Когда сайт будет немного наполнен статьями и рубриками, из этого материала можно сформировать меню.
- Настройки меню находится в панели управления сайтом → Внешний вид → Меню:
- Добавьте основное меню и сохраните его. Затем появится возможность его настраивать, добавляя элементы, которые уже есть на вашем сайте.
Обратите внимание, что у каждой темы WordPress разные возможности для формирования меню. Некоторые темы могут поддерживать только одно меню, другие – несколько разных меню в разных местах сайта.
Практическое задание
Итак, вы зарегистрировали домен, установили на него CMS WordPress, вкратце познакомились со всеми основными настройками сайта. Что сейчас ещё можно сделать?
- Настройте внешний вид своего сайта через меню Настройки → Внешний вид → Настроить.
- Добавьте на сайт насколько рубрик.
- Опубликуйте насколько записей, присвоив им рубрики. Добавьте изображение к записям.
- Сформируйте меню сайта из получившегося материала.
- Посмотрите в режиме просмотра, на результат своей работы.
Пример сайта на основе шаблона Astra
Посмотрите, какой сайт можно создать на основе темы и стартового шаблона, которые я показала в примере выше. Ниже — пара скриншотов этого сайта. А по этой ссылке вы сможете посмотреть проект целиком: https://pro.dengi-onlaine.ru
Если хотите научиться делать также и даже лучше, то ищите рекомендации в статье ниже. Расскажу, где можно этому научиться.
Как зарабатывать на сайтах на WordPress
Здесь есть много вариантов для заработка. Самый очевидный — это научиться делать такие сайты и создавать их на заказ. Также можно оказывать отдельные услуги по настройке и продвижению таких сайтов.
Как можно зарабатывать на собственном контентном проекте:
- заработок на партнёрских программах
- размещение рекламных мест за деньги (баннеры, статьи)
- размещение рекламных блоков от РСЯ
- продажа собственных товаров и услуг
- можно совмещать все эти способы
Расположение файлов сайта на хостинге
Давайте ещё покажу, где на хостинге находятся файлы вашего сайта.
- Когда вы устанавливали CMS WordPress на свой домен, автоматически сформировалась директория сайта: wordpress_cphyl (у вас своя).
Найти эту информацию можно в панели управления хостингом → Сайты → Мои сайты:
- База данных, которая также была создана автоматически при установке WordPress, находится во вкладке – Базы данных:
- Файлы вашего сайта можно найти в Файловом менеджере в папке wordpress_cphyl:
Как вы заметили, при автоматическом формировании директории, БД (база данных) и папки с файлами сайта, всему присваивается одинаковый префикс.
Так вы сможете идентифицировать, какому сайту какая БД принадлежит, а также где находятся файлы конкретного сайта.
Не рекомендую лезть внутрь этих папок и что-то менять, если вы в этом ничего не понимаете! Просто знайте, где и что тут находится.
Что ещё надо знать про создание сайтов на WordPress
Если вы всё повторяли за мной, значит уже создали свой сайт на WordPress на собственном домене. Здесь можно сказать – пишите статьи и будет вам счастье, но нет. Это не про деньги.
Если вы решите заниматься и развивать свой сайт, чтобы он приносил доход — вам предстоит ещё кое что сделать:
- Установить все необходимые плагины и правильно их настроить.
- Зарегистрировать права на свой сайт.
- Сделать хороший дизайн своему сайту в рамках возможностей выбранного шаблона. Или подобрать другой шаблон, возможно вы захотите выбрать платный.
- Создать логотип и фавикон для сайта.
- Продумать структуру сайта.
- Настроить меню сайта и блоки.
- Написать контент – план и подобрать семантическое ядро (для контентного сайта).
- Научиться писать правильные SEO-статьи, чтобы они выходили в ТОП поиска.
- Продвигать свой сайт различными способами.
- Изучить способы монетизации своего сайта и внедрить их на практике.
Создание, настройка, ведение и продвижение сайта на WordPress — это достаточно объёмная тема, которая достойна целого обучающего курса, и даже не одного.
В крупных организациях созданием и ведением сайта могут заниматься несколько специалистов – дизайнер, разработчик, копирайтер, маркетолог, SEO-специалист. Если всем этим занимается один человек — имя ему Веб-мастер.
Надеюсь, вы не испугались подобного объёма работ, и готовы учиться новому. А научиться этому можно без навыков дизайна и программирования. Хотя они не помешают.
Хорошая новость в том, что все технические настройки делаются практически один раз, а дальше дело остаётся за наполнением сайта контентом и его продвижением.
Если техническая часть вас пугает — можно заказать эту работу у фрилансера. Но, какие-то основы, из чего состоит ваш сайт на WordPress, знать всё же надо.
Подведём итоги
Прочитав статью, вы узнали несколько способов как научиться создавать сайты и зарабатывать на этом деньги. Также узнали, что сайты бывают нескольких видов. И что разные сайты решают разные задачи. Узнали какие инструменты создания для каких видов сайтов подходят.
А, если повторяли практические шаги за мной, то у вас уже должно быть 2, собственноручно созданных, сайта – на Taplink и на WordPress.
Ещё вы узнали, что в создании сайта может быть задействована целая группа разных специалистов.
А если вы решитесь самостоятельно создавать такие сайты, наполнять, продвигать их и зарабатывать на этом, то будете гордо называть себя веб-мастером.
Сейчас вы можете выбрать узкую специализацию и получить профессию. Или уметь делать почти всё и стать веб-мастером.
Чтобы вы не выбрали — всему можно научиться! А начать учиться можно прямо сегодня и совершенно бесплатно.
Рекомендации
Ниже Вы найдёте рекомендации хороших авторов и их обучающие программы. У многих из них я училась сама.
Курсы по созданию сайта с нуля начинающему
Ниже перечислены курсы по созданию сайтов на WordPress. Благодаря им вы узнаете ещё больше подробностей и нюансов о том как научиться создавать сайты и зарабатывать на этом деньги. Материалы данных экспертов выстроены в виде пошаговых видеоуроков.
Вы создадите свой сайт, если у вас его ещё нет, и сделаете необходимые технические настройки. Также узнаете путь дальнейшего развития своего проекта:
- Как сделать сайт за 3 дня | Ю. Литвина
- Создание сайта на WordPress за 3 дня | Е. Вергус
- Ударная раскрутка сайта | Д. Новосёлов
- Как сделать сайт за 5 дней | А. Гадельшин
У каждого автора своя манера подачи информации, свои фишки в настройках и прочее. Выберите своего мастера, у кого вам захочется учиться и развивайтесь в данном направлении.
Курсы по созданию одностраничных сайтов
Здесь курсы по созданию одностраничных сайтов, визиток, лэндингов:
- Сайт — визитка за вечер | Ю. Литвина. Научитесь делать профессиональные сайты на базе WordPress и плагина Elementor.
- Дизайнер сайтов на Тильда | Н. Волосянков
- Технология прибыльных сайтов | Е. Вергус
- Готовый комплект для создания сайта | админ этого сайта Научитесь создавать сайты в бесплатном конструкторе Mobirise, выгружать их на хостинг, устанавливать форму подписки и др.
Профессии в Digital
Если вас интересует получение Digital — специальности в области создания сайтов — присмотритесь к этим материалам:
| Профессии | Skillbox | Нетология | Яндекс Практикум |
|---|---|---|---|
| Дизайн | Веб дизайнер | Веб дизайнер | Веб дизайнер |
| UX/UI-дизайнер | UX/UI-дизайнер | Курсы по дизайну | |
| Программирование | Веб разработчик | Веб разработчик | Программирование |
| Профориентация | Пройти тест | Пройти тест | Пройти тест |
Полезные материалы
Помните сайт, который я вам показывала в примере — https://pro.dengi-onlaine.ru?
Вы можете сделать такой же или лучше, грамотно его настроить, научиться продвигать и монетизировать. В рамках обучения вы создадите не только сайт, но и настроите свои социальные сети, научитесь запуску рекламы в ВК и Яндексе, узнаете правовые аспекты онлайн заработка и другие полезные вещи. Присоединяйтесь здесь
Если планируете самостоятельно развивать свой сайт, вам пригодятся материалы по копирайтингу, SEO, партнёрскому маркетингу.
Заключение
Надеюсь, что эта статья удовлетворила ваш запрос на тему как научиться создавать сайты и зарабатывать на этом деньги. Здесь постаралась учесть все основные моменты по созданию сайта с нуля для начинающих, которые нужно знать. А также подобрала рекомендации для дальнейшего обучения, если вы захотите продолжить.
Разумеется, прочитав одну статью, вы не станете крутым специалистом, но это поможет вам выбрать область для дальнейшего развития или понять, какой сайт вам нужен прямо сейчас. С этим пониманием можно двигаться дальше в правильном направлении.
Начните с малого. Попробуйте, как у вас будет получаться. Создание сайтов — это творческое занятие. Это действительно интересно. Не бойтесь изучать новое. Помните — дорогу осилит идущий!
Если статья вам понравилась, пожалуйста, поделитесь ей в социальных сетях. А также, сохраните страницу в закладках, чтобы вернуться к ней, когда вам будет нужно.
* Страница может содержать рекламу. Данные о рекламодателе находятся по ссылкам на сайте рекламодателя.
