Пропустить

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

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 901.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

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

Мы предполагаем, что вы уже установили WordPress. Если вы еще этого не сделали, ознакомьтесь с руководством «Как настроить блог WordPress за 7 шагов».

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

Узнайте здесь, почему вы должны начать оптимизировать свой блог WordPress с изображениями

 

Добавить фоновое изображение в wordpress

Метод 1. Добавьте фоновое изображение, используя настройки темы

Большинство бесплатных и премиальных тем WordPress имеют функцию настройки фонового изображения. Эта функция позволяет легко установить фоновое изображение на вашем веб-сайте WordPress.

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

Узнайте также, как изменить макет вашего блога WordPress

Сначала вам нужно посетить " Внешний вид> Настроить В вашей панели инструментов WordPress. Это запустит WordPress Theme Customizer, где вы можете изменять различные настройки последнего, одновременно просматривая предварительный просмотр в реальном времени.

Фоновое изображение Wordpress настроить тему

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

Настроить фоновое изображение

Нажмите кнопку Выберите изображение, чтобы продолжить.

Появится всплывающее окно WordPress Media Download, где вы сможете загрузить изображение с вашего компьютера. Вы также сможете выбрать ранее загруженное изображение из библиотеки мультимедиа.

Всплывающее окно медиа WordPress

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

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

Настройка отображаемого изображения Wordpress

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

Также узнайте, как загрузить ваши массовые медиа на WordPress

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

Не забудьте нажать на кнопку « Сохранить и опубликовать Вверху, чтобы сохранить настройки. Вот и все, вы успешно добавили фоновое изображение на свой сайт WordPress.

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

Идите и посетить ваш сайт, чтобы увидеть его в действии.

Метод 2. Добавьте собственное фоновое изображение в WordPress с помощью плагина.

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

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

Прежде всего, вам необходимо установить и активировать плагин " Full Screen Background Pro ». Для получения более подробной информации см. Наше пошаговое руководство о том, как установить плагин WordPress .

При активации необходимо посетить " Внешний вид> Полноэкранное изображение BG Для настройки параметров плагина.

Настройка плагина полноэкранного изображения bg

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

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

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

Фон настройки Wordpress

Нажмите на кнопку Выбрать изображение »Чтобы загрузить или выбрать изображение. Как только вы выберете изображение, вы сможете просмотреть его в режиме реального времени.

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

Наконец, вам нужно выбрать, где вы хотите использовать это изображение в качестве фоновой страницы. " Full Screen Background Pro »Позволяет настраивать изображения в качестве фона глобально или вы можете выбирать из различных разделов вашего веб-сайта, таких как категории, архивы, первая страница, страница блога и т. Д. 

Если вы фотограф, дизайнер и многие другие, вот топ 10 из лучших тем WordPress для создания веб-сайта портфолио.

Не забудьте нажать на кнопку « Сохранить изображение »

Вы можете добавить столько изображений, сколько хотите, посетив " Внешний вид> Полноэкранное изображение BG .

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

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

Установка времени отображения

Здесь вы вводите время в миллисекундах. Если вы хотите, чтобы фоновое изображение исчезло через 20 секунд, вы должны ввести 20000.

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

Не забудьте нажать на кнопку « Сохранить настройки Хранить ваши изменения.

Определите фоновое изображение для отдельных сообщений, страниц, категорий и т. Д.

« Full Screen Background Pro »Также позволяет установить фоновые изображения для сообщений, страниц, категорий, тегов и т. Д.

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

Изменение фонового изображения

Чтобы использовать фоновое изображение для определенной категории, вы должны посетить " Внешний вид> Полноэкранное изображение BG », Затем нажмите на кнопку« Добавить новое изображение .

Смотрите в этой статье W3 Total Cache vs WP Super Cache: какой выбрать?

После загрузки вашего изображения, вы должны выбрать "КатегорияКак контекст, в котором вы хотите отобразить фоновое изображение.

Выбор изображений по категориям

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

Если вы создаете веб-сайт для фотографа или какого-либо креативного агентства, ознакомьтесь с нашими премиальными темами 3 WordPress, оптимизированными для этой задачи.

1. американский лось

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

Moose themes wordpress create website фотоагентство

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

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

скачатьДемонстрациявеб-хостинг

2. Fotofly

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

Fotofly themes wordpress создать сайт фотограф иллюстратор дизайнер

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

Откройте для себя 7 WordPress плагины для оптимизации кэширования вашего сайта

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

скачатьДемонстрациявеб-хостинг

3. большая фотография

Grand Photography - это тема WordPress, посвященная веб-сайтам, посвященным фотографии. Он поставляется с процессом установки OneClick, который позволит вам создать его легко и за считанные минуты.

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [Рекомендуется]

Темы грандиозной фотографии WordPress создать сайт фотография фотограф иллюстратор

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

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

скачатьДемонстрация | веб-хостинг 

Другие рекомендуемые ресурсы

Смотрите также эти статьи, чтобы пойти дальше 

Заключение

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

Мы призываем вас поделиться этой статьей в разных социальных сетях.

...

Эта статья содержит комментарии 0

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

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
6 акции
доля3
чирикать1
Регистрация2