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

Атрибут альтернативного текста в HTML

Прежде чем продолжить, необходимо понять, что alt — это атрибут, используемый с тегом изображения в HTML. Синтаксис будет выглядеть примерно так:

Итак, когда вы добавляете замещающий текст, WordPress вставит тег alt в исходный HTML-код. Некоторые конструкторы веб-сайтов, такие как Weebly, автоматически добавляют замещающий текст ко всем загруженным изображениям как «Изображение». Это неверно, поскольку все изображения на вашем сайте не могут иметь замещающий текст «Изображение». Кроме того, вы не сможете обнаружить проблемы с отсутствующим альтернативным текстом при проведении SEO-аудита вашего сайта. Чтобы избежать этих проблем, WordPress по умолчанию оставляет поле альтернативного текста пустым. Поэтому вам придется заполнять поле вручную для каждого изображения. Однако, если ваши изображения предназначены исключительно для декоративных целей и не связаны с содержанием статьи, оставьте альтернативный текст пустым.

1. Добавьте замещающий текст для нового изображения в медиатеке редактора Gutenberg.

• Создайте или отредактируйте публикацию в редакторе Гутенберга.
• Вставьте блок «Изображение» и нажмите «Медиабиблиотека».

Доступ к медиатеке из Гутенберга

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

Загрузите новое изображение

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

Введите замещающий текст и вставьте изображение

Вы можете использовать тот же метод, когда используете опции «Загрузить» или «Вставить из URL» в блоке «Изображение».

2. Добавьте замещающий текст для существующего изображения в Гутенберге.

Существует множество инструментов SEO и опций аудита, позволяющих сканировать ваш сайт и находить изображения, у которых отсутствует атрибут alt. Если вы обнаружите, что у существующего изображения отсутствует атрибут, отредактируйте сообщение, содержащее это изображение. Нажмите на изображение и проверьте вкладку «Блоки» на правой боковой панели. Введите текст в поле «Альтернативный текст» и нажмите кнопку «Обновить», чтобы повторно опубликовать сообщение.

Добавить замещающий текст в настройках блока изображения

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

Сбросить введенный альтернативный текст

3. Добавление замещающего текста в медиатеку (внешний редактор)

Также возможно добавить атрибут вне редактора Gutenberg.

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

Выберите изображение в медиатеке

• Во всплывающем окне «Сведения о вложении» введите альтернативный текст в поле «Альтернативный текст».
• Закройте всплывающее окно, и WordPress автоматически сохранит ваши изменения.

Добавить замещающий текст в сведениях о вложении

4. Добавление замещающего текста в классическом редакторе

Альтернативный текст, введенный в разделе «Медиа > Библиотека», будет отображаться при вставке изображения в Gutenberg или Classic Editor. Выполните следующие шаги, если вы хотите изменить или добавить замещающий текст непосредственно из классического редактора. Это вариант для пользовательских типов сообщений, таких как продукты WooCommerce, которые не используют редактор Gutenberg.

• Нажмите кнопку «Добавить медиа» при создании или редактировании сообщения.

Открыть медиатеку из классического редактора

• Выберите изображение и введите текст в поле «Замещающий текст» справа.

Параметр альтернативного текста в классическом редакторе

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

Редактировать изображение в классическом редакторе

Альтернативный вариант текста в деталях изображения

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

5. Массовое редактирование альтернативного текста в WordPress

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

• Перейдите в раздел «Плагины > Добавить новый» в панели администратора WordPress.
• Найдите плагин «bulk at text» и «Image Alt Text». Установите и активируйте плагин на своем сайте.

Установить плагин замещающего текста изображения

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

Массовое добавление замещающего текста в WordPress

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

Массовое обновление альтернативного текста

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

6. Альтернативный текст для изображений галереи

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

Замещающий текст для изображений галереи

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

Проверка альтернативного текста

Как уже упоминалось, alt вставляется вместе с тегом изображения HTML в исходный код. Хотя вы всегда можете проверить исходный код опубликованной страницы, также возможно проверить код перед публикацией.

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

Редактировать блок HTML

Просмотр атрибута Alt в исходном коде блока

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

Проверьте текстовый редактор

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

Файл .htaccess в WordPress

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

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

Узнайте больше о том, как просматривать скрытые файлы на Mac и ПК с Windows.

Шаг 1 – Создайте файл паролей

• Откройте текстовый редактор на своем компьютере. Для этой цели вы можете использовать Блокнот на ПК и TextEdit на Mac.
• Введите имя пользователя и пароль, разделенные двоеточием. Например, если ваше имя пользователя — , а пароль — mypassword, введите :мойпароль.

