Как создать сайт на cms wordpress

Шаг 2: Выберите имя для своего сайта, купите домен и хостинг

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

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

Тем не менее! Есть еще момент, что вам нужно понять, чтобы настроиться на успех в будущем.

Во-первых, в сети есть почти 2 миллиарда (!) Веб-сайтов (на момент написания статьи). То есть стать оригинальным может быть довольно сложно.

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

Короче говоря, хорошее доменное имя должно быть:

• Брендовое — уникальное, как ничто другое, что есть на рынке
• легко запоминающееся
• легко набрать и не трудно перепутать — вы же не хотите, чтобы люди задавались вопросом, как пишется название вашего сайта
• содержать свяь с нишей (ключевое слово). Например, если вы делаете что-нибудь связанное с пиццей, было бы здорово иметь «пиццу» где-то в названии сайта. То же самое работает и в отраслях, не связанных с пиццей.

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

Начните с ввода ключевого слова, которое хорошо определяет ваш сайт.

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

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

а) Покупка вашего доменного имени и хостинга

Есть десятки, если даже не сотни различных компаний, которые могут зарегистрировать новое доменное имя для вас. И есть также много компаний, которые могут предоставить вам место на хостинге…

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

Мы собираемся использовать Beget . Вот почему:

• Beget — это авторитетный веб-хостинг, оптимизированный для WordPress и обеспечивающий бесперебойную работу вашего сайта.
• это одна из немногих компаний, рекомендованная на официальном сайте WordPress.org
• это дешево (от $ 3,5 / месяц)
• он прост в использовании и удобен для начинающих
• вы получаете 

Выполним пошаговое создание сайта на WordPress вместе:

1. Посетим Beget и выберем план хостинга для сайта.
2. Зарегистрируем доменное имя в Beget (домен бесплатный).
3. Мы расскажем как в Beget установить и настроить чистую версию WordPress на нашем новом хостинге.
4. В итоге получим 100% работающий сайт WordPress!

Во-первых, нажмите здесь, чтобы перейти к Beget . На странице нажмите кнопку «Виртуальный хостинг».

В большинстве случаев, если вы запускаете новый сайт, вам будет достаточно самого дешевого плана под названием Blog. Это всего $ 2,5 / месяц.

На следующем шаге введите личные данные:

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

Вы получите самую низкую цену и бонусный домен, если купите пакет хостинга как минимум на 12 месяцев.

На этом этапе вы можете нажать «ПРОДОЛЖИТЬ» и завершить покупку.

б) Используйте Beget, чтобы установить WordPress

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

Хотя технически вы можете установить WordPress вручную, но зачем вам это, если вы можете воспользоватся услугами хостинга бесплатно в разделе CMS (Установка систем управления)!

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

Кроме того, вы также можете установить WordPress, перейдя в раздел «Файловый менеджер» и закачать архив с файлами WordPress в корневую папку вашего сайта.

После того, как вы завершили работу с мастером установки, ваш сайт установлен и готов к работе!

Что такое Вордпресс

WordPress — бесплатный движок сайта, который позволяет создавать страницы без знания HTML-кода. Сейчас это самая популярная платформа для сайтов в интернете. Благодаря своей популярности она обросла бесконечным количеством надстроек и возможностей, поэтому сейчас на Вордпрессе можно сделать ВСЁ.

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

Вордпресс — это движок, или, по-заморскому, CMS, Content management system. По сути это большая программа на PHP, которая умеет хранить и выводить ваши материалы в каком-то дизайне. Грубо говоря, вы пишете статью и сохраняете её в Вордпрессе, а уже Вордпресс беспокоится о вёрстке, оформлении, навигации, оптимизации для поисковиков и всём остальном.

Работая в Вордпрессе, вы не обязательно должны знать код, программирование и стили — система может взять всё это на себя. Но если вы всё это знаете, у вас в руках будет более тонко настраиваемый инструмент.

Многим нравится Вордпресс потому, что за него не нужно платить — это тоже плюс открытых исходников. Его можно легально устанавливать и использовать для своих нужд: от сайта-визитки до корпоративного портала.

Наш журнал «Код» тоже работает на Вордпрессе, но не из-за бесплатности, а потому что Вордпресс довольно легко поддерживать: почти для всего есть готовые плагины, а встроенные инструменты Вордпресса надёжны и хороши.

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

Создаем страницы

В терминологии WordPress существуют страницы двух типов: записи и страницы.

Схема записи

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

Иерархия страниц

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

Сначала создаем страницы разделов: услуги, наши проекты, о компании. Потом создаем страницы внутри каждого раздела, указываем родительскую страницу. Если все сделать правильно, то перечень страниц выглядит примерно так:

Создаем основные и дочерные страницы

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

Перечень записей раздела Выполненные объекты

Как создать страницу

Переходим в раздел Страницы — Добавить новую:

Заполняем заголовок, текст страницы, указываем родительскую страницу, если она есть.

Схема создания страницы

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

Как создать рубрику записей

Переходим в раздел Записи — Рубрики:

