Создание сайта на CMS WordPress

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

Несколько минут??? Да-да, это не опечатка. Возможно вы думаете, что это сложный технический процесс, который под силу опытным программистам? Это не так. Специально для обычных людей, новичков, которые хотят создать собственный сайт были разработаны специальные программы, облегчающие этот процесс.

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

Что такой CMS WordPress

CMS — (Content Management System — Система управления контентом или сайтом ) – программное обеспечение, позволяющее создавать, а также управлять содержимым и структурой сайта.

WordPress (Вордпресс) — это название одной из таких систем управления сайтом, являющейся самой популярной на сегодняшний день.

Кроме WordPress-а существует масса других, менее популярных систем управления сайтом (CMS), например Joomla или Drupal. Суть у всех этих CMS одна — это облегчить работу с сайтом непрофессионалам, т.е. нам с вами, обычным пользователям. А вот технические характеристики и возможности у этих CMS разные.

Это как если говорить об автомобилях. Есть Феррари, БМВ, Тойота. Суть у любого автомобиля одна — это средство передвижения, а вот техническая начинка у всех разная.

Что из себя представляет любой сайт?

Любой сайт можно сравнить с живым организмом, например, с человеком. У нас есть внешняя оболочка, то есть то, как мы выглядим, например, цвет волос, глаз, рост, форма носа, строение фигуры  и т.д. А также есть внутренние органы: сердце, легкие, желудок, печень.

Так и у сайта: есть внешняя оболочка — это то, что мы видим на экране своего браузера. А также есть внутренняя оболочка, которая называется код:

Каждый знак в коде отвечает за определенный элемент во внешнем облике сайта и его технической работе. Таким образом любой сайт это по сути программа, а люди, которые их создают — программисты.

Но как же быть, если ты не программист, а учитель, водитель, врач или кто-то еще?

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

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

CMS-систему еще называют «движком» (жаргонизм от англ. engine — мотор, двигатель) сайта. Как и в любом автомобиле движок, по сути, важнейший элемент, без которого машина превратится в груду хлама. Мотор приводит автомобиль в действие.

Так и в CMS-системе. Движок дает жизнь сайту и приводит его в работу. Через движок мы можем управлять любым элементом сайта, что позволяет максимально упростить его обслуживание.

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

В случае с движком, то есть CMS-системой, вам достаточно внести изменения всего в одном месте, а остальное система сделает за вас. Она сама выведет ваш баннер на тысячах страниц всего за доли секунды.

Что ж, хватит слов, давайте переходить к действиям. В следующем видео:

• Мы создадим в личном кабинете хостинг-провайдера сайт;
• Привяжем его к домену, который регистрировали ранее в Reg.ru;
• Установим на сайт движок WordPress.

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

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

Что же еще может делать владелец сайта в административной консоли? Смотрим видео:

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

Темы создаются профессиональными веб-дизайнерами и программистами. Они бывают как бесплатные, так и платные. Также на сайтах фриланса или в специальных студиях веб-дизайна можно заказать уникальную тему оформления, которая будет только у вас и ни у кого другого.

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

Ну что же, настал черед большой и трудной работы. Нет-нет, вам не придется таскать мешки с мукой. Вам придется «перелопатить» десятки, если не сотни, различных тем оформления вашего сайта. При чем, делать это вы будете добровольно. Я не буду заставлять вас это делать, дабы вы постигли какие-то азы сайтостроения или чего-то еще.

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

Я просто хочу морально вас подготовить к этому, так как сам через это прошел. У кого-то из вас на поиски темы оформления могут уйти недели и даже месяцы и все равно вы будете чем-то недовольны. Короче, нужно на время удалить из себя все излишние проявления перфекционизма, на данном этапе он будет только мешать.

Перед тем как вы приступите к процессу поиска и отбора, позвольте дать вам несколько советов:

1. На начальном этапе постарайтесь не тратить на это много времени. Для вас сейчас главное не это. Главное запустить сайт с любым дизайном, заставить его работать на вас, а потом уже, в ходе работы дорабатывать его или подбирать другую тему. К тому же, со временем, с опытом, вы сами поймете, что должно быть на вашем сайте, а чего быть не должно и исходя из этого сможете сформировать более четкие требования к дизайну и к теме оформления.
2. Перед тем как искать тему, потратьте какое-то время на анализ тех сайтов, которые вам нравятся. Может быть у вас есть какие-то любимые блоги или новостные сайты, которые вы часто посещаете. Посмотрите что у вас накопилось в закладках браузера. Откройте сайты конкурентов, предварительно забив в Яндекс или Google ключевые запросы по вашей тематике.Оцените стиль всех этих сайтов, цветовые гаммы, расположение блоков и виджетов, удобство навигации. Выпишите что вам понравилось, а что нет. Это поможет вам лучше понять каким должен быть ваш сайт.
3. Отдавайте предпочтение классическим темам оформления без лишних «наворотов». Старайтесь использовать светлые тона с классическим черным шрифтом. Помните, главное на сайте контент, а все остальное должно его дополнять.

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

Что лучше: бесплатная или платная тема?

Вы должны понимать, что бесплатную тему может скачать с интернета любой желающий, а значит, вы можете встретить в сети сайт-клон, который внешне будет такой же как ваш, только контент будет разный. Исходя из этой точки зрения лучше установить платную тему. К тому же платные темы бывают разные.

Например, если покупать платную готовую тему на одном из специализированных сайтов, то такая тема может обойтись в 5-50 долларов. Но готовая тема подразумевает, что она также может появится на одном из других сайтов, либо попасть в бесплатный доступ.

Есть третий вариант, заказывать индивидуальную тему с нуля. Такая тема оформления будет только у вас, но ее стоимость будет колебаться в районе 30.000 — 100.000 руб.

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

Ну а теперь давайте перейдем к видео инструкции по выбору и установке темы оформления для вашего сайта:

Перед установкой темы на Вордпресс не забудьте проверить ее на вирусы. Делается это с помощью следующих сервисов:

• https://www.virustotal.com/
• https://online.drweb.com/

Подробнее об этом в следующем видео:

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

Как только вы это сделаете, то можно переходить к следующим урокам, в которым мы с вами «прилижем» наш сайт, избавимся от всех ненужных деталей, заменим Заголовок и описание сайта, в нужном порядке расположим меню нашего сайта и сделаем много другой нужной работы. Ниже приведены ссылки на все статьи, необходимые нам для создания полноценного сайта: