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

Плагин Novashare для обмена сообщениями в социальных сетях

Perfmatters — один из популярных плагинов для оптимизации производительности сайтов WordPress. Поскольку Novashare принадлежит тому же разработчику, вы можете быть уверены, что плагин является лучшим с точки зрения производительности. Ниже приведены функции, которые вы получите с Novashare:

• Кнопки «Поделиться» и «подписаться» из всех популярных социальных сетей.
• Поддерживает счетчик акций для Facebook, Pinterest и т. д.
• Легкий и не влияет на скорость загрузки страниц.
• Плагин является жалобой на GDPR, поскольку он не собирает никаких пользовательских данных.

Обратите внимание, что плагин ориентирован на легкий вес, и поэтому вы не найдете навороченных функций, таких как всплывающие окна, виджеты подписки и т. д. Если вас не беспокоит скорость, возможно, поищите такие плагины, как плагин Easy Social Sharing Buttons, который поставляется в полном пакете. .

Покупка Новашера

Плагин доступен по трем тарифным планам:

• Персональный – для одного сайта.
• Бизнес – на 3 сайта.
• Неограниченное количество сайтов – отсутствие ограничений на использование благодаря поддержке нескольких сайтов.

Все планы включают 30-дневную гарантию возврата денег, 1 год бесплатной поддержки и обновлений. Проверьте нашу страницу с кодом купона Novashare, чтобы получить скидку 25% на покупку любого из этих планов.

Тарифные планы Novashare

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

Вариант купона на странице оформления заказа

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

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

Установка и активация лицензии

Выполните следующие действия, если у вас есть ZIP-файл и лицензионный ключ плагина.

• Войдите в панель администратора WordPress и перейдите в раздел «Плагины > Добавить новый плагин».
• Нажмите кнопку «Загрузить плагин» и загрузите ZIP-файл плагина.
• Будет установлен Novashare, и вы перейдете в раздел «Плагины > Установленные плагины», чтобы активировать плагин.
• Плагин будет работать без активации лицензионного ключа. Однако вы не будете получать никаких обновлений (или поддержки, если необходимо) без активации плагина.
• Перейдите в меню «Настройки > Novashare», а затем перейдите в раздел «Лицензия».
• Введите лицензионный ключ и нажмите кнопку «Сохранить лицензию».

Введите лицензионный ключ Novashare

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

Лицензия успешно активирована

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

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

Плагин имеет очень простой пользовательский интерфейс, и вы можете перемещаться по различным разделам с левой боковой панели (в разделе «Настройки > Novashare»).

1. Встроенный контент

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

1.1. Управление отображением кнопок

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

Настройка кнопок социальных сетей для встроенного контента

• Novashare поддерживает четыре положения кнопок – над содержимым, под содержимым, над и под содержимым, а также использование шорткода для вставки в произвольную позицию. Ниже приведен короткий код для вставки в произвольную позицию, и вы можете использовать блок «Шорткод» для вставки между содержимым, боковой панелью или областью виджетов нижнего колонтитула. код. Узнайте больше о вставке короткого кода в шаблоны PHP для отображения значков социальных сетей в произвольном положении в макете публикации.

(novashare_inline_content)

• Mobile Breakpoint позволяет скрыть значки социальных сетей выше или ниже установленной ширины. Например, вы можете указать точку останова размером 468 пикселей и включить опцию «Скрыть ниже точки останова», чтобы скрыть кнопки на мобильных телефонах с шириной менее 468 пикселей.

1.2. Проектирование социальных кнопок

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

Разработка стилей социальных кнопок

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

Стили кнопок социальных сетей

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

1.3 Количество акций

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

Количество акций и текст призыва к действию 1.4. Призыв к действию

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

2. Плавающий бар

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

Установка плавающего бара в Новашаре

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

• Отображать – выровняйте положение кнопки влево или вправо из «Выравнивания кнопок». Вы можете установить смещение, используя параметры «Смещение сверху/края», и включить плавную прокрутку с указанием местоположения прокрутки и точки запуска.

Настройки отображения плавающей панели

• Дизайн – у вас есть только два стиля для выбора (сплошной или инверсный) из раскрывающегося списка «Стиль кнопки».
• мобильный – здесь вы можете установить максимальную ширину отображения кнопок на мобильном телефоне.

3. Кнопка «Поделиться»

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

Дополнительные всплывающие окна с кнопками «Поделиться»

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

Настроить кнопку «Дополнительно поделиться»

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

4. Нажмите, чтобы опубликовать

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

Нажмите, чтобы опубликовать глобальные настройки в Novashare

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

Нажмите, чтобы опубликовать блок Гутенберга для Novashare

5. Пинтерест

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

Включить закрепление Pinterest на изображениях

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

Настройте пин Pinterest с помощью Novashare

6. Конфигурация