Задаем название новой рубрики, жмем добавить “Добавить новую рубрику». Ярлык рубрики будет сгенерирован автоматически.

Как создать записи

Переходим в раздел Записи — Добавить новую:

Указываем заголовок, добавляем текст, выбираем рубрику, ставим метки, задаем миниатюру — изображение анонса нашей записи размером 782 ? 509 px.

Схема создания записи

Жмем “Опубликовать».

Шаг 3. Настраиваем хостинг

После оплаты вы попадёте на страницу настроек. 

Выбор панели управления

Панель управления позволяет вам управлять хостингом. Она нужна для расширенной настройки сайта, но в REG.RU базовые операции можно выполнять в несколько кликов через Личный кабинет. Если вы захотите более подробно разобраться, как работать с панелью управления, можете почитать нашу Базу знаний по хостингу.

Мы выбираем панель ISPmanager, так как она популярна, подходит для большинства сайтов и поддерживает все основные CMS.

Установка CMS

На этом шаге нам необходимо установить CMS WordPress. Это можно сделать в один клик, просто нажав на галочку напротив WordPress.

Завершение настроек

Теперь всё, что нужно для сайта, готово к работе! После завершения настроек вы попадёте прямо в Личный кабинет и увидите активные услуги. Разберёмся, что здесь к чему:

1. Это карточка вашего хостинга. Нажав на неё, вы увидите доступные действия с хостингом. Здесь можно зайти в панель управления, перейти в CMS, продлить услугу, поменять тариф и прочее.
2. Карточка домена. В ней можно посмотреть доступные действия с доменом. Заметьте, что ваш сайт не сразу будет доступен по выбранному адресу — требуется некоторое время, чтобы домен стал активен. Но работать с сайтом можно сразу же по временному техническому адресу, который доступен автоматически.
3. Карточка SSL-сертификата.

Теперь можно приступить к настройке сайта.

Основные шаги по созданию сайта

Несмотря на то, что некоторые люди (особенно веб-разработчики) преподносят этот процесс как работу только для экспертов, но, на самом деле создать собственный сайт не так уж сложно. Любой, кто имеет некоторые базовые знания в Интернете, может легко сделать это.

На самом деле это простой процесс из пяти шагов:

1. Выбрать CMS (система управления сайтом).
2. Подобрать доменное имя будущего сайта.
3. Выбрать хостинг и тарифный план.
4. Выбрать тему для сайта.
5. Установить сайт.

Поговорим о каждом шаге более подробно. Итак, приступим.

Что такое CMS?

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

Прочитайте и вернитесь сюда. Здесь мы будет говорить конкретно про CMS WordPress.

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

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

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

Сайт на WordPress — добавление контента

Добавление контента на страницы и в записи производится аналогично.

• Нажмите на кнопку «Добавить новую»;
• Введите заголовок. Это должна быть общая идея страницы или записи;
• Внесите в большое поле контент.

Справа вы увидите две вкладки «Визуально» и «Текст». Убедитесь, что вы редактируете контент через вкладку «Визуально». Вкладка «Текст» показывает код разметки, если необходимо изменить его:

Через эту панель можно сделать текст жирным, курсивом или вставить изображения. Для вставки изображений нажмите «Добавить медиафайл». Кнопки, расположенные сверху от поля ввода текста, обеспечивают дополнительный функционал. Если вы хотите, чтобы элемент был отформатирован как заголовок или подзаголовок, выделите текст и измените значение «Параграф» на «Заголовок 1«, «Заголовок 2» и т.д.:

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

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

Этап: создание базы данных

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

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

Если базу нужно создавать самостоятельно, то общий принцип действий для всех хостинг провайдеров такой:

1. Заходите в панель управления хостингом (ссылку на панель вы получили при регистрации у хостера).

2. Находите где-то в меню раздел «Базы данных» или «MySQL»

3. Создаете в этом разделе базу данных. Для базы данных нужно указать её название, а также для базы данных указывается её пользователь. Если пользователя нет, то его нужно создать. Для пользователя указываете имя и пароль.

4. Все данные нужно сохранить: название базы данных, имя пользователя, пароль пользователя. Эти данные будут использоваться в файле при установке WordPress.

Чтобы посмотреть на примерах как создается база данных, ниже несколько видео уроков по этому теме:

Создание базы данных в Plesk:

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

Создание базы данных в phpMyAdmin

Если на хостинге нет панели-управления или она есть, но там нельзя создать базу данных, то на всех серверах установлен phpMyAdmin и базу данных можно создать там.

Вот подробное видео как это делать:

Работа с консолью MySQL

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

$ mysql -u adminusername -p
Enter password:
Welcome to the MySQL monitor.  Commands end with ; or \g.
Your MySQL connection id is 5340 to server version: 3.23.54

Type 'help;' or '\h' for help. Type '\c' to clear the buffer.

mysql> CREATE DATABASE databasename;
Query OK, 1 row affected (0.00 sec)