Введите имя пользователя и пароль

• Сохраните файл и укажите имя .htpasswd.

Сохранить файл как .htpasswd

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

Используйте имя файла с точкой

Шаг 2. Загрузите файл .htpasswd на сервер.

• Войдите в свою учетную запись хостинга и откройте Файловый менеджер или получите удаленный доступ к своему серверу через FTP.
• Найдите свою установку WordPress, которая обычно находится в папке /public_html, и загрузите файл .htpasswd. В этом случае ваши файлы .htaccess и .htpasswd будут находиться в одном месте.

Помните, что вы можете загрузить файл в любое место на сервере, которое не является общедоступным. Например, если у вас есть структура каталогов типа «/user/home/WordPress_site», загрузите файл в папку «/user/home/».

Шаг 3 – Добавление директив в файл .htaccess

• Перейдите в папку установки WordPress (обычно /public_html).
• Найдите файл .htaccess и загрузите его в качестве резервной копии.
• Затем откройте файл для редактирования и удалите все существующее содержимое.
• Добавьте следующие строки в файл и сохраните его. Перезагрузите файл, если вы используете FTP.

AuthType Basic AuthName «Сайт, защищенный паролем» AuthUserFile /file_path_of_.htpasswd требует допустимого пользователя

Добавить аутентификацию в htaccess

Если у вас есть файлы .htpasswd и .htaccess в одном месте, вы можете просто использовать .htpasswd в качестве AuthUserFile, как показано ниже. В противном случае обязательно укажите место, куда вы загрузили файл .htpasswd на сервер.

AuthType Basic AuthName «Сайт, защищенный паролем» AuthUserFile .htpasswd требует действительного пользователя

Шаг 4 – Тестирование сайта

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

Запрос пароля

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

401 Ошибка

Внутренняя ошибка сервера

Что следует помнить при использовании защиты паролем

Хотя этот метод работает хорошо, обязательно соблюдайте некоторые меры предосторожности, чтобы избежать проблем с безопасностью.

• Вместо использования простого пароля в файле .htpasswd вы также можете использовать зашифрованный пароль. Вы можете использовать любые онлайн-инструменты для создания зашифрованных паролей. Хотя пароль в файлах зашифрован, вам все равно придется использовать исходный пароль (например, mypassword) в интерфейсе браузера при доступе к сайту.
• В файл можно добавить несколько имен пользователей и паролей, по одному в строке. Вы можете использовать любое имя пользователя/пароль для доступа к вашему сайту.
• Обязательно загрузите файл .htpasswd в место, где к нему можно получить доступ из внешнего интерфейса.
• .htpasswd — это стандартный файл управления паролями при настройке сервера Apace. Вы можете узнать больше о том, как использовать файл здесь.

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

Настройка магазина WooCommerce

Плагин имеет некоторые параметры по умолчанию в разделе «WooCommerce > Настройки». Вы можете проверить актуальность шаблонов (при использовании встроенной темы) в разделе «WooCommerce > Статус» и улучшить магазин, установив дополнительные плагины из раздела «WooCommerce > Расширения». Кроме того, вот 10 советов по настройке вашего магазина WooCommerce в WordPress.

1. Добавьте дрожжевые крошки на страницы продуктов.

Если вы используете плагин Yoast SEO на своем сайте, имеет смысл добавить такие же хлебные крошки в свой магазин WooCommerce. Перейдите к “Плагины > Редактор» и выберите плагин «WooCommerce». Найдите и выберите файл «single-product.php» и добавьте код хлебных крошек Yoast в нужное место. Это добавит навигационную структуру на все страницы вашего продукта.

Добавьте Yoast Breadcrumb на страницы продуктов WooCommerce

2. Ускорьте другие страницы вашего сайта

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

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

3. Добавьте рамку в раздел данных о продукте.

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

