ГлавнаяОбучение

Как изменять цвета и фон темы WordPress. Урок 31.

По большей части именно цвет определяет дизайн сайта. И тема Frontier, которая установлена на вашем сайте, позволяет в значительной мере оперировать настройками цвета. И если вам не нравится стандартный синий цвет, вы сейчас его измените.

Перейдите в пункт консоли «Внешний вид» и подпункт «Frontier настройки», откройте вкладку «Цвет». В первую очередь поставьте галочку «Включить собственную настройку цветов».

urok-9-1-1

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

urok-9-1-2И в открывшемся окошке, оперируя элементами управления, выберите желаемый цвет.

urok-9-1-3

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

Изменить можно ещё и фон сайта. Можно сделать на фоне изображение или сплошной цвет.

Для того чтобы получить картинку для фона, есть традиционных три метода:

  • Найти изображение в поисковике в поиске по картинкам, по запросу, например, «бесшовная текстура».
  • Заказать картинку фрилансеру на бирже Work-zilla.
  • Нарисовать её самостоятельно, если есть умения использования необходимых программ.

Выберите удобный метод для получения картинки фона. Чтобы загрузить изображение на фон, нажмите на ссылку «Body Background».

urok-9-1-4

Затем нажмите кнопку «Обзор», выберите изображение на компьютере и нажмите кнопку «Загрузить».

urok-9-1-5

Картинка загрузится, и вы увидите её на предпросмотре сверху.

urok-9-1-6

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

urok-9-1-7

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

В качестве фона можно также установить и сплошной цвет. Здесь всё намного проще – нужно использовать опцию «Цвет фона».

urok-9-1-8

Задание №5 считается выполненным, если:

  • Вы поняли, как изменить цветовую схему сайта.
  • Вы поняли, как изменить фон сайта.

Следующая тема — Подключение мониторинга UpTime Robot

УжасноПлохоНормальноХорошоОтлично (Поставьте оценку статье)
Оставьте комментарий:
Я не спамлю...