Как добавить полноэкранное фоновое изображение в WordPress

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

Полноэкранное фоновое изображение, похоже, является новой тенденцией в дизайне, которая становится модной. Мы получили множество писем от пользователей с вопросами о том, как добавить фоновое изображение на весь экран на свой сайт WordPress. Обычно установка полноэкранного фонового изображения на вашем сайте WordPress означает, что вам придется работать с файлами CSS и HTML. Вам также придется учитывать размер изображения и масштабирование этого размера для различных устройств, размеров экрана, разрешений, браузеров и т.д. Этого достаточно, чтобы напугать новичков WordPress. Не волнуйтесь, в этой статье мы покажем вам, как добавить полноэкранное фоновое изображение в WordPress без редактирования каких-либо файлов стилей или темы.

Видеоинструкция

Подписаться на WPBeginner

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

Первое, что вам нужно сделать, это установить и активировать плагин Simple Full Screen Background Image. После активации перейдите по ссылке Внешний вид » Полноэкранное изображение BG и загрузите ваше фоновое изображение.

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

Добавление фонового изображения на весь экран в WordPress

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

ПРО полноэкранное фоновое изображение

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

Самое лучшее в Full Screen Background Images Pro — это то, что он позволяет вам показывать разные фоновые изображения для разных контекстов. Например, вы можете выбрать другое фоновое изображение:

  • Категории
  • Архивы
  • Отдельные посты
  • Страницы
  • Главная страница блога
  • Передняя страница
  • Поиск и многое другое

Полноэкранные фоновые изображения Pro

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

Этот плагин очень эффективен с точки зрения производительности и поставляется с минимальными накладными расходами.

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

Надеемся, что эта статья помогла вам добавить фоновое изображение на весь экран в WordPress. Используете ли вы полноэкранные фоновые изображения на своем сайте? Как вы это делаете? Вы используете метод кода или другой плагин?? Дайте нам знать, оставив комментарий ниже.

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий