Как создать сайт на WordPress
Практически каждый второй вебмастер в мире делает свои сайты на WordPress. Это самый популярный, простой и доступный для новичков движок. И он давно вышел за рамки небольших блогов, для которых был изначально создан. Теперь на нём можно делать буквально всё, от лендингов до интернет-магазинов и форумов. <p>Ниже наш мануал о том, как создать свой собственный сайт на WordPress с нуля.</p>
WordPress – это самая крутая CMS-система для установки на ваш хостинг. Для работы требует практически «дефолтное» окружение, то есть связку PHP+MySQL, плюс, процесс установки сильно упрощен, так что с ним справится любой желающий. Более того, многие хостеры обеспечивают установку этого движка в один клик, поэтому можно сконцентрироваться на самом главном –наполнении сайта.
Панель администратора простая и удобная, все задачи могут выполняться из графического интерфейса, никакого погружения в код, «допиливания» скриптов, ручной правки конфигов и т.п. не требуется.
Из коробки WordPress подойдёт разве что для создания новостных сайтов и блогов, но за счёт расширений, которых несколько десятков тысяч, к нему можно добавить любой профильный функционал.
Общий алгоритм создания сайта на WordPress
Содержание статьи:
- Выбор подходящего хостинга (общий, VPS, выделенный сервер, облако и т.п.).
- Регистрация доменного имени и перенаправление его на хостинг.
- Установка WordPress на хостинге (если он не был предустановлен в вашем тарифе).
- Установка и настройка темы/шаблона.
- Установка набора необходимых плагинов.
- Проработка SEO и маркетинговой стратегии.
- Наполнение сайта.
- Аналитика и доработки по мере роста проекта.
Звучит просто, но в реальности за каждым из этих пунктов может стоять серьёзный пласт работ. Ну и, как можно было заметить, установка движка – это лишь один этап из списка, и он не самый ёмкий.
Руководство ниже рассчитано на общие типы сайтов – на инфопорталы. Но у нас есть и другие мануалы по ВордПрессу:
Начнём с общего алгоритма, дающего базовое понимание предстоящих действий.
Выбор хостинга и настройка домена
WordPress совместим практически с любым типом хостинга. Под типом хостинга подразумевается shared (он же виртуальный или общий) хостинг, dedicated (выделенный) сервер, виртуальный (VDS или VPS) сервер и готовая облачная инфраструктура.
Некоторые провайдеры даже предлагают особые тарифы – это так называемый формат «Managed WordPress» (полностью управляемый ВордПресс). Тут нет как таковой хостинг-панели, все технические заботы по настройке в сфере ответственности хостера.
Другие провайдеры предлагают готовые сборки VPS с предустановленным движком, кто-то обеспечивает работу специального серверного кэширования (+набор плагинов для управления) и т.д.
С одной стороны, это очень хорошо, но с другой, сильно усложняет выбор.
Чтобы сэкономить вам время, мы проанализировали сотни популярных хостингов в Рунете и на Западе. Итог нашей работы в рейтинге:
Плюс, вы можете изучить материалы по теме:
Окончательный выбор провайдера должен учитывать географию вашей аудитории (только для российской аудитории логично выбирать российских провайдеров, а для большего масштаба – лучше крупных западных хостеров), создаваемую нагрузку (по количеству ресурсоёмких плагинов и в зависимости от посещаемости ресурса) и набор вспомогательных услуг (техподдержка, консультации, помощь с дизайном, CDN, защита от вирусов, бэкапы и т.п.).
Новичкам, которые боятся упереться в лимиты, мы рекомендуем хостинг HostGator (наш подробный обзор провайдера).
- Стартовое предложение – от 2,75 $/месяц, один сайт в аккаунте, неограниченный диск (без явных лимитов) и трафик, на первый год домен в подарок, SSL-сертификаты от Let’s Encrypt с автоматическим перевыпуском бесплатно, круглосуточная техподдержка, бесплатный перенос, web-почта на своём домене.
- Специальные тарифы для WordPress (в 2,5 раза быстрее стандартного хостинга) – от 5,95 $/месяц, 1 сайт, до 100 тыс. посетителей в месяц, бесплатные бэкапы и системы защиты от атак (CodeGuard и SiteLock).
- VPS-серверы – от 23,95 $/месяц (с предустановленной хостинг-панелью cPanel).
- Выделенные серверы – от 89,98 $/месяц (тоже в комплекте с cPanel).
Во всех случаях, если в комплекте с хостингом вы получаете панель cPanel, установка WordPress выполняется в один клик. Тот же скрипт автоустановки обеспечивает ряд дополнительных функций по обслуживанию движка (обновление, бэкапы и др.).
Если вам нужен RU-домен, то его лучше приобрести через официальных регистраторов национальных доменов. Цены – от 150 до 1500 руб., продление через год может стоить дороже.
Регистрация доменного имени и перенаправление его на хостинг
При выборе доменного имени старайтесь использовать максимально короткие и запоминающиеся записи. Лучше всего, если имя будет напрямую связано с тематикой сайта или с брендом (торговой маркой).
Основная проблема покупки доменов напрямую у регистраторов – необходимость самостоятельного перенаправления домена на нужный вам хостинг. Обычно для этого нужно прописать правильные NS-записи.
Например, для HostGator они будут выглядеть примерно так:
- NS1 – ns1234.hostgator.com
- NS2 – ns2345.hostgator.com
Обратите внимание, цифры меняются в зависимости от сервера, на котором работает сайт. Актуальные параметры можно получить в биллинге или хостинг-панели.
У других хостеров NS-записи будут своими.
Чтобы указать новые ресурсные записи, нужно воспользоваться дашбордом регистратора домена.
На примере регистратора Reg.ru:
- Авторизуетесь в личном кабинете.
- В выпадающем списке рядом с именем пользователя выбираете пункт «Мои домены и услуги».
- Переходите в раздел «Домены».
- Выбираете нужный домен.
- В выпадающем меню рядом с доменом нажимаете ссылку «DNS-серверы».
- Кликаете кнопку «Изменить».
- Вставляете ваши NS-серверы и сохраняете.
Актуализация данных в DNS-системе может занять до нескольких часов или даже суток (не более 2-х дней).
Но если вы регистрировали домен через хостера, например, у HostGator вместе с оплатой хостинга, то ресурсные записи будет добавлены автоматически и ничего вручную изменять не придётся.
Обратите внимание, многие хостеры, чтобы ускорить процедуру настройки уже оплаченной услуги размещения, чтобы клиент не ждал, когда актуализируется информация о новых DNS-записях, предлагают работу с техническими доменами. Это домены третьего уровня, которые принадлежат хостингу. Такие домены могут работать сразу после получения.
С их помощью вы сможете получить доступ к сайту и предварительно настроить движок.
Но новичкам мы рекомендуем использовать такие домены только для проведения тестов. В противном случае процедура переноса с технического домена на основной может занять много времени и сил (с правкой базы данных и т.п.).
Установка WordPress на хостинг
Процедура установки этого движка — одна из самых простых на рынке. Это так называемая пятиминутная установка WordPress.
Фактически нужно только указать параметры доступа к базе данных, придумать название сайта и пароль администратора.
Но и этот процесс во многих случаях может быть упрощён. У всех крупных хостеров есть скрипты автоустановщиков, которые умеют устанавливать WordPress без участия пользователя. А в некоторых тарифах, особенно, если это формат управляемого ВордПресса, движок уже будет предустановлен, его останется только настроить.
Итак, установка WordPress может быть двух видов:
- ручная,
- автоматическая.
Начнём с последней.
Автоустановка (из хостинг-панели)
Самый популярный скрипт-автоустановщик, который используется во многих хостинг-панелях – это Softaculous. Но в некоторых панелях применяются альтернативные решения – Installatron, Fantastico, APS (для панелей Plesk). Могут быть и самописные варианты от хостеров.
В любом случае, установка WordPress будет выглядеть следующим образом:
- Вы нажимаете кнопку установки WordPress.
- При необходимости редактируете отдельные параметры (версию движка, директорию установки, название сайта и его описание, язык и контактные данные администратора) или просто выбираете быструю установку (все значения будут использованы по умолчанию).
- По желанию можно отметить некоторые важные плагины к предустановке (такая опция есть, например, в Softaculous).
- Дожидаетесь окончания установки.
- Готово.
В расширенных опциях можно настроить префикс таблиц в базе данных, активировать опции автообновления движка и плагинов, настроить автоматические бэкапы.
Есть даже возможность выбора тем оформления, которые следует добавить к вашему новому движку.
Всё это сконцентрировано на одном экране. Хотите добавляйте и настраивайте, а хотите – нет.
Все данные об установочном профиле (с паролем администратора) будут отправлены на указанный в установщике email-адрес.
У Softaculous есть даже функция импорта сайта, работающего на WordPress по FTP. С ней процесс переезда будет максимально простым, и никакие услуги техподдержки не понадобятся.
Чем интересно предложение от Softaculous (кстати, именно оно применяется в паре с cPanel у HostGator), так это специальный WordPress-менеджер. Он облегчает работу с сайтом даже после установки движка:
- работа с резервными копиями (есть возможность сохранения бэкапов на внешние облачные хранилища),
- клонирование сайтов и версионирование (staging, разбивка на стадии, опция очень интересна для web-разработчиков),
- сброс/смена пароля администратора,
- отслеживание обновлений движка, плагинов и тем оформления.
Ручная установка (для профи)
Классический вариант, который будет доступен даже тогда, когда у хостера нет никаких автоустановщиков.
- Скачиваете архив с движком с официального сайта WordPress (последняя стабильная версия).
- Если на хостинге нет web-версии менеджера файлов с опцией распаковки zip-архивов или доступа к SSH-подключению (через него можно распаковать архив командой из консоли), то предварительно распакуйте архив на ПК.
- Создайте новый сайт в хостинг панели, если ещё не сделали этого ранее (если это первый сайт в вашем тарифе, то скорее всего он будет создан автоматически, а параметры доступа к нему вам будут отправлены на почту). Обратите внимание, что доменные имена на кириллице нужно предварительно сконвертировать в Punycode (вместо сайт.рф вы должны получить запись вида xn--80aswg.xn--p1ai).
- Если менеджер создания сайтов не добавил ни одной базы данных, то нужно отдельно создать новую БД и пользователя к ней.
- Загрузите файлы в корневую директорию сайта (этот каталог был определён при создании нового сайта в хостинг-панели). Это можно сделать с помощью FTP/SFTP-клиентов или с помощью онлайн файловых менеджеров (обычно встроены в хостинг-панель).
- Если вы загружали WordPress zip-архивом, то распакуйте его на сервере.
- Дождитесь, когда обновится информация о новом домене в DNS-системе (например, если доменное имя только-только было зарегистрировано или NS-записи были перенаправлены на новый хостинг). Обычно не более 2-х дней.
- Наберите в адресной строке доменное имя своего сайта.
- Вы попадёте в мастер установки:
- Выберите язык (русский).
- Нажмите кнопку «Вперёд!».
- Укажите название базы данных и пользователя БД, пароль для доступа к БД (если сайт был создан автоматически, параметры будут высланы вам на email; если вы сами создавали БД, используйте актуальные параметры доступа).
- В большинстве случаев сервер БД доступен по адресу localhost, поэтому его менять не нужно. Если нет – уточните параметры у своего хостера.
- При желании измените префикс таблиц (это может быть комбинация случайных символов латинского алфавита).
- Сохраните параметры доступа к БД.
- Нажмите кнопку «Запустить установку».
- Введите название сайта, имя администратора, его пароль (сгенерируется автоматически) и email-адрес.
- Нажмите кнопку «Установить WordPress».
- Готово!
- Теперь можно авторизоваться в админ-панели и заняться более детальной настройкой своего сайта.
Настройка сайта WordPress (общие пункты)
WordPress – это универсальный движок. На нём можно сделать всё, что угодно. Но для этого его нужно правильно «приготовить»: установить недостающие плагины и темы, настроить их и сам движок. Очень здорово, что практически все действия в WordPress выполняются в несколько кликов из админ-панели.
Ниже мы разнесём настройки, относящиеся просто к сайту, и техническое SEO (плагины и опции, способствующие лучшему продвижению в поисковых системах).
Установка и настройка темы (шаблона)
Шаблон в WordPress – это не просто стиль оформления. В него могут быть вынесены многие важные функции. Именно поэтому общую настройку сайта нужно начинать с шаблона.
Дело в том, что многие премиум-темы для WordPress поставляются с набором плагинов, которые существенно расширяют и дополняют функционал шаблона. Таким образом, на выходе вы получаете готовый тематический сайт по принципу «всё в одном»: форум, доску объявлений, сайт туристического агентства, сайт школы и т.п.
Например, шаблоны могут поставляться вместе с CRM-системой, могут добавлять свои типы материалов и полей, свои блоки похожих статей, где-то в комплекте идут профессиональные конструкторы страниц и т.п.
Всё очень индивидуально.
Если вам нужны «просто темы» – используйте для поиска штатный магазин дополнений WordPress. Хотя и здесь слово «просто» будет весьма условным.
Настройки шаблонов можно разнести на два типа:
- Системные настройки (базовые опции, которые обязательно должны быть во всех темах) – за них отвечает WordPress.
- Опции самого шаблона (есть не во всех темах, обычно реализуются в виде дополнительного пункта админ-панели WordPress) – это всё то, что посчитали нужным вынести для настройки разработчики темы.
К системным настройкам обычно относятся:
- Свойства сайта (название, краткое описание, иконка, логотип).
- Цвета (общий фон, фон заголовков, подвала, главный цвет темы и т.п.).
- Меню.
- Виджеты.
- Настройки главной страницы (например, можно организовать вывод ленты материалов из блога или отображение статичной страницы).
- Дополнительные CSS-стили.
В опции самой темы может быть вынесено гораздо больше настроек:
- Смена макетов для разных типов страниц.
- Добавление кодов аналитики/отслеживания и произвольных скриптов/стилей.
- Настройки отображения блоков об авторе.
- Управление блоками с кнопками социальных сетей.
- Настройка дополнительных типов материалов (если они поставляются как часть темы).
- Управление другими элементами интерфейса (бегущая строка с горячими новостями, баннеры, навигация и т.п.).
- Тонкая настройка типографики (шрифты, размер, начертание, цвета и т.п.).
- Импорт/экспорт настроек темы.
В некоторых шаблонах функций очень много. Отдельные разработчики даже предоставляют отдельный интерфейс для установки и управления рекомендованными плагинами.
Начиная с WordPress 5.9 был добавлен новый инструмент работы с внешним видом тем – Редактор сайта.
Это полноценный блочный конструктор темы, с помощью которого вы сможете до мельчайших деталей настроить внешний вид разных типов страниц (главная, страницы отдельных записей, страницы архива, страница 404 ошибки, страница с результатами поиска и т.п.) и даже отдельных частей шаблона (футер, шапка и др.).
Тема собирается из блоков. А максимальную скорость работы обеспечивает доступ к набору готовых элементов и к библиотеке паттернов (комплексных макетов дизайна, выполненных в определённом стиле, нужно только выбрать подходящий).
Единственный нюанс – для работы с редактором сайта требуется совместимая тема (пока такой функционал обеспечивают не все шаблоны). Такие темы называются блочными.
Как устанавливается шаблон WordPress:
- Из официального каталога. В админ-панели переходите в раздел «Внешний вид» -> «Темы» -> «Добавить»… и ищите нужную тему. Есть разные критерии фильтрации и функция предпросмотра. Когда вы нашли то, что искали, просто нажмите кнопку «Установить».
- Из архива на ПК. Предполагается, что вы нашли тему на любой внешней площадке или вообще создали свою с нуля. «Внешний вид» -> «Темы» -> «Добавить» -> кнопка «Загрузить тему».
- Через сервер/хостинг. Подключаетесь к серверу по FTP/SFTP или открываете каталог в web-интерфейсе файлового менеджера – wp-content\themes. Сюда загружаете файлы темы (уже в распакованном виде или в виде архива, и затем распаковываете на сервере как вам удобно). После этого шаблон отобразится в списке установленных в разделе «Темы».
Так как тем может быть установлено очень много, вам нужно выбрать ту, что будет работать по умолчанию – для этого нажмите кнопку «Активировать». Активной может быть только одна тема.
Дополнительные опции настройки, если они поддерживаются шаблоном, появятся соответствующим пунктом в интерфейсе администратора. Если нет, то вы сможете настроить только те параметры, которые предусмотрены движком.
На крайний случай всегда можно воспользоваться встроенным редактором шаблонов. «Инструменты» -> «Редактор тем». Он позволяет править исходный код тем WordPress прямо на лету. Есть подсветка синтаксиса и разбивка на отдельные файлы (в соответствии с макетом).
Как русифицировать тему WordPress
Многие премиум-темы рассчитаны на европейский рынок, и потому в них отсутствует перевод на русский язык. Но ситуация с русификацией решается довольно просто. У вас будет сразу несколько вариантов:
- Вручную заменить строки перевода внутри шаблона на русский язык (будет работать в любых темах, но потеряется возможность быстрого переключения языка для мультиязычных сайтов).
- Использовать плагины, такие как Loco Translate. Вся работа с переводом будет осуществляться в админ-панели WordPress.
- С помощью бесплатной программы PoEdit. В файлах шаблона нужно найти файлы перевода, например, En_en.po, скопировать их и переназвать в соответствии с русской локалью (Ru_ru.po). Затем открыть в программе PoEdit и добавить свои строки перевода на русском. Сохранить. Скопировать в каталог темы полученные на выходе файлы «ru_RU.po» и «ru_RU.mo». Последний наиболее важен, так как именно он будет считываться CMS-системой.
У каждого из подходов есть свои особенности и недостатки.
Точно так же можно организовать перевод блоков интерфейса, которые формируются плагинами.
Обратите внимание, необязательно переводить абсолютно все строки. Вы можете ограничиться только теми, что используются в видимой для пользователей части сайта. Например, многие темы поставляют файлы перевода «с запасом» на случай, если вы активируете плагин интернет-магазина, форума и т.п., 90% файла с переводом может относиться к административной части.
Правила реагирования на комментарии, защита от спама
Сразу после установки в общих настройках сайта отключите галочки:
- Пытаться оповестить блоги, упоминаемые в статье.
- Разрешить оповещения с других блогов (уведомления и обратные ссылки) для новых записей.
Обе могут использоваться для бомбардировки спамом.
Наоборот, нужно поставить галочку к пункту:
- Комментарий должен быть одобрен вручную.
Так вы сможете эффективно отсечь весь поток спама, который потечёт на ваш сайт в исполнении различных ботов.
Каких-либо особенных встроенных средств защиты от спама WordPress не имеет. Поэтому для эффективной борьбы с паразитным трафиком и нагрузкой нужно будет установить соответствующие плагины или доработать код вручную.
Лучшие плагины для защиты WordPress от спама:
- Advanced noCaptcha & invisible Captcha (визуально для конечных пользователей ничего не меняется, даже капча никакая не показывается, но все комментарии ботов автоматически блокируются или удаляются, в зависимости от настроек).
- Akismet Spam Protection (это предустановленный плагин от крупнейших вендоров, компании Automattic, которая создала и поддерживает лучший плагин магазина WooCommerce и бесплатные мобильные приложения для WordPress, Akismet проверяет ссылки и контактные данные комментатора в специальной спам-базе, если находятся проблемы, то комментарий блокируется; для подключения к этой базе нужно получить API-ключ, у Akismet есть платные подписки).
- reCaptcha by BestWebSoft (плагин, который добавляет интеграцию с бесплатным и невероятно надёжным сервисом от Google, поддерживает работу со всеми формами ввода, не только с комментариями, умеет делать реКапчу невидимой, часть функций вынесено в платную подписку).
Но это не единственно возможные варианты. В каталоге WordPress есть тысячи плагинов для обеспечения безопасности, в том числе в формате мультитулов (всё в одном).
Ручная борьба со спамом в основном сводится к тому, чтобы скрыть стандартные поля ввода и оставить их исключительно для ботов. Взамен в функциях темы создаётся новая валидная форма с нечитаемым машинным именем, которую видят пользователи. Таким образом, реальные пользователи будут заполнять правильную форму, так как видят её и могут с ней взаимодействовать, а боты и скрипты будут заполнять стандартные поля и попадать сразу в спам.
Кэширование
Чтобы снизить нагрузку на сервер и не генерировать web-страницы каждый раз при новом заходе пользователя, можно создать их статичную HTML-копию и отдавать клиентам в готовом виде, без работы препроцессора PHP.
В этом случае не только снижается нагрузка, но и повышается скорость загрузки, экономится трафик (медиаконтент может храниться на стороне браузера) и появляется возможность использования CDN-сервисов (сети доставки контента), ведь HTML – это тоже статичный контент.
С недавних пор WordPress научился кэшировать страницы своими силами, но из-за неудобного управления и практически отсутствующих настроек, мы рекомендуем использовать популярные плагины:
- WP Super Cache – номер один в кэширующих плагинах, полностью бесплатный, много важных опций, из недостатков – отсутствует поддержка GET-запросов и все страницы с UTM-метками сохраняются как самостоятельные варианты (не подходит для работы с большим количеством рекламных объявлений).
- W3 Total Cache – умеет обрабатывать GET-запросы, поддерживает большое количество технологий серверного кэширования (Memcached, Redis, OPcache) и минификацию кода (сжатие HTML, CSS и JavaScript).
Если вы планируете рекламировать сайт в сетях контекстных объявлений, то предпочтительнее использовать расширение W3 Total Cache.
Сжатие (оптимизация) изображений
WordPress добавил поддержку lazy-load по умолчанию, но этого недостаточно, чтобы повысить скорость загрузки страниц и улучшить техническую SEO-оптимизацию.
Лучший выход – сжатие всех изображений без потери качества (оптимизация). Это тоже делается с помощью плагинов. Лучшие реализации:
- Optimole (самый высокий процент сжатия при сравнении с конкурентами, поддерживает WebP, совместим с разными редакторами страниц, картинки могут выноситься на хранение на внешние CDN-серверы, базовый функционал бесплатный, но есть и платные подписки).
- Imagify (есть массовая оптимизация изображений со всего сайта, сжатие картинок на лету при загрузке, поддержка конвертации в WebP, но бесплатное использование предполагает не более 20 Мб преобразований в месяц, а это всего 10-20 картинок).
- Robin imagе optimizer (тоже популярный скрипт для сжатия картинок в WordPress, распространяется бесплатно, к платным опциям относится только CLI-интерфейс).
Вы можете выбрать любые другие решения, но главное – не забыть активировать сжатие, ведь медиаконтент, особенно картинки, занимают львиную долю вашего трафика и напрямую влияют на скорость загрузки страниц.
Базовая защита от взлома
Злоумышленники могут получить доступ к отдельным директориям сервера и поместить туда свой код/скрипты. Для исключения такого варианта нужно, чтобы хостинг был правильно настроен и защищён от такого типа атак. Если не хотите проблем – выбирайте правильного хостера. А ещё лучше – подключайте дополнительные опции защиты:
- Бэкапы (по расписанию и вручную, хранение файлов должно осуществляется на серверах, которые не относятся к текущему хостеру, периодически нужно проверять работоспособность резервных копий в виртуальной среде, например, на локальном сервере, бэкапы можно реализовывать силами хостера или на стороне CMS с помощью плагинов, таких как BackWPup, All-in-One WP Migration и т.п.).
- Антивирус (отдельная услуга хостера или специальные решения для самостоятельной установки и запуска, есть и реализации в виде плагинов).
- Защита кодовой базы (сервис CodeBlock сверяет правки системных файлов с официальной кодовой базой WordPress, у сервиса могут быть аналоги).
- Автоматическое обновление движка (силами хостера на случай, если вы не смогли настроить автообновление WordPress силами CMS) и плагинов.
- Установка сложных паролей (касается всех пользователей с правами администратора) и нестандартных логинов (не стоит использовать admin, root и т.п.).
- Использование сложных префиксов таблиц в базе данных (почти все скрипты SQL-атак нацелены на префикс «wp_»).
К более кардинальным мерам защиты можно отнести:
- Смена адреса авторизации администратора со штатного /wp-admin, на который ломятся все боты и скрипты для брутфорса (может помочь такой плагин, как Hide My WP Ghost).
- Ограничение попыток авторизации (IP-пользователя заносится в чёрный список, если он не смог авторизоваться за 2-3 попытки).
- Использование комплексных плагинов защиты.
К таким комплексным плагинам можно отнести следующие:
- All-In-One Security (AIOS).
- Wordfence Security – Firewall & Malware Scan.
- Jetpack.
- И др.
Включение HTTPS-версии сайта
Для перевода сайта на защищённый HTTPS-протокол сначала нужно получить SSL-сертификат. Они бывают платными и бесплатными. Первые предполагают официальные юридические гарантии в случае взлома. Вторые нужны только для шифрования трафика между браузером и вашим сервером.
Многие хостинги интегрируют генерацию бесплатных SSL-сертификатов от Let’s Encrypt или от аналогичных сервисов в хостинг-панель.
Но если вы выбрали размещение сайта на VPS без панели, то получение и настройку SSL-сертификата нужно будет производить вручную из консоли (командной строки).
Когда сертификат настроен (добавлен к сайту), остаётся включить поддержку HTTPS в CMS-системе.
Раньше для этого в WordPress требовались специальные плагины или ручная правка таблиц с базой данных. Сейчас для перехода на HTTPS нужно нажать всего одну ссылку в админ-панели (в разделе «Здоровье сайта»).
При желании вы можете сделать принудительный редирект с HTTP на HTTPS-версию через .htaccess-файл в корне сайта (актуально для web-сервера Apache, у других web-серверов могут быть свои настройки).
Как убрать надпись «Сайт работает на WordPress»
Такая надпись формируется не силами движка, а файлами темы. Поэтому, нужно либо сменить шаблон, либо отредактировать его вручную.
Обычно надпись размещается в футере сайта (в подвале).
Процесс отключения на примере темы Twenty Twenty-Two:
- Открываем раздел с темами.
- Нажимаем кнопку «Настроить» (попадаем в редактор темы).
- Редактор → Части шаблона → Подвал
- Наводим на надпись с копирайтом.
- В контекстном меню блока выбираем «Удалить Абзац» (можете заменить на свой вариант ссылки/текста).
- Сохраняем шаблон.
Готово, на всех страницах сайта, где использовалась часть шаблона «Подвал», теперь не будет копирайта.
Подготовка к продвижению сайта (SEO для WordPress)
Ниже опишем преимущественно техническое SEO-продвижение.
Многие начинающие web-мастера настороженно относятся к поисковой оптимизации, но без неё современным сайтам никак не обойтись. И поверьте, SEO – это не просто прописывание ключей в тексте. Это комплексная работа, результатом которой должно быть создание сайта, полезного пользователям.
Не нужно рассчитывать только на поисковые боты, пытаться что-то подменить и т.п. Рано или поздно алгоритмы поисковиков обновятся, и подобные технические ухищрения могут стать причиной наложения санкций.
SEO должно быть только «белым».
Проработка семантического ядра (СЯ)
Чрезмерное использование ключевых запросов в статьях – это попытка переспама, наказывается баном. Существует большое количество метрик, способных оценить качество текста: уникальность, тошнотность, заспамленность, объём «воды» (водность) и т.п.
Но всё это лишь вспомогательные инструменты, которые не могут показать с высокой точностью, насколько текст качественный.
У разных тематик сайтов, в разных сферах деятельности могут быть свои критерии оценки качества. Например, на страницах интернет-магазина вполне логично употреблять слова «купить», «цена», «стоимость» и т.п. Но если те же ключи будут в инфотексте, то это уже с большой вероятностью будет реклама чего-либо. А рекламный материал – не равно информационный. Какой смысл его двигать в поиске по соответствующему запросу?
Ключевые фразы в тексте должны задавать тему.
Также с помощью анализа основных и сопутствующих запросов вы можете понять интересы своей аудитории – что она ищет (что хотят получить пользователи в итоге).
И нужно сделать так, чтобы тексты отвечали на заданные вопросы пользователей. Как только вы выполните это условие с достаточным качеством (охватом), вы получите свой трафик из поиска.
Схема примерно такая:
- Составляете семантическое ядро (подбираете ключевые запросы, которые соответствуют тематике вашего сайта).
- Анализируете их и при необходимости объединяете в группы (кластеризируете).
- Корневые кластеры – это потенциальные категории материалов или теги.
- Более узкие запросы – основа для названия материала (тема статьи, название товара в магазине и т.п.). Но это не значит, что ключи нужно использовать в неизменном виде. Названия и фразы должны быть естественными.
- Теперь можно приступать к наполнению сайта (пишутся тексты, создаётся другой контент, чтобы полностью раскрыть тему, ответить на запрос пользователя).
- После индексации поисковые системы начнут подмешивать в выдачу отдельные ваши статьи и материалы, которые сочтут наиболее релевантными запросам.
- Если пользователи будут находить здесь ответы на свои вопросы, решать свои проблемы (например, покупать товары или получать услуги/консультации), то степень доверия к страницам и ко всему сайту будет расти. Это так называемые поведенческие факторы. Не стоит их накручивать серыми методами. За это можно получить бан.
Зачем это нужно? Если вы напишите/создадите контент, который не востребован вашей целевой аудиторией, пусть даже и качественный, но никому нужный, то поисковики не смогут никого к вам привести, так как таких клиентов просто нет.
Для анализа ключевых запросов и составления семантического ядра можно использовать профильный софт или специальные сервисы: Яндекс.Вордстат, KeyCollector, Serpstat, Google Keyword Planner, SemRush и т.п.
Ключевые запросы можно подсмотреть и у конкурентов. Для этого нужно использовать специальные парсеры.
Название сайта и метатеги для главной
Название – это ключевая настройка сайта на WordPress, которая должна задаваться ещё на этапе создания проекта, при установке движка. Но можно сменить название в любой момент:
«Консоль» → «Настройки» → «Общие».
Краткое описание может выводиться в разных темах в качестве слогана или для более понятного и ёмкого описания проекта.
Кроме того, шаблоны могут использовать комбинацию из названия и краткого описания для наполнения мета-тега Title, а это наиболее важный тег для поисковых систем.
Каждый сам решает, как будет назваться его сайт. Но так как название часто участвует в формирование остальных тайтлов (по принципу «Тема статьи – Название сайта») и фактически является важным SEO-элементом, мы рекомендуем здесь использовать название бренда и главные ключевые слова, описывающие вашу деятельность.
Например, «uGuide.ru | Ваш Гид по Самостоятельному Созданию Сайтов».
Для более плодотворной работы с мета-тегами Title и Description в WordPress требуется установка сторонних плагинов. О них расскажем ниже.
Формирование ЧПУ (алиасы, человекопонятные УРЛ)
Одно дело, когда человек видит ссылку вида «сайт.ру/?p=1254», а другое дело – «сайт.ру/information.html».
Сейчас WordPress по умолчанию использует схему /год/месяц/число/заголовок.
Но вы можете установить более удобный формат человекопонятных УРЛов (алиасов) в настройках «Постоянные ссылки» (в общих параметрах сайта) или в настройках конкретной записи, отредактировав адрес вручную.
Например, схема /%postname%.html будет выводить только название материала и добавлять в конце «.html».
Но в любом случае, WordPress не работает из коробки с транслитерацией. Все загруженные файлы и созданные материалы, в названиях которых используется кириллица, плохо читаются при обмене ссылками.
Пример: текст «https://site.ru/url-новостной статьи/» будет выглядеть после копирования/вставки так:
https://site.ru/url-%D0%BD%D0%BE%D0%B2%D0%BE%D1%81%D1%82%D0%BD%D0%BE%D0%B9-%D1%81%D1%82%D0%B0%D1%82%D1%8C%D0%B8/
Чтобы получить вместо кириллицы латиницу, нужны плагины:
- Cyr-To-Lat
- Cyr to Lat reloaded
- Cyrlitera
- И т.п.
Robots.txt и sitemap.xml для WordPress
Встроенных инструментов для формирования карты сайта у WordPress нет, но для этих задач есть масса готовых плагинов. Это могут быть отдельные специфические решения или комплексные расширения для SEO. Лучшие SEO-плагины для WordPress по принципу «всё в одном» (здесь же можно получить доступ к управлению файлами robots.txt):
- Yoast SEO,
- All in One SEO.
У обоих несколько миллионов активных установок. Многие важные функции доступны бесплатно.
Профильные плагины, только для работы с xml-картой:
- XML Sitemaps,
- XML Sitemap & Google News,
- Simple Sitemap
- И т.п.
Нужно включить плагин и убедиться в том, что он сгенерировал нужную вам XML-карту записей и страниц. Если нет, нужно запустить генерацию вручную (если того требуют настройки плагина).
Ссылки на карты нужно добавить в панелях вебмастера, чтобы ускорить процедуру индексирования сайта и в файле robots.txt.
Файл robots.txt нужен для управления правилами индексации сайта. Здесь вы можете запретить обход внутренних каталогов движка, убрать из поиска «мусор» в виде проиндексированных страниц с результатами поиска и т.п.
Каждый вебмастер сам определяет правила индексирования, поэтому в комплекте с CMS такой файл вы не найдёте.
Документация поисковиков по файлам robots.txt:
- Яндекс
Пример универсального файла robots.txt для WordPress:
User-agent: * Disallow: /cgi-bin Disallow: /wp-admin/ Allow: /wp-admin/admin-ajax.php Disallow: /? Disallow: *?s= Disallow: *&s= Disallow: /search Disallow: */embed$ Disallow: */xmlrpc.php Disallow: *utm*= Sitemap: https://ВАШ-САЙТ.РУ/sitemap1.xml Sitemap: https://ВАШ-САЙТ.РУ/sitemap2.xml
Файл удобнее всего хранить в корневой директории сайта.
SEO-теги для записей и страниц
Как говорилось выше, Title и Description – это важные мета-теги, которые используются поисковыми системами при индексировании и при показе в результатах выдачи.
Из коробки WordPress не имеет отдельных полей, в которых можно прописать свои мета-теги. Чтобы получить доступ к правке мета-тегов, нужны специальные SEO-плагины:
- Yoast SEO,
- All in One SEO.
После установки и активации любого из плагинов в интерфейсе публикации материала (в редакторе) появится специальный блок с полями для ввода Title/Description и с формой предпросмотра результатов поиска.
В качестве альтернативы можно рассмотреть механизм работы с дополнительными полями. Такие поля можно объявить в функциях темы, а можно получить после установки специальных плагинов, таких как Advanced Custom Fields или Advanced Custom Fields: Extended. После этого нужно организовать вывод полей внутри шаблона (для этого нужно отредактировать его код). Способ подходит преимущественно для продвинутых пользователей.
Вывод похожих записей (для перелинковки)
Если материалов на сайте много, и вы физически не успеваете делать ссылки на похожие или связанные по смыслу статьи/публикации, то всегда можно привлечь средства автоматизации.
Похожие материалы можно выводить с помощью таких плагинов, как:
- Contextual Related Posts
- Yet Another Related Posts Plugin (YARPP)
- Inline Related Posts
Добавление сайта в панели вебмастеров
Чтобы получать актуальную сводку о проблемах ресурса, о проиндексированных страницах и т.п., нужна панель вебмастера.
Специальные кабинеты предоставляются многими поисковыми системами. Но для владельцев сайтов из РФ наиболее востребованными будут панели поисковиков Google и Яндекс.
Нужно создать здесь аккаунты и подключить свои сайты. Обратите внимание, HTTP и HTTPS-версия сайта для поисковиков – разные сайты, поэтому если вы не хотите проблем с индексацией контента, сделайте 301 редирект HTTP на HTTPS (в этом случае они будут восприниматься как зеркала).
Для подтверждения прав владения сайтов поисковики обычно предлагают следующие варианты:
- Загрузка в корень сайта специального HTML-файла.
- Внедрение мета-тега (на главной странице).
- Добавление TXT-записи в DNS-систему (будет дольше и тяжелее без опыта).
После того, как сайт добавлен в систему, поисковик поставит его на индексацию (если это не было сделано ранее).
Тут же в панели нужно добавить ссылки на файл robots.txt и на карты сайта (xml-карты), при желании можно воспользоваться другими инструментами: проверка кодов ответов сервера, анализ скорости загрузки страниц, выявление проблем при отображении на мобильных устройствах, валидация микроразметки и т.п.
Подключение систем аналитики и статистики
По аналогии с панелями вебмастера нужно создать личные кабинеты в Яндекс.Метрике и/или в Google Аналитике. Затем в интерфейсе сервисов нужно добавить новый счётчик и получить код для вставки на страницы сайта.
Вставка кода может осуществляться:
- вручную в редакторе тем напрямую в коде шаблона, например, в файле header.php, внутри тега <head> </head>;
- через специальные поля в настройках шаблона (при наличии);
- с помощью специальных плагинов (например, Site Kit by Google, GA Google Analytics, Yandex Metrika и т.п.).
Дальнейшие работы по продвижению
Техническое SEO – это только начало. По мере роста проекта, написания новых статей, создания уникальных материалов и т.п., вы будете получать обратную связь от своих пользователей. Даже если не напрямую, есть множество всяких показателей, по которым можно понять, нравится ваша работа пользователям или нет.
Поэтому:
- Изучайте данные систем метрики.
- Мониторьте ошибки и проблемы в панелях вебмастера.
- Запускайте рекламные кампании.
- Используйте силу социальных сетей (заведите там свои страницы и активно привлекайте клиентов на основной сайт).
- Добавляйте новые функции и разделы.
- Тестируйте гипотезы.
- И т.д.
Сайт должен жить и развиваться. В этом случае он будет интересен не только поисковикам, но и пользователям.
Наполнение сайта на WordPress
Немного сориентируем по таким шагам, как создание контента и настройка элементов навигации.
Начнём со структуры сайта.
Создание рубрик
Если у вас готово семантическое ядро, то вы понимаете, что нужно вашей целевой аудитории. Соответственно, структуру сайта будет выстроить проще.
Если запросы вы не анализировали, в любом случае структуру сайта нужно сделать такой, чтобы по ней логично было перемещаться от более крупных пулов данных к более мелким, узкотематичным.
Пример хлебных крошек крупного СМИ-портала:
- Новости → Политика → Актуальные темы
Пример категорий интернет-магазина:
- Электроника → Смартфоны → Конкретный бренд
И так далее.
Отдельными пунктами нужно вынести сквозные страницы сайта, на которых будут описаны правила работы, контакты и т.п.
В качестве средств таксономии в WordPress есть система рубрик и тегов. Причём теги при необходимости можно оперативно конвертировать в рубрики.
Для создания новой рубрики (категории материалов) нужно:
- Перейти в консоль сайта.
- Открыть раздел с записями.
- В боковом меню (слева) выбрать пункт «Рубрики».
- Откроется специальный интерфейс. По умолчанию в WordPress уже есть базовая категория материалов/записей – «Без рубрики». Сюда будут попадать любые записи, которые вы забыли соотнести с какой-либо конкретной категорией.
- В форме создания новой рубрики нужно указать её название, ярлык (алиас, то есть ЧПУ, поэтому для ярлыка лучше использовать латиницу), родительскую рубрику и описание.
Многие темы WordPress не отображают описание категорий, но есть такие, которые умеют это делать.
Если вы ранее установили плагины транслитерации, то можете не заполнять поле с ярлыком, система автоматически будет конвертировать название в ЧПУ.
Не все SEO-плагины добавляют возможность управления мета-тегами рубрик. Такой функционал точно есть в плагине Yoast SEO. Для этого нужно выбрать пункт «Редактировать» у конкретной категории.
Второй важный момент – расширенное описание категорий. Оно может быть полезно для крупных новостных порталов. По умолчанию в WordPress в описания рубрик можно вставить только простой текст.
Чтобы исправить такую ситуацию, нужно будет править код движка. Ранее был плагин Rich Text Tags, но сейчас он заброшен и признан несовместимым с актуальной версией движка.
Уровень вложенности рубрик может быть любым.
Интересная особенность WordPress – вы можете создавать рубрики практически на лету, прямо в интерфейсе публикации нового материала. То есть вам не обязательно создавать отдельно категории, а потом наполнять их записями, всё можно делать одновременно. Единственно неудобство – потом нужно будет отдельно добавлять описания рубрик и при желании править их URL (ярлыки).
Создание (редактирование) меню
Меню – это самый удобный и понятный элемент навигации по сайту. Если вы используете старые варианты шаблонов, то создать новое меню можно в настройках внешнего вида:
Внешний вид → Меню → Добавьте элемент меню
Задайте своё название меню. Обратите внимание, в темах может быть предусмотрено несколько мест для вывода навигации, поэтому для каждого их них вы можете собрать своё уникальное меню.
В качестве отдельных пунктов можно использовать:
- Страницы,
- Записи,
- Произвольные ссылки (в том числе, ведущие на внешние сайты),
- Рубрики.
В настройках можно активировать пункт «Автоматически добавлять в это меню новые страницы верхнего уровня».
Для новых тем, которые рассчитаны на редактор сайта, меню создаются и настраивается как один из блоков интерфейса:
- Редактор → Добавить → Блоки → Тема → Навигация → Выбрать меню → Управление меню
Дальнейшая работа аналогична стандартному конструктору меню.
Создание страниц
Страницы в WordPress – это такой вид материалов, который предназначен для описания каких-либо статичных материалов. Например, для описания компании, для размещения правил пользования ресурса, политики конфиденциальности и т.п.
То есть они нужны для выделения важной информации, которую не получится разместить вместе с остальным информационным потоком – в категориях или в рубриках.
Хотя чисто технически страницы мало чем отличаются от записей. И там, и там можно создавать иерархическую структуру (за счёт выбора родительских страниц), разрешать комментарии, добавлять изображения, пользоваться блочным редактором Gutenberg и т.п. Ссылки на них можно выносить в меню.
Из отличий: у страниц нет тегов (меток) и нет деления на категории (рубрики). Хотя и это может быть исправлено за счёт установки специальных плагинов.
В остальном процесс их создания и редактирования полностью аналогичен созданию записей, о которых мы расскажем ниже.
Используйте страницы WordPress для описания важной информации, которая должна быть сквозной (общей) для всего сайта.
Для удобства ссылки на страницы логично оформить отдельным разделом меню или специальным блоком в футере.
Из предустановленных страниц WordPress предлагает использовать готовую политику конфиденциальности (полностью переведена на русский язык).
Создание записей
Это та работа, с которой вам придётся сталкиваться каждый день, если вы не планируете забрасывать наполнение сайта.
Как должен выглядеть процесс размещения новых записей в WordPress:
- Вы авторизуетесь в системе. Даже если вы находитесь не в административной панели (консоли), в верхней части сайта будет отображаться специальная строка – «Верхняя панель». При желании её можно отключить в настройках конкретного пользователя, но сейчас не об этом.
- Нажимаете кнопку «+ Добавить» верхней панели и в выпадающем списке выбираете пункт «Запись».
- Откроется интерфейс редактора записей. По умолчанию он использует возможности редактора Gutenberg. Но редактор можно заменить или дополнить возможностями альтернативных реализаций, таких как Elementor. Плюс, в любой момент можно переключиться на редактор кода (встроенная опция).
- Минимальным действием для публикации записи является ввод названия материала (всё остальное может оставаться пустым).
- Вы добавляете в тело записи нужные вам блоки и наполняете/настраиваете их.
- Публикуете запись нажатием кнопки «Опубликовать».
- WordPress автоматически сохраняет предыдущие версии записей, поэтому вы в любой момент можете откатить изменения или переключиться на более удачный вариант.
Что относится к дополнительным настройкам:
- Управление видимостью записи – доступна всем, личная и защищена паролем.
- Время публикации – немедленно или в запланированную дату/время (управление датой публикации работает и в обратном направлении, вы можете выбрать любое прошедшее время).
- Выбор автора публикации (при наличии соответствующих прав).
- Необходимость согласования (если у вас большой коллектив авторов и есть редакторы/корректоры).
- Выбор рубрики – запись может соотноситься одновременно с несколькими категориями, новую рубрику можно создать, не покидая страницу редактора.
- Добавление меток (ранее теги) – можно вводить текстом, и тогда соответствующие страницы создадутся автоматически, а можно выбирать из уже имеющихся.
- Установка изображения записи – может использоваться для разных технических задач, например, вывод в ленте записей, работа в качестве элемента микроразметки и т.п.
- Указание отрывка записи – минианонс, который тоже удобно выводить в ленте или в качестве описания в микроразметке.
- Управление обсуждением – можно разрешить или запретить комментарии к статье.
- Выбор шаблона – на случай, если у вас используется разное оформление для отдельных типов материалов, например, для рекламных статей.
- Управление постоянной ссылкой – вообще URL формируется автоматически исходя из заголовка записи + этот процесс может корректироваться плагинами, о которых мы упоминали выше, но вы всегда можете отредактировать ссылку вручную.
- Сохранение черновика – чтобы можно было вернуться к процессу редактирования позже.
Отдельными плагинами могут предоставляться дополнительные поля и элементы управления:
- Мета-тег Title,
- Мета-тег Description,
- Похожие записи
- И т.п.
Но как же с основной работой, с наполнением контентом? О том, как работать с телом статьи – ниже, в возможностях Гутенберга.
Возможности редактора Gutenberg
Начиная с 5 версии WordPress взял курс на более гибкий процесс редактирования контента. Используя за основу принципы популярных блочных конструкторов страниц, таких как Elementor или Visual Composer, было разработано собственное абсолютно бесплатное решение – Gutenberg.
Более того, с выходом 6 версии WordPress с помощью Гутенберга можно собирать из блоков не только страницы и записи, но и всю тему оформления сайта.
Процесс работы в Gutenberg одновременно и прост, и сложен.
Чтобы собрать в нём новую запись или страницу, нужно:
- Выбрать нужный блок из списка доступных и переместить в тело записи.
- Нажать на блок и приступить к его редактированию/наполнению.
- Во всплывающем меню и в боковой панели доступны опции тонкой настройки внешнего вида и поведения блока. Они зависят от конкретного типа блока.
- Блоки можно перемещать по странице в произвольном порядке, при этом их содержимое будет оставаться неизменным.
- Для создания более сложных комплексных элементов блоки можно группировать или сохранять в виде частей шаблона.
- Вместо стандартных блоков, которые ещё нужно настраивать под себя, можно использовать готовые паттерны (их выбор просто огромный, они поставляются пополняемой онлайн-библиотекой).
- Если набора предустановленных блоков недостаточно, вы можете расширить их за счёт специальных плагинов.
- Когда структура статьи/страницы готова, и вы изменили содержимое блоков на нужное вам (+ актуализировали параметры внешнего вида блоков), материал можно публиковать.
- Если вы хотите убедиться в том, что всё работает и выглядит так, как вы задумали, воспользуйтесь предпросмотром страницы/записи без публикации.
Что есть в базовом наборе блоков редактора Gutenberg:
- Все самые востребованные текстовые блоки – списки, цитаты, абзацы, таблицы, блоки кода и т.п. Для особых случаев есть блок «Классический», который представляет собой поле ввода с привычными органами управления и редактирования, как в старой версии редактора на основе TinyMCE (из WordPress 4 и ниже).
- Блоки для работы с медиаконтентом – изображения, галереи, обложки, блоки для вставки файлов, видео- и аудиозаписей, готовые карточки с секциями описаний. Тут стоит отметить, что возможности встроенного редактора изображений WordPress тоже стали заметно шире – есть накладываемые фильтры, кадрирование, появились текстовые надписи и т.п.
- Элементы дизайна – секции для разделения на колонки и группы, разделители, пробелы, строки, кнопки и др.
- Готовые виджеты – блоки для вставки произвольного HTML-кода, для вывода комментариев, списков страниц, категорий, шорткодов, облака меток и т.п. Есть готовые значки соцсетей и формы поиска.
- Отдельные элементы темы – списки статей, циклы запросов, меню навигации, отрывки записей, формы комментирования и т.д.
- Элементы (виджеты) внешних сервисов.
Список блоков, как и было упомянуто выше, может быть расширен с помощью плагинов.
В паттернах можно найти готовые реализации:
- заголовков (шапок сайта),
- подвалов (футеров),
- сеток записей/страниц,
- кнопок и призывов к действию (таблицы цен, блоки ссылок и т.п.),
- галерей,
- блоков текстового контента (колонки, секции и т.п.).
Как можно заметить, степень свободы процесса редактирования записей и страниц в WordPress заметно расширилась и стала практически неограниченной. Но при этом выросла сложность публикации.
Теперь не получится просто скопировать текст из документа Word и вставить в редактор. Нужно сначала определиться, в какой тип блока его вставить, и настроить другие параметры.
FAQ
Как зайти в админку WordPress
Дефолтный адрес админ-панели – ваш-сайт.ру/wp-admin/. Но вы можете написать в адресе просто /admin, редирект на wp-admin сработает автоматически. Этот адрес может быть изменён плагинами или вручную (после правки исходного кода движка) в целях безопасности. В этом случае, если вы не знаете актуальный адрес админки, нужно будет проверить редиректы в файле .htaccess и настройки плагинов безопасности в базе данных сайта.
Для авторизации нужно ввести логин и пароль администратора. Пароль легко восстановить, если вы его забыли, достаточно помнить логин. Для этого нажмите на ссылку «Забыли пароль?» под формой авторизации. Логин обязательно отправляется на почту администратора после завершения установки CMS на хостинг.
Если вы удалили всю почту или не можете найти письмо, посмотрите таблицу «ваш_префикс_users» через веб-интерфейс PhpMyAdmin. Здесь хранятся данные обо всех пользователях сайта. А актуальный email-адрес администратора записан в таблице «ваш_префикс_options» в строке опции «admin_email».
Как вернуть старый, классический редактор от WordPress 4
При использовании нового редактора Gutenberg не обязательно отключать его, чтобы получить возможности старого редактора TinyMCE.
Достаточно единственным блоком материала добавить элемент «Классический» из раздела «Текст».
Готово, вам доступны все те же функции, что и раньше. Можно вставлять текст из буфера, очищать форматирование, добавлять своё и т.п.
Но если такой вариант вам не подходит, вы хотите видеть привычное окно по умолчанию, то можно скачать и установить плагин Classic Editor. Он автоматически будет установлен вместо блочного конструктора (опция выбирается здесь – «Настройки» –> «Написание» –> «Редактор по умолчанию для всех пользователей»).
Как работать с виджетами WordPress
Сейчас виджеты – это просто один из видов элементов блочного редактора Gutenberg. Если тема блочная, то вы самостоятельно можете определить макет и места вывода виджетов – в редакторе сайта.
Если тема устаревшая (не работает с блочным редактором), то внутри шаблона предопределены места вывода виджетов. Например, это может быть боковая панель или футер сайта.
Настройка производится следующим образом:
- Переходите в раздел «Внешний вид» –> «Виджеты».
- Выбираете область вывода. Например, «Боковая панель» или «Футер #1» и т.п.
- Перетаскиваете сюда нужный вам виджет или блок.
- Настраиваете параметры его отображения и другие опции (при наличии).
Сохранять ничего не нужно. Но если у вас активна система принудительного кэширования, нужно вручную очистить кэш, чтобы изменения стали доступны всем пользователям.
Как делать бэкапы WordPress
Лучший и самый надёжный способ создания резервных копий сайта на WordPress – специальные инструменты хостинг-панели. В 99% случаев вам будут доступны ручные бэкапы, которые сводятся к тому, чтобы создать архив со всеми файлами сайта и выгрузить базу данных в сжатом или в несжатом виде.
Плюс, опции резервного копирования и управления файлами WordPress есть во многих скриптах автоустановщиков.
Иногда хостер предоставляет автоматические бэкапы в качестве платной опции. Мы рекомендуем не экономить и воспользоваться такой услугой. В этом случае бэкапы будут храниться на отдельном удалённом сервере, что снижает вероятность потери всех данных, если поломается активный сервер с сайтом.
Альтернативный подход – использование плагинов. Их большое количество, есть и инструменты миграции, и коннекторы к публичным облакам (чтобы можно было сэкономить на аренде удалённого сервера), и специальные плагины от хостеров, а также другие решения.
Но все они имеют один явный недостаток – повышают нагрузку на хостинг, когда работают внутри CMS.
Простейший способ создания бэкапов, актуальный для всех типов хостинга:
- Войти в web-интерфейс файлового менеджера или подключиться в консоли ssh (если нет указанных инструментов, всегда есть FTP-доступ).
- Создать архив со всеми файлами сайта.
- Скачать его на ПК.
- Войти в интерфейс работы с базами данных (обычно это PhpMyAdmin).
- Выбрать базу данных вашего сайта и экспортировать её (для удобства и экономии трафика можно использовать сжатие).
- У вас на руках актуальный бэкап сайта.
- Для большей надёжности добавьте в именах архивов дату создания и скопируйте в доступные облачные хранилища (OneDrive, Google Drive, Яндекс.Диск и т.п.).
Если у вас VPS-сервер, то можно написать небольшой shell-скрипт, создающий архив файлов и дамп БД, который будет выгружать бэкап на удалённый FTP-сервер по расписанию через планировщика cron.
Желательно в расписании использовать время наименьшей посещаемости сайта (обычно это глубокая ночь).
Выводы
Создание сайта на WordPress будет максимально простым, даже если у вас нет опыта и специальных знаний. Разработчики CMS приложили к этому немало усилий. Процесс управления, редактирование и публикация материалов, модерация комментариев и другие рабочие процессы одинаково удобны новичкам и профи.
Установка движка может выполняться в пару кликов, все операции по настройке, установке расширений, тем (шаблонов) и т.п. реализуются в удобном web-интерфейсе.
Возможности редактора материалов Gutenberg ничем не уступают блочным онлайн-конструкторам.
Единственный нюанс – вам нужен качественный и надёжный хостинг. Мы рекомендуем HostGator.
установка CMS в 1-клик на хостинг ↵ Обслуживает более 2 млн сайтов, невероятная доступность и надёжность, безлимитный диск и трафик, специальные тарифы для WordPress, подарочный домен на год.
Цены – от 2,75 $/месяц.
Если WordPress всё равно кажется сложным и слабо коррелирует с вашими задачами, попробуйте использовать онлайн-конструкторы. Здесь многие технические вопросы находятся в сфере ответственности провайдера услуги. А процесс сборки страниц ещё проще и удобнее.
- Автор: Дмитрий Луценко
Источник: uguide.ru