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

Особенности промежуточного сайта

SiteGround предлагает создание промежуточного сайта в рамках своего плана общего хостинга GoGeek, который будет стоить около 17,99 долларов в месяц (цена резко меняется в течение года). Два других плана общего хостинга «StartUp» и «GrowBig» не имеют этой промежуточной функции.

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

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

Веб-хостинг SiteGround

Получите сверхбыстрый управляемый хостинг WordPress с бесплатной электронной почтой, CDN, сверхбыстрым PHP и тремя уровнями кэширования на Google Cloud Platform.

Как создать промежуточный сайт WordPress в SiteGround?

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

Перейти в раздел «Инструменты сайта»

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

Создать промежуточный сайт в SiteGround

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

Выберите дополнительные файлы

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

Промежуточный сайт, защищенный паролем

Это важный шаг в защите промежуточного сайта от публичного доступа. После создания промежуточного сайта нажмите кнопку «Перейти к защищенным URL-адресам». Кроме того, вы можете в любой момент перейти в раздел «Безопасность > Защищенные URL-адреса» в Инструментах сайта.

Защитите URL-адреса промежуточного сайта

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

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

Вы увидите сообщение «Промежуточный сайт защищен», как показано ниже.

Промежуточный сайт защищен

SiteGround будет использовать поддомены для создания промежуточных сайтов, таких как « » и так далее. Весь сайт вместе с контентом, базой данных и изображениями будет скопирован в промежуточную среду. Когда пользователь или поисковая система попытается получить доступ к страницам промежуточного сайта, перед продолжением им будет предложено ввести имя пользователя/пароль во всплывающем окне. Отмена всплывающего окна или предоставление неверных данных приведет к ошибке «401 – Несанкционировано».

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

Доступ к промежуточным сайтам и их развертывание

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

Управление промежуточным сайтом в SiteGround

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

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

Ограничения промежуточной функции SiteGround

Хотя эта функция бесплатна в планах хостинга GoGeek и Cloud, она имеет множество ограничений.

• Он работает только при установке на одном сайте и не работает при установке на нескольких сайтах.
• На вашем сервере должно быть достаточно свободного места (>51%) и инодов (>20%).
• Вы можете иметь максимум 10 промежуточных площадок с 15 ежедневными операциями.
• Промежуточный сайт работает только в том случае, если размер вашей базы данных меньше 2 ГБ.
• Если вы используете сторонние серверы имен (например, Cloudflare), вам следует вручную добавить записи DNS A для поддоменов, созданных для промежуточных сайтов.

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

Особенности Perfmatters, влияющие на макет

В плагине Perfmatters есть несколько функций, которые могут нарушить макет страницы:

• Удалите неиспользуемый CSS по всему сайту.
• Задержка или отсрочка выполнения JavaScript.
• Отключение файлов CSS и скриптов с помощью Script Manager.
• Отключение виджетов WooCommerce.

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

1. Используйте строку ?perfmattersoff в URL-адресе.

Чтобы обойти Perfmatters, просто добавьте ?перфматтерсофф в конце любого URL-адреса вашей страницы. Допустим, URL вашей страницы https://yoursite.com/page/. Вы должны использовать URL-адрес для открытия страницы во вкладке браузера.

Обход Perfmatters с помощью запроса ?perfmattersoff

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

Однако строка запроса НЕ будет отключать функции в разделе «Общие» настройки, такие как отключение смайлов, удаление ленты, комментариев и т. д. К сожалению, на данный момент нет возможности обойти элементы в разделе «Общие» настройки.

2. Обход только удаления неиспользуемого CSS

Как уже упоминалось, удаление использованного CSS из верхней строки меню или из раздела «Ресурсы» настроек плагина является хлопотной задачей. Кроме того, более крупные сайты будут потреблять огромные ресурсы сервера для создания используемого CSS, поэтому вам не следует часто удалять и перестраивать используемый CSS. Всякий раз, когда вы хотите протестировать, добавьте ?perfmatterscssoff запросите URL-адреса вашей страницы, чтобы обойти удаление неиспользуемой функции CSS без очистки используемого CSS или деактивации плагина.

3. Обходите только задержку и откладывайте JavaScript

Многие темы на основе jQuery в значительной степени полагаются на JavaScript с пользовательскими скриптами для поддержки всплывающих окон, ползунков, фильтров портфолио и т. д. Задержка и отсрочка выполнения JavaScript в основном повлияют на эти функции. Хорошо, что вам не нужно отключать эти функции каждый раз, когда вы хотите протестировать. Просто добавьте ?perfmattersjsoff запрос в конце ваших URL-адресов, чтобы обойти задержку и отложить функции JS в плагине Perfmatters.

4. Менеджер сценариев тестирования

Диспетчер сценариев позволяет удалять сценарии и файлы CSS постранично. Вы также можете условно отключить файлы плагинов или тем для определенных типов сообщений. Протестировать Script Manager в режиме реального времени будет непростой задачей, и Perfmatters не предлагает такой возможности. Однако вы можете протестировать его как вошедший в систему пользователь с правами администратора, чтобы изменения НЕ повлияли на других пользователей, посещающих действующий сайт.

• Отредактируйте любую публикацию или страницу и выберите опцию «Диспетчер сценариев» в верхнем меню «Perfmatters».
• Зайдите в меню «Настройки» и включите опцию «Режим тестирования».
• Нажмите кнопку «Сохранить изменения», которая отображается внизу.

Включить режим тестирования для диспетчера сценариев Perfmatters

Это приведет к деактивации всех элементов, включенных/отключенных в разделах «Диспетчер сценариев» и «Глобальный вид» для активных пользователей. Любой, у кого есть доступ администратора, может войти на ваш сайт, открыть страницы в новой вкладке браузера и проверить, работают или нет настройки Script Manager. Убедившись, что все работает нормально, вы можете вернуться на вкладку «Настройки» и отключить опцию «Режим тестирования», чтобы изменения были применены на работающем сайте.

5. Тестирование виджетов WooCommerce

Если вы используете плагин WooCommerce, он добавит множество виджетов в раздел «Внешний вид > Виджеты». Вы можете использовать эти виджеты на боковой панели и в нижней части страницы, чтобы продемонстрировать свои продукты. Если эти виджеты отсутствуют или не работают должным образом, причиной могут быть настройки Perfmatters.

• Перейдите в меню «Настройки > Перфматтеры» и перейдите в раздел «Общие».
• Прокрутите страницу вниз и отключите опцию «Отключить виджеты» в разделе «WooCommerce».
• Нажмите кнопку «Сохранить изменения», чтобы вернуть виджеты. Если вы уже вставили виджеты в боковую панель или нижний колонтитул, эти виджеты начнут отображаться после сохранения настроек.

Выключить Отключить виджеты WooCommerce

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

Хостинговые компании, такие как HostGator и Bluehost, были популярны раньше из-за бума блогов. Однако другие компании, такие как SiteGround, значительно выросли по сравнению с этими компаниями EIG (теперь они называются Newfold Digital). Если вы используете HostGator и срок действия плана хостинга истекает, рекомендуется поискать SiteGround. Миграция с HostGator на SiteGround бесплатна, но длительный процесс зависит от текущей настройки вашего сайта. Также узнайте, как легко перенести сайт Bluehost на SiteGround.

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

У каждой компании есть свои преимущества и недостатки. SiteGround предлагает первоначальную покупку менее чем за 3 доллара, а продление стоит 17,99 долларов в месяц для самого низкого плана StartUp. Это похоже на самый дешевый план HostGator Hatchling для общего хостинга. Хотя SiteGround не предлагает бесплатный домен на 1 год, у него есть лучшие варианты:

• Бесплатная электронная почта
• Многоуровневое кэширование
• Бесплатный CDN с ограниченными функциями
• 30-дневное автоматическое онлайн-резервное копирование
• Stagged и Git для плана GoGeek
• Высокая оценка поддержки клиентов

Веб-хостинг SiteGround

Получите сверхбыстрый управляемый хостинг WordPress с бесплатной электронной почтой, CDN, сверхбыстрым PHP и тремя уровнями кэширования на Google Cloud Platform.

1. Удалить сайт из Cloudflare

Как уже упоминалось, этот процесс во многом зависит от вашего регистратора домена, CDN и настройки электронной почты. Перейдите к шагу 2, если вы не используете Cloudflare или любой другой CDN, который меняет серверы имен. Если вы используете Cloudflare CDN, вам необходимо удалить свой сайт из Cloudflare и изменить DNS, указывающий на ваши серверы имен HostGator. Это связано с тем, что Cloudflare не предлагает возможности повторного сканирования DNS при смене хостинговой компании. Удаление сайта приведет к удалению ваших текущих зон DNS с IP-адресами HostGator, а затем повторное добавление сайта начнет использовать IP-адрес сервера SiteGround. Хотя вы также можете вручную редактировать записи DNS в Cloudflare, чтобы они указывали на SiteGround, удаление и повторное добавление сделают это автоматически.

