Как создать сайт на WordPress

Как создать сайт на WordPress

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

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

Нулевой шаг – тестовая среда и бэкапы

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

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

Но всего этого можно избежать, если взять за правило предварительное тестирование изменений в специальной среде.

Когда вы созреете для этого, можете вернуться сюда и получить нужное направление действий:

  1. Можно создать тестовую среду непосредственно на хостинге, изолировав тестовый сайт, например, на поддомене.
  2. Второй вариант – установить специальный софт на своём ПК, например, сборку Open Server или аналоги (XAMPP, Denwer, WampServer и т.п).
  3. Более сложный, но правильный подход для разработчиков – создание полноценной виртуальной машины, внутри которой будет работать автономная версия web-сервера на базе популярного Linux-дистрибутива, например, Debian или Ubuntu. Такую виртуальную машину можно даже перенести на VPS или Dedicated-сервера.

Что касается резервных копий – делайте бэкапы всегда и храните их в разных местах: на своём ПК, в облаках, на FTP-серверах, на другом хостинге. Никогда не стоить доверять свои данные только одному хостеру. Если завтра по какой-то причине его собственники не поделят бизнес, оборудование арестуют соответствующие органы, в дата-центре случится пожар или просто строительная бригада случайно перебьёт оптокабель, который по совместительству является единственным каналом доступа к Интернету вашего хостера, то «ВСЁ ПРОПАЛО!».

Хорошо, если это ваш сайт для хобби. А если это коммерческий проект и от него зависит ваш доход?

Делайте бэкапы и храните их в разных местах… А ещё – регулярно проверяйте возможность их восстановления, чтобы архивы и базы данных случайно не оказались повреждены.

Выбор имени сайта / домена

Если вы ориентируетесь на российских пользователей, то всё, что вам нужно знать на этом шаге – в РФ есть Координационный центр доменов RU и РФ, на официальном сайте которого можно найти полный список действующих регистраторов. На текущий момент это около 50 компаний. Вы можете сравнить их цены и выбрать наиболее подходящего партнёра для регистрации.

Конечно, всегда можно заказать свой первый домен через своего хостера, тем более что многие провайдеры даже обещают бесплатное имя сайта как минимум на 1 год. Но у такого подхода есть свои минусы. Между вами и официальным регистратором появляются посредники. Иногда это даже выгодно, так как можно рассчитывать на сниженную стоимость доменов (посредник покупает их оптом, поэтому ему предоставляются скидки). Но когда дело дойдёт до продления или передачи домена другому лицу, появятся проблемы: цены на продление могут быть сильно завышены, функционал по управлению доменом – существенно ограничен, а при попытке переноса или передачи может выясниться, что в документах допущена неточность и нужно пройти массу бюрократических процедур, чтобы доказать, что вы это вы, и у вас действительно есть право распоряжаться своим доменом.

Если вы хотите удобное и быстрое решение всех проблем – работайте с регистраторами напрямую.

Помните, что сразу после регистрации ваш новый домен ещё не внесён в систему DNS-серверов, поэтому, чтобы система его «увидела», должно пройти от 1 до 3 дней (в зависимости от регистратора и его инфраструктуры собственных NS-серверов). Например, связка «REG.RU + почта для доменов Яндекса» работает быстро, и данные о вашем домене могут обновиться на территории РФ уже в течение 1 дня.

Мало просто купить домен, нужно перенаправить его на ваш хостинг. Как это сделать мы, рассмотрим на соответствующем шаге. Если вы уже знаете, кто будет вашим хостинг-провайдером, то сразу после регистрации домена вы можете настроить его NS-записи.

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

Всё, что требуется WordPress – это один из популярных WEB-серверов (Apache2 или Nginx), поддержка языка PHP и сервер баз данных MySQL/MariaDB.

Под такие критерии попадает несколько сотен тысяч провайдеров услуги… Как не прогадать? Кому хочется тратить время и нервы на поиск и тестирование подходящего хостинга? Правильно, если у вас нет желания и времени на подобное занятие, лучше сделать ставку на проверенные решения. Например, можно прислушаться к рекомендациям разработчиков движка WordPress и выбрать бессменного вот уже много лет лидера – Bluehost.

Здесь есть специальные тарифы и сервисы для этого движка, есть профильные технические специалисты, которые работают с WordPress, CMS можно установить в один клик из панели управления, а часть потраченных на хостинг средств пойдёт на поддержку движка. Тарифы здесь в большинстве своём без каких-либо лимитов по объёму занимаемого пространства, по потребляемому трафику и т.п. И цены более чем приемлемые – от 2,95 $/месяц.

Тарифы Bluehost

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

Для новых сайтов и для «пробы пера» легко подойдёт виртуальный (общий/shared) хостинг. Если у вас крупный проект и специфические требования к предустановленному программному обеспечению сервера – тогда лучше выбрать VPS или даже облачное размещение. Обратите внимание, что в случае с облачными сервисами могут возникнуть проблемы при работе с кириллическими доменами.

