Web master, як змінити фон в шаблоні wordpress

Один з найпопулярніших способів додати індивідуальність шаблоном сайту це змінити його фон.

При установці деяких тем у вкладці Зовнішній вигляд з'являється пункт Фон

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

Але не завжди є такий пункт! Що ж тоді робити? Переходимо до іншого варіанту.

Розберемо декілька способів зміни головного фону сторінки

1. Встановлюємо фон звичайного номера кольору.

Далі шукаємо рядки:

Наведу приклад всім відомої програми «Adobe Photoshop». Відкрийте програму, перейдіть в палітру кольорів і вкажіть числове значення кольору:

2. Встановлюємо фон зображення (картинки), які задаються у файлі style.css.

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

Тому в якості картинки для фону найкраще використовувати ПАТЕРН.

Патерн - це невелика картинка, яка не має швів, яка при повторенні утворює великий фон, що заповнює весь простір сайту.

Як зробити фон приклавши мінімум зусиль? Існують онлайн сервіси, які в своїй базі має сотні вже готових фонів, їх залишиться тільки відредагувати і налаштувати на свій смак.

Як поміняти фон на сайтах HTML і PHP

Якщо ви працюєте з сайтом розробленим виключно на HTML, тоді вам знадобитися вставити фон в відкриває тег . Має вийти приблизно наступне:

Головне правильно вкажіть шлях до зображення. Також для страховки можете прописати до того ж до картинки ще й колір, на той випадок якщо раптом з якихось причин патерн не завантажили.

Якщо основний патерн не завантажили, замість нього підвантажиться колір, вказаний в bgcolor (FFFFFF).

Щоб встановити фон на сайт, необхідно закачати створений вище патерн до себе на хостинг в папку з картинками теми.

Можна настрающего як буде повторюватися патерн. Для цього існує атрибут repeat.

• - repeat - зображення буде повторюватися як по вертикалі, так і по горизонталі;
• - repeat-x - повторення тільки по горизонталі;
• - repeat-y - повторення тільки по вертикалі;
• - no-repeat - заборона на повторення.

Перезавантажуємо сторінку сайту і дивимося отриманий результат.

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