• Войдите в свою учетную запись HostGator, перейдите в раздел «Веб-сайты > Настройки сайта > Обзор» и найдите текущие данные сервера имен.

Откройте настройки сайта в HostGator

Получите серверы имен HostGator

Измените серверы имен на HostGator

• Перейдите в свою учетную запись Cloudflare и нажмите ссылку «Удалить этот сайт из Cloudflare», которая отображается в правом нижнем углу панели управления. Подтвердите свое действие по удалению сайта из вашей учетной записи.

Удалить сайт из Cloudflare

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

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

2. Добавление сайта и создание ключа миграции в SiteGround

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

Добавить новый сайт в SiteGround

• Поскольку у вас уже есть сайт в HostGator, выберите опцию «Существующий домен», введите свое доменное имя в поле и нажмите кнопку «Продолжить».

Введите URL-адрес домена и продолжите.

• Выберите опцию «Перенос веб-сайта», а затем нажмите «Сверхбыстрая автоматическая миграция WordPress», которая является бесплатной опцией.

Выберите «Перенести веб-сайт» и «Бесплатная миграция».

• Игнорируйте, если вам будет предложено купить какое-либо дополнение, например Site Scanner или CDN, и нажмите кнопку «Готово».

Игнорировать специальное предложение

• SiteGround создаст новый сайт в вашей учетной записи, что может занять несколько минут.

Сайт в стадии создания

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

Токен миграции создан.

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

3. Установите плагин SiteGround Migrator на существующий сайт.

Войдите на свой текущий сайт WordPress (который использует HostGator) и перейдите в раздел «Плагины > Добавить новый». Найдите и установите плагин SiteGround Migrator, который доступен бесплатно в репозитории WordPress.

Установите SiteGround Migrator

4. Свяжите токен миграции в плагине

После активации плагина перейдите в меню «SG Migrator». Вставьте скопированный токен миграции и нажмите кнопку «Начать миграцию». Вы также можете указать адрес электронной почты (по желанию), чтобы получить уведомление о завершении процесса миграции.

Введите токен и адрес электронной почты

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

Мониторинг хода загрузки

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

Загрузка успешно завершена

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

Сообщение о завершении миграции

5. Проверьте временный сайт и перейдите на серверы имен SiteGround.

Это может вас сбить с толку, поскольку вы добавили существующий домен, но плагин миграции все равно создал временный URL-адрес. Это связано с тем, что плагин ВСЕГДА создает временный URL-адрес, который будет доступен в течение 48 часов. Вы можете проверить сайт, используя временный URL-адрес, и убедиться, что все работает нормально.

Следующим шагом будет изменение DNS-серверов имен на IP-адреса SiteGround, чтобы ваш сайт начал работать после новой настройки. Просто зайдите к своему регистратору доменов и измените серверы имен на ns1.siteground.net и ns2.siteground.net. Это серверы имен по умолчанию для SiteGround, которые вы должны получить по электронной почте.

Изменить DNS на SiteGround

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

Проверьте статус DNS

6. Установите SSL в SiteGround Tools.

Важным моментом является то, что SiteGround не устанавливает SSL автоматически для перенесенного сайта. Итак, перейдите в раздел «Инструменты сайта» и выберите «Безопасность > Менеджер SSL». Здесь вы можете бесплатно установить Let’s Encrypt SSL для своего сайта.

Давайте зашифруем установленный SSL

После установки SSL перейдите в раздел «HTTPS Enforce» и включите на своем сайте только использование протокола HTTPS. Это необходимо, если у вас есть интернет-магазин, чтобы убедиться, что все работает только через HTTPS.

Включить принудительное использование HTTPS

7. Чтение сайта в Cloudflare

SiteGround предлагает встроенный бесплатный CDN с ограниченными функциями. Вы можете проверить параметры в разделе «Скорость > CDN» и решить, использовать их или нет. Если вы решили использовать Cloudflare, просто зайдите в свою учетную запись и добавьте свой сайт. Это приведет к повторному сканированию вашего DNS и добавлению записей SiteGround. Вы можете проверить и удалить, если какие-либо DNS-записи HostGator все еще отображаются в редакторе.

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

Настройка DNS Cloudflare

8. Настройка электронной почты

Если вы используете стороннюю службу электронной почты со своим IP-адресом HostGator, обязательно измените его на SiteGround. По умолчанию SiteGround DNS будет иметь три записи MX для электронных писем (которые также будут добавлены в Cloudflare). Вы можете настроить и начать использовать SiteGround Webmail из раздела «Инструменты сайта».

Заключительные слова

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

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