mysql> GRANT ALL PRIVILEGES ON databasename.* TO "wordpressusername"@"hostname"
	-> IDENTIFIED BY "password";
Query OK, 0 rows affected (0.00 sec)

mysql> FLUSH PRIVILEGES;
Query OK, 0 rows affected (0.01 sec)

mysql> EXIT
Bye
$

Вам нужно вписать ваши значение в следующие переменные:

• чаще всего имеет значение root, в том случае, если у вас нет иного аккаунта с более высокими привилегиями.
• или — подходящие названия для вашей базы данных databasename.
• подхдящее название для имени пользователя wordpressusername.
• чаще всего имеет значение localhost. Если вы не знаете значения данной переменной, советуем вам узнать ее у вашего системного администратора.
• пароль — желательно, если он будет включать в себя символы, представленные в верхнем и нижнем регистре, спец. символы, цифры и буквы.

Почему стоит выбрать WordPress?

Начнём с малого: что такое Вордпресс и с чем его едят? Это одна из самых популярных систем управления контентом (другими словами — способ организации сайта)

В сравнении с Joomla, OpenCart, Битриксом и прочими движками WordPress обладает рядом преимуществ, на которые я советую обратить внимание:

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

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

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

Если вы не хотите тратить время на самостоятельный поиск информации, могу порекомендовать курс Михаила Русакова:

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

Но вернёмся к теме нашей статьи.

Организационная часть

Подбор домена

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

Строгих правил по выбору доменных имен нет, регистраторы предлагают домены практически в любой зоне мира. Главное — сохранять здравый смысл.

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

Основные моменты

Никогда не связывайтесь с кириллическими доменами (.РФ, .РУС и т.п.)

Их можно использовать в качестве зеркал, для использования в рекламе, печати на визитках. Они хорошо читаются, запоминаются, но в основном домене должна быть только латиница.

Используйте национальный верхний уровень.

Например, для российских сайтов лучше использовать зону .RU, для украинских — .UA, для международных коммерческих сайтов — .COM. Если все занято, тогда смотрим тематические и все остальные.

Постарайтесь не использовать в именах цифры и символ минуса (дефис).

Естественно, если цифра не является частью бренда, торговой марки — Tele2, 1tv, 112, 3m и т. п.

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

Выбор хостинга

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

Главное — хостинг должен работать быстро и стабильно, что бывает не всегда, к сожалению. На скорость также влияет географическая удаленность дата-центра. Желательно, чтобы сервера хостинга физически размещались хотя бы на том же континенте, где целевая аудитория сайта.

Мне часто задают вопрос какой хостинг выбрать для Вордпресс. В принципе подойдёт любой известный российский хостинг. Лично я много лет пользуюсь услугами двух компаний — Рег.ру и Таймвеб. Меня все устраивает и я вполне могу их рекомендовать.

• Рег.ру — лидер отрасли, также является регистратором доменных имён.
• Таймвеб — качественный хостинг по доступным ценам.

Регистрация хостинга и домена

Процедура не сложная, рекомендую сразу указывать свои реальные персональные данные.

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

Порядок действий зависит от того каким пойдем путем. Все таки Рег.ру самый популярный регистратор и удобнее держать домены в одной панели управления.

Хостинг Таймвеб, домен в Рег.ру

Регистрируем домен в Рег.ру, прописываем ему сразу NS Таймвеб:

• ns1.timeweb.ru
• ns2.timeweb.ru
• ns3.timeweb.org
• ns4.timeweb.org

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

Хостинг и домен в Рег.ру

В Рег.ру выгоднее начать с оформления хостинга. За регистрацию домена вместе с хостингом полагается скидка на хостинг 15%.

Когда все организационные вопросы решены, можно переходить к технической части.

Как добавить карту и другие функциональные элементы на сайт WordPress

Следующий пример, которые мы обещали рассмотреть, – это как добавить карту при помощи плагина

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

Вы сможете внести на страницу карту при помощи плагина MapifyPro, причем как управляемую, так и в виде графического скрина.

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

Как редактировать сайт Вордпресс

У вас есть несколько вариантов как изменять структуру сайта. Первый и самый сложный вариант – это ручная редактура страниц. Можно самостоятельно написать код для стиля страниц сайта. Для этого воспользуйтесь интернет-ресурсами, посвященными программированию. Учтите, что для добавления своего кода на движок Вордпресс его нужно адаптировать под потребности этой платформы – перед активацией html-элементов переделайте файлы в php формат с изменением кода. Заниматься таким со старта знакомства с движком можно, но есть ли смысл? Лучше начните с более легких методов.

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

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

Развитие платформы Вордпресс

История движка началась в 2003 году. Он задумывался как часть огромной системы.

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

Создатель WordPress — Мэтью Мулленвег

Первая версия (0.70) вышла в мае 2003. С каждым годом движок становился всё мощнее и больше. Разработчики обновляли панель администратора, добавляли возможности работы с наполнением сайта — фото, видео, виджеты, функции редактора и т. д. Также на начальных этапах была добавлена интеграция с Твиттером.