.woocommerce-tabs { border: 1px Solid #e6e6e6; отступ: 30 пикселей; }

4. Скрыть товар из магазина

Хотите скрыть товар с действующего сайта? Откройте продукт в режиме редактирования и нажмите ссылку «Изменить» рядом с надписью «Видимость каталога» в мета-окне «Опубликовать».

Скрытие продукта из магазина WooCommerce

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

5. Отключение отзывов клиентов о продукте

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

Включить или отключить обзор продукта

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

.reviews_tab { display: none !important; }

6. Отключите сопутствующие продукты

Добавьте приведенный ниже код в свой файл function.php, чтобы отключить соответствующие предложения продуктов на страницах продуктов.

Remove_action( ‘woocommerce_after_single_product_summary’, ‘woocommerce_output_related_products’, 20);

7. Включите безопасную оплату

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

Принудительно безопасная оплата в WooCommerce

8. Добавьте изображение для отдельных вариантов продукта.

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

Добавьте избранное изображение для вариантов продукта

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

9. Добавьте товары в меню.

Это простой вопрос. WordPress имеет надежное управление меню, которое позволяет добавлять любую ссылку в меню навигации сайта. Идти к “Внешний вид > Меню» и добавьте продукт в свое меню. Или добавьте пользовательскую ссылку, где вы можете связать ссылку категории продукта в меню с нужной меткой.

Добавьте товары в меню WordPress

10. Дублирование страницы продукта

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

Дублирующийся вариант в представлении «Все продукты»

Также возможно создать дубликат при редактировании продукта в редакторе в мета-окне «Опубликовать».

Копировать в новый вариант черновика в редакторе продуктов

Последние мысли

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

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

Импорт существующей базы данных

Импорт дампа базы данных полезен, если вы хотите восстановить старое содержимое с новым именем базы данных. Это может быть связано с тем, что текущая база данных повреждена, или вы навсегда удалили важные сообщения, или просто хотите изменить имя из соображений безопасности. Обратите внимание, что SiteGround также предлагает 30-дневное резервное копирование для всех планов общего хостинга и 7-дневное резервное копирование для облачного хостинга. Таким образом, вам следует использовать опцию импорта только в том случае, если резервная копия системы недоступна или бесполезна.

Другие цели включают в себя: вы переходите из другой компании в SiteGround и хотите импортировать свою старую базу данных.

Шаг 1. Загрузите и загрузите базу данных на сервер.

Если вы хотите загрузить текущую базу данных в SiteGround и использовать ее с другим именем/именем пользователя, перейдите в раздел «Сайт > MySQL > phpMyAdmin» в инструментах сайта и нажмите кнопку «Доступ к phpMyAdmin».

Откройте phpMyAdmin в SiteGround.

Находясь в phpMyAdmin, перейдите на вкладку «Экспорт» и загрузите базу данных в виде файла SQL.

Загрузите файл SQL в SiteGround

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

• Перейдите в раздел «Сайт > Файловый менеджер» в Инструментах сайта.
• Перейдите в корень вашей установки WordPress (обычно /public_html).
• Нажмите значок «Загрузить файл» на панели инструментов и выберите файл SQL.
• Убедитесь, что файл успешно загружен и отображается в списке.

Загрузите файл SQL на сервер SiteGround

Помните, что SiteGround позволяет импортировать дамп базы данных только со своего сервера, а не с локального компьютера. Итак, вам следует загрузить файл дампа SQL на сервер, как описано выше, или с помощью FTP.

Шаг 2 – Создайте пустую базу данных

Создайте пустую базу данных, пользователя и назначьте ему полные права, как описано в нашей предыдущей статье. SiteGround автоматически создает имя для базы данных/пользователя, и вы не можете использовать собственное имя, как в cPanel.

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

Запишите новое имя базы данных, имя пользователя и пароль.

Шаг 3 – Импорт дампа SQL

После этого перейдите на вкладку «Сайт > Мой SQL > Базы данных» и щелкните три вертикальные точки, показанные под столбцом «Действие», напротив имени вашей вновь созданной базы данных. Вы увидите всплывающее меню и выберите «Импортировать дамп базы данных».

Изменить метку и импортировать базу данных

В появившемся всплывающем окне нажмите «Обзор», чтобы выбрать файл SQL на сервере, а затем нажмите кнопку «Импортировать».

Импортировать дамп базы данных в SiteGround

Вы увидите сообщение о том, что файл SQL успешно импортирован.

Дамп SQL успешно импортирован

Перейдите в phpMyAdmin и проверьте, доступны ли таблицы во вновь созданной базе данных.

Шаг 4 – Связывание новой базы данных с WordPress

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

• Перейдите в раздел «Сайт > Файловый менеджер» в Инструментах сайта.
• Перейдите в корень вашей установки WordPress.
• Найдите и отредактируйте файл «wp-config.php».
• Замените DB_NAME, DB_USER и DB_PASSWORD новыми данными имени базы данных/имени пользователя/пароля.
• Сохраните изменения.

Изменить данные базы данных в файле конфигурации WP

Шаг 5 – Тестирование и очистка

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

Примечание: Если вы видите ошибку «Ошибка установления соединения с базой данных», проверьте правильность данных, указанных в файле «wp-config.php».

Добавление значков социальных сетей и подписок — это простой способ привлечь трафик на ваш сайт. Однако большинство социальных плагинов для 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.