Как создать сайт на WordPress: пошаговая инструкция для новичков - uGuide.ru

Как создать сайт на WordPress: пошаговая инструкция для новичков

  • Обновлено:
    21.12.2018
  • Просмотры:
    291
  • Отзывы:
    0
WordPress — одна из наиболее простых и одновременно функциональных систем управления контентом. Этот движок выбирает большое количество начинающих веб-мастеров, и после изучения нашего руководства по созданию сайта вы поймёте, что это абсолютно оправданное решение.

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

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

Выбор хостинга и регистрация домена

Прежде чем создавать сайт на WordPress, необходимо определиться с хостингом, на котором он будет располагаться. Бесплатные варианты можно даже не рассматривать — они либо предлагают мало места, либо не обеспечивают достойную производительность. Для запуска блога обычно хватает возможностей минимального тарифа на платном хостинге. Цена вопроса — от 70 рублей в месяц, при оплате за год получится дешевле.

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

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

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

  • Хорошо, если в домене указано название сайта или указание на его предназначение.

  • Чем короче имя, тем проще его запомнить и воспроизвести.

  • У доменного имени не должно быть второго смысла или неприятного звучания.

  • Выбор доменной зоны зависит от того, для какой аудитории вы создаёте сайт. Самые распространённые зоны — территориальные. Но иногда полезно использовать тематические домены — например, *.shop для интернет-магазина.

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

Можно зарегистрировать имя и на других площадках, но тогда привязку придётся выполнять вручную, прописывая адреса DNS-серверов в настройках. Инструкцию о том, как это сделать, регистраторы обычно отправляют в письме, которое приходит после оплаты домена. Для регистрации понадобятся паспортные данные — без них купить доменное имя нельзя.



Как установить Wordpress на хостинг

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

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

Для инсталляции нужно выбрать сайт (по домену, который вы уже привязали к хостингу) и нажать «Установить WordPress». По умолчанию движок будет развёрнут в корневой директории сайта — sitename.ru. Если вам нужно, чтобы он располагался в другом разделе — например, по адресу sitename/blog.ru, — нажмите «Указать каталог» и добавьте нужный путь.

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

Ручная установка

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

  • Дистрибутив WordPress, который нужно скачать с официального сайта CMS.

  • Менеджер для загрузки файлов на хостинг через FTP. Например, можно использовать программу FileZilla FTP Client.

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

После создания базы данных вернитесь к файлам дистрибутива, которые вы распаковали на компьютере. Найдите wp-config-sample.php. и переименуйте его в wp-config.php. Откройте файл с помощью любого текстового редактора. Найдите раздел «Параметры MySQL» и введите учетные данные базы, которую вы только что создали на хостинге. На этом подготовительный этап завершён, можно переходить к отправке файлов на сервер.

Запустите файловый менеджер FileZIlla FTP Client. Чтобы подключиться к сайту, нужно заполнить поля «Хост», «логин» и «пароль» в верхней панели программы. Хост — это домен, который вы привязали к хостингу. Логин и пароль — учётные данные, которые хостер прислал вам для доступа к панели управления. Введите эти сведения и нажмите «Быстро соединение». В правой части менеджера должны появиться файлы и папки хостинга. Вам нужен каталог public.html. Найти его можно внутри папки, которая называется как доменное имя сайта. Именно в public.html и нужно перенести файлы WordPress — вы можете выбрать их через левое окно менеджера или просто перетащить с компьютера. Копирование займёт 5-10 минут.

Чтобы завершить установку, перейдите в любом браузере на свой сайт. Вы увидите окно мастера пятиминутной настройки. В нём нужно указать название сайта, логин и пароль для доступа к административной панели WordPress. Важно: они должны отличаться от учётных данных на хостинге. Придумайте новые значения и сохраните их в том же файле, где уже хранится имя и пароль базы данных, чтобы не потерять. Введите e-mail, на который система будет отправлять письма для администратора, а также запретите индексирование — сайт пока не готов к тому, чтобы его изучали поисковые системы. Разрешите индексирование после того, как всё настроите и опубликуете первую запись.

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

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



Первоначальная настройка

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

Общие

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

Написание

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