Связывание Envato и сайта WordPress

Поскольку версии WordPress и PHP постоянно обновляются, вам следует обновить свою тему и плагины для запуска защищенного сайта WordPress. Большинство авторов envato просят пользователей выполнить обновление вручную, что является болезненным процессом. Сначала вам следует удалить тему/плагин из панели администратора, загрузить последнюю версию из themeforest/codecanyon и снова загрузить ее из панели администратора (или через файловый менеджер/FTP).

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

Примечание: Этот процесс работает только для тем и плагинов WordPress, но не для других приобретенных элементов, таких как скрипты PHP.

Установка плагина Envato Market WordPress

Есть несколько способов установить плагин Envato Market на сайт WordPress.

• Перейти на сайт envato и загрузите последнюю версию ZIP-файла плагина. Войдите в свою административную панель WordPress и перейдите в раздел «Плагины > Добавить новый плагин». Нажмите кнопку «Загрузить плагин» и загрузите zip-файл. Наконец, перейдите в раздел «Плагины» и активируйте установленный плагин.

Загрузите плагин Envato Market

• Некоторые авторы тем также предоставляют плагин Envato Market как часть загрузки продукта. Обычно вы можете найти это в разделе «Внешний вид > Установка плагинов» или в меню вашей темы на боковой панели администратора. Ниже приведен пример темы журнала Pixwell, который показывает, что плагин поставляется как часть файлов темы. В таком случае вы можете просто нажать ссылку «Установить/Активировать», чтобы добавить плагин на свой сайт.

Плагин Envato Market в теме Pixwell

После того, как вы установили плагин Envato Market, перейдите в раздел «Плагины» и обновите плагин до последней версии. Это особенно необходимо, если вы установили более старую версию из пакета темы.

Обновите плагин Envato Market

Генерация личного токена Envato API

Следующий шаг — создать токен API в вашей учетной записи envato и связать его с плагином для получения обновлений.

• Плагин добавит новый пункт меню на боковую панель под названием «Envato Market» (обычно это последний пункт меню). Перейдите в раздел «Envato Market > Настройки» и нажмите ссылку на первом шаге.

Настройки плагина Envato

• Введите имя пользователя/пароль и войдите в свою учетную запись envato. Вы автоматически войдете в систему, если вы уже вошли в свою учетную запись themeforest или codecanyon.

Войдите в учетную запись Envato

• Вы попадете на страницу создания токена и введите имя для своего токена.

Укажите имя токена

• По умолчанию будут выбраны разрешения на просмотр, загрузку и размещение приобретенных товаров. Прокрутите вниз, примите условия и нажмите кнопку «Создать токен».

Проверьте разрешение и создайте токен

• Скопируйте созданный токен и сохраните его локально в текстовом файле. Это важно, поскольку токен не будет виден в учетной записи envato, если он понадобится вам позже (хотя вы можете создать новый снова). Установите флажок подтверждения и нажмите «Woohoo! кнопку «Понял».

Копировать созданный токен

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

Редактировать или удалить токен Envato

Связывание токена Envato в WordPress

Вернитесь к администратору WordPress и в раздел «Настройки» плагина Envato Market. Просто вставьте сгенерированный персональный токен в поле и нажмите кнопку «Сохранить изменения». Вы увидите сообщение об успехе: «Ваш личный токен OAuth проверен». Теперь нажмите кнопку «Проверить соединение API», расположенную рядом с кнопкой «Сохранить изменения». Вы должны увидеть то же сообщение об успешной проверке личного токена OAuth. Это означает, что токен работает нормально и плагин подключен к вашей учетной записи envato.

Токен добавлен в WordPress

Ручные и автоматические обновления

После успешной проверки токена плагин добавит вкладки «Темы» и «Плагины» и вытащит все ваши покупки из учетной записи envato. Отсюда вы можете установить любую купленную тему или плагин с сайтов themeforest и codecanyon. Плюсом является то, что вы также можете переключиться на любую другую приобретенную тему без длительного процесса загрузки и загрузки.

Для ручного обновления – В моем случае я перехожу на вкладку «Envato Market > Темы» и нажимаю ссылку «Доступно обновление», чтобы получить последнюю версию темы. Это ручной процесс, с помощью которого я могу проверить наличие обновления и установить его при необходимости. Для плагинов перейдите на вкладку «Плагины» и установите последние обновления.

Проверьте обновление темы

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

Включить автоматическое обновление для темы Envato

Заключительные слова

