Вы хотите добавить фоновое изображение на свой сайт WordPress? Фоновые изображения можно использовать, чтобы сделать ваш сайт более привлекательным и эстетичным. Поэтому в этом руководстве мы покажем вам, как легко добавить фоновое изображение на ваш сайт WordPress.
Мы предполагаем, что вы уже установили WordPress. Если вы еще этого не сделали, ознакомьтесь с руководством «Как настроить блог WordPress за 7 шагов».
Напоминаем, что загрузка множества изображений на ваш блог или сайт может сократить время загрузки последнего.
Узнайте здесь, почему вы должны начать оптимизировать свой блог WordPress с изображениями
Метод 1. Добавьте фоновое изображение, используя настройки темы
Большинство бесплатных и премиальных тем WordPress имеют функцию настройки фонового изображения. Эта функция позволяет легко установить фоновое изображение на вашем веб-сайте WordPress.
Если используемый WordPress тема поддерживает функцию пользовательского фона, мы рекомендуем использовать этот метод для добавления фонового изображения на ваш веб-сайт WordPress. Однако, если ваша тема не поддерживает пользовательские функции фона, вы можете использовать другие методы, описанные в этом руководстве.
Узнайте также, как изменить макет вашего блога WordPress
Сначала вам нужно посетить " Внешний вид> Настроить в панели управления WordPress. Это запустит настройщик WordPress тема где вы можете изменить различные параметры последнего во время просмотра предварительного просмотра в реальном времени.
Затем вам нужно нажать на опцию «Фоновое изображение». Панель выдвигается и показывает вам варианты загрузки или выбора фонового изображения для вашего веб-сайта.
Нажмите кнопку Выберите изображение, чтобы продолжить.
Появится всплывающее окно WordPress Media Download, где вы сможете загрузить изображение с вашего компьютера. Вы также сможете выбрать ранее загруженное изображение из библиотеки мультимедиа.
Затем вы должны нажать на кнопку Выбрать изображение После загрузки или выбора изображения вы хотите использовать в качестве фона.
Это закроет всплывающее окно, и вы увидите предварительный просмотр выбранного изображения в Настройщик.
Под изображением вы также сможете увидеть параметры фонового изображения. Под предустановкой вы можете выбрать, как вы хотите отображать фоновое изображение.
Также узнайте, как загрузить ваши массовые медиа на WordPress
Вы также можете выбрать положение фонового изображения, щелкнув стрелки ниже. Щелчок по центру выравнивает изображение по центру экрана.
Не забудьте нажать на кнопку « Сохранить и опубликовать Вверху, чтобы сохранить настройки. Вот и все, вы успешно добавили фоновое изображение на свой сайт WordPress.
Идите и посетить ваш сайт, чтобы увидеть его в действии.
Метод 2. Добавьте собственное фоновое изображение в WordPress с помощью плагина.
Этот метод гораздо более гибкий. Он работает с любым WordPress тема и позволяет вам установить несколько фоновых изображений. Вы также можете установить разные фоны для любого сообщения, страницы, категории или любого другого раздела вашего сайта.
Это дает возможность отображать все ваши фоновые изображения в полноэкранном режиме и на мобильных устройствах. Это означает, что размер вашего фонового изображения будет автоматически изменяться на небольших устройствах.
Прежде всего, вам необходимо установить и активировать плагин " Full Screen Background Pro ». Для получения более подробной информации см. Наше пошаговое руководство о том, как установить плагин WordPress .
При активации необходимо посетить " Внешний вид> Полноэкранное изображение BG Для настройки параметров плагина.
Вам нужно будет добавить лицензионный ключ. Вы можете получить эту информацию по электронной почте, полученной после покупки плагина, или в своей учетной записи на веб-сайте плагина.
Затем вы должны нажать на кнопку Сохранить настройки Чтобы сохранить ваши изменения. Теперь вы готовы начать добавлять фоновые изображения на свой сайт.
Идите вперед и нажмите на кнопку Добавить новое изображение На странице настроек плагина. Вы попадете на экран фоновой загрузки.
Нажмите на кнопку Выбрать изображение »Чтобы загрузить или выбрать изображение. Как только вы выберете изображение, вы сможете просмотреть его в режиме реального времени.
Затем вы должны указать имя для этого изображения. Это имя будет использоваться внутри, так что вы можете определить, что вы хотите.
Наконец, вам нужно выбрать, где вы хотите использовать это изображение в качестве фоновой страницы. " Full Screen Background Pro »Позволяет настраивать изображения в качестве фона глобально или вы можете выбирать из различных разделов вашего веб-сайта, таких как категории, архивы, первая страница, страница блога и т. Д.
Не забудьте нажать на кнопку « Сохранить изображение »
Вы можете добавить столько изображений, сколько хотите, посетив " Внешний вид> Полноэкранное изображение BG .
Если вы установите более одного изображения для глобального использования, плагин автоматически начнет показывать фоновые изображения в виде слайд-шоу.
Вы можете настроить время, необходимое для исчезновения изображения, и продолжительность плавной анимации.
Здесь вы вводите время в миллисекундах. Если вы хотите, чтобы фоновое изображение исчезло через 20 секунд, вы должны ввести 20000.
Не забудьте нажать на кнопку « Сохранить настройки Хранить ваши изменения.
Определите фоновое изображение для отдельных сообщений, страниц, категорий и т. Д.
« Full Screen Background Pro »Также позволяет установить фоновые изображения для сообщений, страниц, категорий, тегов и т. Д.
Просто измените сообщение / страницу, на которой вы хотите отобразить другое фоновое изображение. На экране редактирования публикации вы увидите новое поле «Фоновое изображение» в нижней части редактора публикации.
Чтобы использовать фоновое изображение для определенной категории, вы должны посетить " Внешний вид> Полноэкранное изображение BG », Затем нажмите на кнопку« Добавить новое изображение .
Смотрите в этой статье W3 Total Cache vs WP Super Cache: какой выбрать?
После загрузки вашего изображения, вы должны выбрать "КатегорияКак контекст, в котором вы хотите отобразить фоновое изображение.
Теперь введите идентификатор или ярлык конкретной категории, в которой вы хотите отобразить изображение. Не забудьте сохранить изображение, чтобы сохранить настройки.
Если вы собираетесь создать сайт для фотографа или для любого креативного агентства, ознакомьтесь с нашими 3 Темы WordPress премиум оптимизирован для этой задачи.
1. американский лось
Moose - красивая и изощренная тема WordPress, которая позволяет настроить практически любой веб-сайт, и особенно, чтобы он выглядел великолепно в полноэкранном режиме.
Он поставляется с различными комбинациями меню и макетами, чтобы вы могли быстро начать работу, и если вам понадобится быстрый старт, вы сможете импортировать одну из десяти демонстраций за несколько минут.
Его прочный дизайн и визуальный интерфейс в сочетании с вариантами портфолио, сеточными макетами и многим другим делают его отличным местом для демонстрации творческой работы. Но, честно говоря, он также может быть идеальным для любого типа бизнес-сайта.
скачать | Демонстрация | веб-хостинг
2. Fotofly
Эта тема WordPress идеально подходит для создания любого сайта фотографа. Благодаря макету, предназначенному для оптимизации отображения каждого из ваших снимков, он идеально подойдет для преобразования многих посетителей.
Эта тема WordPress подходит для простого создания сайта любого фотографа, благодаря качеству его макетов. Его последняя версия очень отзывчива и позволяет просматривать ее на любом мобильном устройстве.
Откройте для себя 7 WordPress плагины для оптимизации кэширования вашего сайта
Он поставляется с такими функциями, как: поддержка многих виджетов, обмен в социальных сетях, настройка логотипа, поддержка мегаменю, совместимость с несколькими популярными плагинами, множество инструментов, предназначенных для ведения блогов, подробная документация многоязычная поддержка, эффекты наведения изображения, мощная фотогалерея, поддержка паролей и многое другое.
скачать | Демонстрация | веб-хостинг
3. большая фотография
Grand Photography - это тема WordPress, посвященная веб-сайтам, посвященным фотографии. Он поставляется с процессом установки OneClick, который позволит вам создать его легко и за считанные минуты.
Он объединяет около 140 шаблонов галерей и страниц, чтобы вы могли идеально отображать свою работу. Дополнительные функции, такие как параллаксная прокрутка, поддержка фонового видео, позволят вам использовать свой творческий потенциал для создания визуально потрясающего макета.
Расширенный редактор галереи позволит вам загружать фотографии сразу, а затем переупорядочивать их с поддержкой функции перетаскивания. Вы также сможете защитить свои изображения паролем. Он также имеет персонализированный тип сообщений, посвященных событиям, который позволит вам создавать их и информировать ваших посетителей о времени, дате, месте, где будет проходить ваша выставка и т. Д.
скачать | Демонстрация | веб-хостинг
Другие рекомендуемые ресурсы
Смотрите также эти статьи, чтобы пойти дальше
- Как настроить плагин WordPress Slider Revolution
- Как создать собственный макет с Факир
- Как создать учетную запись YouTube и добавить свои видео на WordPress
Заключение
Вот! Вот и все, что касается этого урока, надеюсь, вы легко сможете добавить фоновое изображение в свой блог или веб-сайт. Мы также приглашаем вас ознакомиться с нашими ресурсы, если вы начинающий блоггер. Если у вас есть предложения или замечания, мы будем рады их приветствовать.
Мы призываем вас поделиться этой статьей в разных социальных сетях.
...