Добавьте один или несколько адресов службы обновлений — они будут сообщать поисковым системам о появлении на сайте новых постов. Например, можно добавить службу http://rpc.pingomatic.com. Она указана по умолчанию, так что оставьте её в строке.

Чтение

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

Обсуждение

Можно использовать стандартные настройки. Если есть такая необходимость, добавьте ключевые слова, при обнаружении которых система будет отправлять комментарии на модерацию или помечать их как спам. Параметры, указанные в разделе «Обсуждение», будут работать только в том случае, если на сайте используются стандартные комментарии WordPress. Если вы подключите стороннее приложения для комментирования, то их придётся настраивать отдельно.

Медиа-файлы

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

Постоянные ссылки

Выберите, как будут выглядеть адреса ваших страниц и постов. Например, можно установить значение «Название записи». Если вы хотите, чтобы в ссылке на материал была указана категория, в которой он размещён, то отметьте пункт «Произвольно» и вставьте конструкцию /%category%/%postname%/.



Выбор и установка шаблона

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

  • Посмотреть в официальном каталоге WordPress. Получить к нему доступ можно прямо из административной панели нового сайта. В разделе «Внешний вид» есть пункт «Темы».

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

  • Заказать шаблон у профессиональных разработчиков.

Установить тему можно двумя способами, выбор между которыми зависит от того, где вы её взяли. Если вы нашли шаблон в официальном каталоге WordPress через административную панель, то достаточно выбрать его и нажать на кнопку «Установить». Перед инсталляцией будет доступен предпросмотр, который поможет убедиться в правильности выбора. После установки тема появится в общем списке шаблонов. Чтобы перейти на неё, нажмите кнопку «Активировать».

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



Настройка темы

Количество настроек бывает разным в зависимости от шаблона, но определённый набор опций есть у каждой темы — как минимум вы сможете изменить цвета и сформировать главное меню сайта. Чтобы перейти к редактированию установленной темы, выберите раздел «Внешний вид» и нажмите «Настроить».

Вы можете:

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

  • Выбрать цветовую схему шаблона.

  • Создать и настроить меню, добавив в него ссылки на разделы сайта.

  • Добавить виджеты.

Это основные настройки, которые есть у каждой темы. У премиум-шаблонов могут быть дополнительные параметры — например, отвечающие за отображение слайдеров или включение/выключение визуального редактора.



Установка плагинов и подключение аналитики

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

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

  • RusToLat — для транслитерации русских букв в латиницу. Без него адреса страниц будут написаны на кириллице.

  • All in One SEO Pack — для добавления к записям блока с SEO-настройками: заголовка, описания, ключевых слов.

  • Akismet — для защиты от спама в комментариях.

  • Google XML Sitemaps — для создания карты сайта.

  • Classic Editor — классический редактор WordPress, в котором удобно работать с записями.

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

Чтобы найти и установить плагины, откройте одноимённый раздел в панели администратора. Используя поиск, отыщите нужные дополнения. После нажатия кнопки «Установить» плагин будет добавлен в список инсталлированных расширений. Чтобы включить его, необходимо нажать кнопку «Активировать». Кроме того, плагины можно устанавливать так же, как и темы — через загрузку архива с файлами.

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

Установка Google Analytics и Яндекс.Метрики

Чтобы добавить счётчик Google Analytics, сначала зарегистрируйтесь в системе. Если у вас есть гугловский аккаунт, используйте его для авторизации. Добавьте название и адрес сайта, отрасль, к которой он относится, и часовой пояс. После успешной регистрации вы получите код, который необходимо разместить на веб-страницах, чтобы начать собирать статистику.

Добавить счётчик на сайт можно разными способами. Самый простой — установить плагин Google Analytics и вставить в него полученный код. Это отличный вариант для новичков, которые не хотят связываться с пугающими своей сложностью файлами сайта.

Если вы не хотите ставить ещё один плагин, то добавьте код в хедер или футер, используя встроенный редактор темы WordPress. Для этого:

  1. Откройте раздел «Внешний вид» в панели управления.

  2. Выберите «Редактор».

  3. Найдите файл header.php, если хотите поставить счётчик на верхнюю часть каждой страницы сайта, или footer.php, если хотите разместить его в подвале.

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

  • В header.php код нужно вставить перед тегом </head>.

  • В footer.php код нужно вставить перед тегом </body>.