К сожалению, этот плагин недоступен в бесплатном репозитории WordPress, и вам необходимо получить его вместе с покупкой темы/плагина или загрузить/установить с сайта envato. Хотя в репозитории WordPress доступно несколько сторонних плагинов, Envato Market является официальным плагином для связи вашего сайта WordPress и учетной записи envato. Все, что вам нужно, это создать личный токен API и связать его с плагином, чтобы получать последние обновления в панели администратора.

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

Блоки Гутенберга

Есть два способа настроить параметры оформления отдельных блоков в WordPress:

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

Если вы все еще используете классический редактор или используете собственный тип сообщений, который не поддерживает Gutenberg (например, страницы продуктов WooCommerce), то настройки по умолчанию будут другими, как описано в конце этой статьи.

1. Настройки оформления для блоков Гутенберга

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

Абзац с пользовательской типографикой

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

Настройки блока абзаца в Гутенберге Изменение размера шрифта

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

Нажмите значок «Установить нестандартный размер», расположенный чуть выше параметра XL. Появится поле и ползунок для установки пользовательского размера шрифта для вашего абзаца. Вы можете изменить единицу измерения CSS на px, em или em, щелкнув единицу измерения px, отображаемую в поле.

Установка пользовательского размера шрифта. Просмотр настроек скрытой типографики.

Нажмите на три вертикальные точки (называемые «Параметры типографики»), расположенные в правом конце заголовка «Типографика». Это покажет вам все скрытые настройки для настройки внешнего вида вашего текста.

Скрытые настройки типографики для блока

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

Проверьте все параметры типографики

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

Отображаются все скрытые настройки. Изменение внешнего вида шрифта.

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

Выберите внешний вид стиля шрифта. Настройка других параметров.

Как и внешний вид, вы можете установить следующие параметры:

• Интервал между буквами — введите число, чтобы увеличить или уменьшить расстояние между буквами в выбранном блоке абзаца. Вы можете использовать такие значения, как 0,5, 1 или 1,5, и проверять изменения в реальном времени.
• Оформление: выберите «Нет», «Подчеркивание» или «Зачеркивание».

Настройте интервал между буквами, буквицу и регистр букв

• Регистр букв — выберите «нет», «прописные», «строчные» или «заглавные» параметры, чтобы изменить регистр букв.
• Буквица – наконец, включите эту кнопку, чтобы первая буква отображалась крупной. Это идея для начального абзаца ваших статей.

Примечание: После настройки абзаца вы можете в любой момент нажать ссылку «Сбросить все», чтобы удалить все настройки.

Изменение цвета текста

Есть два способа добавить цвета в блок:

• Цвета текста и фона – выберите опцию «Текст» или «Фон», отображаемую под заголовком «Цвет» на правой боковой панели. Откроется цветовая палитра, показывающая цвета вашей темы по умолчанию. Если вы не хотите использовать цвет темы, щелкните поле над цветовой палитрой, чтобы открыть палитру цветов.

Изменить цвета текста и фона

Когда вы выберете цвет, в поле отобразится предварительный просмотр и соответствующий цветовой код. Блок абзаца также мгновенно изменится на выбранный цвет текста. По умолчанию WordPress отображает шестнадцатеричный цветовой код. Нажмите раскрывающийся список Hex и при необходимости измените его на RGB или HSL. Эти параметры отобразят дополнительные ползунки для настройки цветовой комбинации.

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

Аналогичным образом вы можете применить предпочитаемый цвет фона для абзаца. Если вы хотите удалить цвета, нажмите «Параметры цвета» (три вертикальные точки в конце заголовка «Цвет») и выберите параметр «Сбросить».

Сбросить параметры цвета и фона

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

Выделите текст и фон цветом с помощью расширенных настроек боковой панели

В разделе «Дополнительно» вы можете добавить собственные классы CSS и определить стили в разделе «Внешний вид > Настройка > Дополнительный CSS». Хотя это более технический характер, вы можете применять стили к нескольким блокам на одной странице. Узнайте больше о том, как добавить CSS на одну страницу в WordPress.

2. Использование блочных плагинов

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

Опция контейнера GenerateBlocks

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

Варианты типографики спектров

3. Параметры типографики для классического редактора

Если вы все еще используете старый классический редактор или пользовательские типы сообщений, такие как WooCommerce, то возможности ограничены. Вы можете изменить цвет шрифта, сделать его жирным, курсивом и зачеркнуть текст с помощью редактора TinyMCE по умолчанию. Для получения дополнительных функций вам может потребоваться переключиться в режим «Текст» и добавить встроенные стили CSS к отдельным элементам.

Параметры оформления классического редактора TinyMCE

Заключительные слова

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