В этом разделе есть некоторые расширенные функции, и вы можете игнорировать все эти настройки, если не хотите их трогать.

• X Share Count – Twitter (X) уже остановил API подсчета акций. Но Novashare будет использовать сторонний сервис (TwitCount или OpenShareCount) для сбора количества акций, когда вы включаете опцию «Включить подсчет X». Обратите внимание, что вам необходимо создать учетную запись в этих сторонних службах, чтобы зарегистрировать свой домен. После этого Novashare выбирает службу из раскрывающегося списка «Служба подсчета X», и плагин начинает собирать и показывать счетчик.
• Имя пользователя X используется, когда кто-то делится вашим контентом в Twitter (X), а для публикации в Facebook необходимы идентификатор приложения/секрет. Вы можете получить идентификатор приложения и секрет приложения, создав учетную запись разработчика, используя свои учетные данные Facebook.

Раздел расширенной конфигурации Novashare

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

6.1. Мета

В разделе «Мета» добавьте изображение для публикации в социальных сетях по умолчанию, включите «Открыть график» и отключите опцию «Скрыть мета-блок». Помните, что в редакторе Gutenberg появляется мета-окно, позволяющее вам изменять глобальные настройки для каждого сообщения/страницы.

6.2. Количество акций

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

6.3. Google Analytics и сокращение ссылок

Настройте параметры UTM, такие как источник кампании, имя и канал, чтобы начать отслеживать общие ссылки в вашей учетной записи Google Analytics. Поскольку URL-адрес будет длинным с добавленными параметрами UTM, рекомендуется сократить ссылку с помощью Bitly. Вам понадобится токен доступа и группа из учетной записи Bitly, чтобы начать использовать функцию сокращения ссылок в Novashare.

Аналитика UTM-отслеживание и сокращение Bitly 6.4. Восстановление количества акций

Здесь вы можете включить настройки для восстановления количества ваших акций, потерянных из-за:

7. Инструменты

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

Раздел инструментов Novashare

Помимо настроек экспорта/импорта, в разделе «Инструменты» у вас есть следующие параметры.

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

8. Лицензия

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

9. Поддержка

В разделе «Поддержка» показаны быстрые ссылки на часто задаваемые вопросы, документацию и страницу контактов на веб-сайте Novashare. В большинстве случаев, чтение документации достаточно, поскольку большинство вариантов не сложны. Однако вы можете использовать контактную форму, чтобы отправить свою проблему разработчикам и получить ответ. В большинстве случаев Брэйн Джексон ответит на ваши вопросы четкими ответами.

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

Если вы включили опцию мета-поля, редактор Gutenberg отобразит два поля под содержимым вашего сообщения.

• Новашар: Подробности – используйте параметры здесь, чтобы ввести собственный заголовок, метаописание, загрузить другое изображение, добавить изображение Pinterest, добавить скрытые изображения Pinterest для обмена на социальных платформах. Вы также можете отключить встроенный контент и плавающую панель только для этого сообщения отсюда.
• Novashare: восстановление количества акций – нажмите кнопку «Добавить URL», чтобы ввести старые URL-адреса, откуда вы хотите восстановить номер счетчика.

Параметры мета-поля Novashare

Удаление и удаление плагина

Плагин Novashare добавляет пользовательский wp_novashare_meta таблица в вашей базе данных для хранения сведений о количестве общих ресурсов. Таким образом, простое удаление плагина не приведет к удалению таблиц базы данных. Если вы решите удалить плагин, следуйте инструкциям ниже.

• Перейдите в раздел «Настройки > Novashare > Инструменты».
• Установите флажок «Чистое удаление» и нажмите кнопку «Сохранить изменения», чтобы деактивировать плагин.
• Перейдите в раздел «Плагины > Установленные плагины» и удалите Novashare.

Это полностью удалит все следы плагина Novashare с вашего сайта.

WordPress добавляет множество кодов в раздел заголовка между тегами

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

Поиск классических стилей темы и глобальных стилей встроенного CSS

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

Выполните следующие действия, чтобы просмотреть и найти идентификатор CSS в исходном коде вашего сайта:

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

Встроенный CSS в глобальной и классической теме в заголовке WordPress

Еще один запутанный аспект заключается в том, что в классических стилях тем будет отображаться комментарий типа /*! Этот файл создается автоматически */, что может вас смутить. Запишите идентификаторы CSS для обоих встроенных стилей, которые должны выглядеть следующим образом:

• классические стили-темы-inline-css
• глобальные стили-inline-css

Удаление глобальных стилей из встроенного CSS

Во-первых, давайте удалим глобальный встроенный CSS.

• Войдите в панель администратора WordPress и перейдите в раздел «Внешний вид > Редактор файлов тем».
• Убедитесь, что выбрана текущая активная тема, и выберите файл function.php из списка файлов.
• Скопируйте и вставьте следующий код внизу существующего содержимого файла.