При подборе провайдера виртуального хостинга уделите внимание поддержке установки свободных SSL-сертификатов. Без них ваш сайт не сможет работать с защищённым протоколом HTTPS, а значит, его позиции в выдаче будут хуже конкурентов. И Google, и Яндекс давно объявили о том, что наличие поддержки HTTPS – важный фактор ранжирования.

Второй важный момент – наличие поддержки PHP7. Дело в том, что актуальная версия движка WordPress рассчитана на работу со стабильной версией PHP, а это ветка 7.2 и выше.

Создание сайта на хостинге

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

В качестве имени сайта обязательно указывайте ваш домен. Если вы приобрели домен в кириллице –конвертируйте его в Punycode (подойдёт любой онлайн-конвертер).

Punycode-конвертер

Например, если ваш сайт выглядит в кириллице так «ваш-сайт.рф», то после конвертации он приобретёт такой вид «xn—-7sbbf2b7bj7b.xn--p1ai». При создании/добавлении нового домена в панели управления следует использовать Punycode-версию написания. Иначе панель управления может не создать новый сайт.

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

После процедуры создания хостер формирует специальные настройки своего web-сервера и выделяет вам:

  • каталог, в котором будут храниться файлы движка и другие файлы, необходимые для работы сайта;
  • FTP-аккаунт (используется для подключения к каталогу сервера и загрузки в него необходимых файлов);
  • базу данных MySQL и пользователя с правами доступа к ней (как минимум, логин и пароль).

Если ваш хостинг предоставляет SSH-доступ, то это будет отличной и безопасной заменой FTP-загрузкам.

Вся необходимая информация дублируется в email-сообщении (высылаются параметры доступа к FTP/SFTP, базе данных).

Как будет выглядеть процесс на хостинге Bluehost с автоматической установкой движка:

  1. Вы авторизуетесь в панели управления.
  2. Переходите в секцию «Сайт» (Website).
  3. Выбираете пункт «Install WordPress» и нажимаете кнопку «Установить»/ Install.
  4. Система попросит ввести ваш домен и название каталога, в который будет установлен движок.
  5. При необходимости можно задать логин администратора и адрес электронной почты (вкладка «Дополнительные опции»/advanced options).
  6. Осталось нажать кнопку «Install Now»/ «Установить сейчас».

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

Ручная загрузка дистрибутива WordPress

Если ваш хостинг не предлагает установки «в один клик», нужно предварительно скачать актуальный дистрибутив с официального сайта WordPress – https://ru.wordpress.org/latest-ru_RU.zip

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

cPanel файловый менеджер

Если файлового менеджера нет – подключитесь по FTP и закачайте заранее распакованный движок в корневую директорию сайта.

Аналогичным способом можно переносить уже действующие сайты (например, при переезде с другого хостинга или при переносе из тестовой среды).

Если у вас есть доступ к SSH-консоли, то в командной строке достаточно переместиться в нужный каталог (команда cd /здесь/ваш/каталог/сайта/) и выполнить два действия:

wget https://wordpress.org/latest.tar.gz
tar -xzvf latest.tar.gz

После этого файлы движка будут скачаны и распакованы.

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

Сделать это можно, опять же, через веб-версию менеджера файлов или командой при SSH-подключении.

Если у вас только FTP-доступ – лучше сразу копировать файлы движка в корень директории сайта. Иначе перенос займёт много времени.

Подключение базы данных

WordPress «из коробки» работает только с базами данных MySQL и MariaDB (форк MySQL).

Если при создании аккаунта хостер не выдал вам параметры доступа к базе данных, то её нужно создать самостоятельно. Сделать это можно из панели управления хостингом, а можно запустить специальное программное обеспечение – PhpMyAdmin (его предлагают многие хостинги).

PhpMyAdmin

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

Если вы переносите сайт из тестовой среды или хотите пропустить этап подключения к базе данных, то нужно отредактировать файл wp-config.php. Он будет лежать в корне распакованного движка.

Если файла нет, нужно скопировать/переименовать файл wp-config-sample.php

Вам нужно найти и изменить следующие строки:

define( 'DB_NAME', 'имя_базы_данных' );
define( 'DB_USER', 'пользователь_БД' );
define( 'DB_PASSWORD', 'пароль_пользователя_БД' );
define( 'DB_HOST', 'localhost' );
define( 'DB_CHARSET', 'utf8mb4' );

Одинарные кавычки нужно обязательно сохранить! В большинстве случаев не нужно менять параметр ‘localhost’ и кодировку. Однако, отдельные хостеры могут использовать особые параметры подключения.

Установка WordPress