После добавления счётчика перейдите на сайт и убедитесь, что он работает без ошибок. Следить за статистикой можно в личном кабинете Google Analytics.

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

Добавление счётчика от Яндекса выполняется по той же схему, что и вставка Google Analytics:

  1. Зарегистрируйтесь в Яндекс.Метрике.

  2. Нажмите «Создать счётчик».

  3. Укажите имя счётчика и адрес сайта.

  4. Примите условия пользовательского соглашения.

  5. Установите настройки оповещений: например, можно включить уведомления об ошибках через электронную почту и SMS.

  6. В параметрах счётчика укажите, какую информацию он должен собирать — например, добавьте вебвизор, карту скроллинга и аналитику форм.

После заполнения всех необходимых полей вы получите код, который необходимо скопировать в буфер. Следующий шаг — добавление счётчика на сайте. В списке плагинов WordPress есть Яндекс.Метрика. Работает расширение так же, как Google Analytics: установите его, вставьте код и собирайте статистику. Если вы не хотите использовать ещё один плагин, то добавьте счётчик через файлы шаблона header.php или footer.php.



Редактирование кода сайта

Добавление счётчика на сайт — это самое простое действие, которое можно выполнить через редактор кода. В нём доступны все файлы шаблона, которые можно менять в зависимости от своих предпочтений. Через редактирование разных частей темы можно добавлять и удалять элементы интерфейса, менять цвета и местоположение виджетов. Но для этого нужны навыки программирования: как минимум знание PHP и CSS.

Опытные разработчики советуют менять код в редакторе на компьютере, а не через встроенные средства движка. Перед внесением изменений необходимо делать резервную копию файла. Это позволит быстро вернуть исходную версию в случае обнаружения ошибки. Встроенный же редактор удобно использовать для внесения небольших изменений — например, добавления тех же счётчиков или виджета комментариев от сторонних сервисов. Чтобы применить изменения, нужно нажать «Обновить файл».

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



Создание статических страниц

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

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

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

Укажите заголовок страницы — он будет отображаться на вкладке и в меню сайта. Напишите текст или используйте Gutenberg для добавления блоков с контентом. Используя визуальный редактор, разместите все необходимые элементы на странице. После завершения редактирования нажмите кнопку «Опубликовать».

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



Публикация записей

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

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

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

Добавьте заголовок записи, вставьте текст в редактор. Вы можете использовать визуальный режим или форматировать пост с помощью тегов HTML. Заполните SEO-параметры под записью: заголовок, описание, ключевые слова. Нажмите «Опубликовать», чтобы отправить пост в ленту блога. Записи, как и страницы, можно редактировать после публикации. Для сохранения изменений нужно будет опубликовать пост заново.

Если вам нужно, чтобы пост появился в ленте не прямо сейчас, а в определённое время, используйте отложенную публикацию. Возле кнопки «Опубликовать» есть ссылка «Изменить». Нажмите на неё, чтобы указать дату и время размещения записи в общем доступе. Главное не забудьте проверить время сайта, которое указано в общих настройках WordPress, — там должен быть указан тот часовой пояс, в котором вы живёте.



Выводы

WordPress — самая популярная система управления контентом среди начинающих веб-мастеров, но несмотря на это, создание первого сайта на ней может оказаться сложной задачей для новичков. Чтобы проект заработал, пользователю придётся разобраться с хостингом и базами данных, а также понять связь между сервером, движком и интерфейсом сайта. На это может уйти много времени. Освоение всех возможностей CMS займёт несколько месяцев и потребует приобретения навыков программирования — хотя бы на уровне простого редактирования CSS.

Если сайт нужен прямо сейчас, то WordPress — не самый быстрый способ получить его без серьёзных финансовых вложений. Гораздо эффективнее использовать конструкторы сайтов, потому что они удобнее и проще в освоении. Для работы с ними не требуются никакие специальные умения, кроме того, не нужно заботиться о работе хостинга. Всё, что требуется от владельца сайта на конструкторе — наполнять его полезным и интересным контентом.

  • Автор:

no avatar