/** Удаление глобальных встроенных стилей */ add_action( ‘wp_enqueue_scripts’, function() { wp_dequeue_style( ‘global-styles-inline’); }, 20);

• Нажмите кнопку «Обновить файл», чтобы сохранить изменения.

Код для удаления глобальных встроенных стилей

Теперь проверьте исходный код, и вы увидите, что раздел global-styles-inline-css удален.

Удаление стилей классической темы из встроенного CSS

Процесс аналогичен удалению глобальных стилей из заголовка WordPress.

• Перейдите в панель администратора WordPress и перейдите в раздел «Внешний вид > Редактор файлов тем».
• Выберите активную тему, а затем файл function.php.
• Вставьте следующий фрагмент кода в конец файла.

/** Удалить классический встроенный стиль */ add_action( ‘wp_enqueue_scripts’, function() { wp_dequeue_style( ‘classic-theme-styles’); }, 20);

• Нажмите кнопку «Обновить файл», чтобы сохранить изменения.

Код для удаления встроенных стилей классической темы

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

Примечание: Вместо редактирования файла из «Редактора файлов темы» вы также можете использовать приложение «Диспетчер файлов» из учетной записи хостинга или получить удаленный доступ к серверу через FTP. Вы можете найти файл function.php в разделе /public_html/wp-content/themes//” раздел. Вам также может потребоваться использовать файловый менеджер или FTP, если вы отключили функцию редактирования файлов в панели администратора по соображениям безопасности.

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

Какой бы метод вы ни использовали для редактирования файла function.php, изменения будут удалены при обновлении темы. У вас есть два варианта избежать этого.

• Используйте дочернюю тему и добавьте код в ее файл function.php.
• Используйте плагины типа Фрагменты кода для вставки фрагментов PHP без непосредственного редактирования файла function.php.

Использование Perfmatters для удаления глобальных стилей из встроенного CSS

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

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

Удалить глобальные стили в плагине Perfmatters

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

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

Независимо от того, используете ли вы плагин Perfmatters или фрагмент кода, удаление глобальных/классических стилей темы вызовет следующие проблемы:

• Выравнивание кнопок не будет работать. Например, если вы выровняете содержимое по центру, кнопка всегда будет отображаться слева. Аналогично, кнопки со значками социальных сетей могут работать некорректно.
• Цвет фона блока не будет работать.
• Некоторые блоки, такие как цитата, цитата и галерея, могут работать не так, как ожидалось.
• Это может повлиять на все функции редактирования сайта.
• Функция двухтонального фильтра может не работать.

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

Цвет фона блока удален.

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

Добавление встроенного CSS в раздел заголовка не является хорошей практикой. В идеале вам нужно использовать файл CSS и вставить его в раздел заголовка, используя тег ссылки с rel=”таблица стилей” атрибут. Однако в настоящее время принято выгружать CSS в заголовок с помощью тегов

, чтобы избежать блокировки рендеринга и удалить неиспользуемые предупреждения CSS в Google PageSpeed ​​Insights. Но в панели администратора должна быть опция для отключения этих материалов, вставленных ядром WordPress. Без этого вам нужно добавить фрагмент кода в файл function.php или использовать плагины, такие как Perfmatters, для удаления встроенных CSS-стилей глобальных стилей и встроенных CSS-стилей классической темы из заголовка сайта WordPress.

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, прежде чем повторно тестировать страницу.

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

Создание базы данных MySQL

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

Создайте базу данных MySQL на хостинге cPanel

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

Шаг 1 – Доступ к базам данных MySQL

Войдите в свою учетную запись хостинга и перейдите в раздел cPanel.

Откройте cPanel в HostGator

Перейдите в раздел «Базы данных», чтобы найти и открыть приложение «Базы данных MySQL». Кроме того, вы можете использовать поле поиска, чтобы легко отфильтровать приложение.

Откройте приложение MySQL Databases. Шаг 2. Создание новой базы данных

Введите имя своей базы данных в разделе «Создать новую базу данных» и нажмите кнопку «Создать базу данных».

Создать новую базу данных MySQL

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

Проверка созданной базы данных. Шаг 3. Создание нового пользователя

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

Создание пользователя для базы данных. Шаг 4. Соединение имени пользователя и базы данных.

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

Добавить пользователя в базу данных

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

Предоставьте привилегии пользователю базы данных

Шаг 5 – Подключение базы данных к WordPress

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

Ввод данных базы данных во время установки WordPress

Другой способ — изменить файл wp-config.php и добавить учетные данные своей базы данных. Это тот вариант, когда вы хотите изменить базу данных или изменить пароль после настройки WordPress.

Изменить php-файл wp-config

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

Ошибка при установке соединения с базой данных

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

Создание дубликата всего вашего действующего сайта в отдельной установке — одна из популярных функций планов общего хостинга 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 для поддоменов, созданных для промежуточных сайтов.