Знаменитая установка «за 5 минут». Даже если вы пока не настраивали файл wp-config, мастер установки вам поможет сделать это в графическом режиме. Откройте ваш браузер и перейдите по адресу ваш-сайт.ру

Скрипт установщика запустится автоматически и предложит создать файл настроек.

wp-config.php

Если для установки движка вы использовали поддиректорию (например: /корень/вашего/сайта/wordpress/), то придётся указать её в адресе. Если и это не помогает, укажите полный путь до установщика, например, так: ваш_сайт.ру/wordpress/wp-admin/install.php

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

На втором шаге нужно будет:

  • Указать название сайта (оно должно соответствовать тематике вашего ресурса, так как будет выводиться на главной странице и при правильной настройке мета-тегов – указываться в заголовках страниц).
  • Задать пароль и логин администратора (используйте оригинальные комбинации, пары типа «admin» «qwerty» очень быстро взламываются).
  • Ввести e-mail, на который будут приходить важные оповещения с сайта.
  • Запретить или разрешить индексацию сайта со стороны поисковых систем. На этапе наполнения индексацию лучше запретить, но после наполнения стартовым контентом этот параметр нужно не забыть отключить в настройках. Если не уверены – лучше индексацию не запрещайте, всё равно поисковые системы не смогут узнать о существовании сайта, пока не получат первую ссылку на него.

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

Установка тем/шаблонов

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

WordPress шаблоны

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

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

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

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

Если вы приобрели тему на сторонних площадках или у профильных специалистов, можно загрузить её вручную по FTP/SSH в каталог /корень/сайта/wp-content/themes/название_темы (в распакованном виде).

Или закачать готовый архив через админ-панель:

Консоль -> Внешний вид -> Темы -> кнопка «Добавить» -> кнопка «Загрузить» -> Выберите файл (архив с темой) -> кнопка «Установить».

После того, как она появится в разделе «Темы», её можно активировать и настроить.

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

Русификация шаблонов

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

  • обратиться к профильному специалисту за переводом;
  • установить специальное программное обеспечение и выполнить перевод самому;
  • установить плагин и перевести тему и шаблоны прямо в админ-панели WordPress.

Программа, которая устанавливается на ПК (поддерживаются разные платформы) – Poedit (предоставляется бесплатно, PRO-версия открывает доступ к автоматическому переводу).

Для редактирования перевода вам нужно найти каталог /languages в вашем шаблоне и скопировать файл нужного языка (английский, en_US.po имеется практически во всех шаблонах). Вы переименовываете en_US.po в ru_RU.po и открываете его в Poedit.

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

Русификация шаблонов

После сохранения изменений вы получаете второй файл — ru_RU.mo. Его нужно скопировать в каталог /languages вашего шаблона на сервере.

В качестве плагинов можно использовать:

Установка минимального набора плагинов

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

Что понадобится в любом случае?

Конвертация URL-адресов. Если в настройках WordPress задать «красивые» и человекопонятные адреса страниц, то движок будет автоматически переносить, например, название записи в адрес страницы прямо в кириллице. И тогда ваша страница будет открываться по адресу site.ru/привет-мир. Но из-за конвертации URL браузером при копировании или в отдельных отчётах вебмастера вы будете получать что-то вида site.ru/%D0%BF%D1%80%D0%B8%D0%B2%D0%B5%D1%82-%D0%BC%D0%B8%D1%80

Исправить ситуацию может плагин Cyr-To-Lat — https://ru.wordpress.org/plugins/cyr2lat/

Это явный фаворит на фоне устаревших конкурентов. Если у вас уже есть проиндексированные страницы с «кривыми адресами», этот плагин не просто переконвертирует символы, но и организует редирект на правильный («красивый») УРЛ.

Кэширование. Чтобы снять нагрузку на базу данных и в целом на сервер, можно не генерировать php-страницы каждый раз при вызове их в браузере, а брать готовые файлы как обычные страницы HTML. С недавних пор WordPress разработал свою систему кэширования, но вы можете воспользоваться более продвинутым бесплатным вариантом – плагин WP Super Cache https://ru.wordpress.org/plugins/wp-super-cache/. Он позволяет работать не только с простым кэшированием, но и со сжатием страниц, а также с сетями CDN (доставка контента).

Спам. Здесь вообще много вариантов, от массовых сервисов, таких как Google reCAPTCHA, до нетрадиционных решений. К последним можно отнести простой, но очень эффективный плагин invisible-captcha https://wordpress.org/plugins/invisible-captcha/, который пропускает комментарии только при наличии движения мыши и перемещения по странице. Самому пользователю ничего вводить или распознавать не нужно.

SEO. Штатный функционал WordPress не предусматривает ввод и отображение мета-тегов (Title, Description), которые очень важны для SEO. Чтобы добавить этот и другой функционал, необходимый для хорошего индексирования страниц, можно выбрать наиболее популярные решения, например:

Они помогут не только с тегами, но и с формированием XML-карты сайта, с разметкой страниц и т.д.

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

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

Красивая почта сайта. Чтобы получить красивую «корпоративную» почту вида admin@мой-сайт.рф необходимо:

  • создать аккаунты с специальных сервисах, таких как «Яндекс Почта для домена» (ныне Яндекс.Коннект) и т.п.;
  • настроить переадресацию своего домена на NS-сервера выбранного сервиса (инструкция будет зависеть от провайдера услуги);
  • установить и настроить плагин, который будет использовать параметры подключения к сервису.

В качестве плагина можно использовать, например, WP Mail SMTP от WPForms (https://ru.wordpress.org/plugins/wp-mail-smtp/) или Configure SMTP (https://ru.wordpress.org/plugins/configure-smtp/). Они позволяют настроить оправку писем с вашего сайта через сервис почты для домена.

Безопасность тем/шаблонов. Чтобы избежать ситуации, когда автор темы для WordPress в целях повышения заработка на рекламе или для привлечения новых клиентов встраивает ссылки на свои работы или на сайты партнёров в свой шаблон, можно автоматически проверить код на наличие вставок обфускации и статичных URL с помощью специальных плагинов. Например, таких как Theme Authenticity Checker (TAC) — https://ru.wordpress.org/plugins/tac/. После проверки всех шаблонов плагин можно деактивировать и удалить.

Удобное создание страниц. В одном из последних релизов (начиная с 5-й версии) WordPress добавил возможность работы с блочным контентом прямо из своего редактора страниц – проект Gutenberg. Но вы можете заменить штатный редактор на более продвинутые аналоги, такие как:

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

Мы привели только наиболее популярные примеры и ситуации использования тех или иных плагинов. В официальном каталоге WordPress более 57 тысяч дополнений. Здесь можно найти всё, что угодно – от плагинов, которые позволяют запустить полноценный онлайн-магазин (например, WooCommerce) до специальных сервисов, таких как Jetpack от WordPress.com (позволяет управлять сайтом через приложение на ПК и обеспечивает продвинутую защиту от многих видов атак).

Типовые настройки сайта на WordPress

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

Получение SSL-сертификата. Чтобы ваш сайт был безопаснее и лучше двигался поисковыми системами, обязательно нужно добавить поддержку протокола HTTPS. Бесплатный SSL-сертификат можно получить через панель управления хостингом (если провайдер предоставляет такую возможность, дальнейшее продление будет тоже на совести хостинга). А вот сайт придётся правильно настроить. Чтобы не править вручную базу данных для изменения ссылок с HTTP на HTTPS, лучше озаботиться проблемой с момента запуска.

  1. В общих настройках сайтах необходимо сменить URL вида HTTP://мой-сайт.ру/ на ссылки вида HTTPS://мой-сайт.ру/
  2. Установите и активируйте плагин Really Simple SSL (https://ru.wordpress.org/plugins/really-simple-ssl/, в качестве альтернативы можно использовать 301 редирект в файле .htaccess в корне вашего сайта, это скрытый файл).
  3. Если браузер указывает на наличие небезопасного контента, нужно проверить шаблон на наличие ссылок, начинающихся с http://… и заменить их на https://…

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

Настройки обсуждения WordPress

А ещё лучше – включите модерацию комментариев.

Постоянные ссылки. В соответствующем разделе настройте «красивые» URL, например, вида /%category%/%postname%.html или /%postname%.html. Тогда все новые материалы после конвертации плагином Cyr-To-Lat будут иметь вид ваш-сайт.ру/category_saita/zagolovok_posta.html вместо ваш-сайт.ру/?p=123

Коды аналитики. Чтобы отслеживать эффективность ресурса и производимых мероприятий по рекламе и продвижению, нужно добавить на все страницы сайта код аналитики Google и/или Яндекс.Метрики. У вас должны быть действующие аккаунты в этих сервисах. Добавить код аналитики можно в настройках шаблона (если шаблон имеет специальные поля для вставки скриптов в «шапке» или «подвале» сайта) или в редакторе шаблона (вносите ручные правки очень осторожно, не нарушая html-разметку и php-коды). Отдельные коды метрик можно вставлять с помощью виджетов (используйте простой виджет «Текст»).

Дальнейшие действия

После установки и настройки жизнь wordpress-сайта, как и другого web-ресурса, только начинается. Далее необходимо наполнять его качественным контентом, следить за правильной работой, при необходимости вносить изменения (в том числе за счёт установки плагинов), уделять особое внимание SEO. Если ресурс коммерческий (создан для заработка), стоит подумать о рекламных кампаниях и о привлечении дополнительного трафика из социальных медиа (нужны страницы в соцсетях и аккаунты в мессенджерах).

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

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

» Статьи » Как создать сайт на WordPress