Як змінити фон в wordpress, wpday
Зараз багато тем до сих пір не підтримують простий спосіб додавання і зміни фонового зображення через панель управління WordPress. Тому в даному уроці я хочу розповісти, як вручну додати фонове зображення і керувати ним за допомогою CSS.
Нашою темою за замовчуванням буде TwentyEleven, незважаючи на те, що в ній присутня функція додавання фону через настройки теми, ми ж зробимо це за допомогою редагування style.css.
Зміна фону вWordPress
Давайте змінимо наш фон сайту на синій фон.
Ось таке ось у мене вийшло зображення:
Далі Вам необхідно визначитися, чи хочете повторювати зображення чи ні. В даному прикладі ми будемо використовувати зображення без повторення, таким чином у нас вийде блакитний фон і частина білого світіння буде виглядати по краях.
Тепер потрібно скопіювати наше зображення за наступним шляхом:
WP-content> Themes> twentyeleven> images
Після того, як зображення скопійовано в папку нам необхідно відкрити файл нашої теми style.css.
У темі TwentyEleven, є розділ з назвою "Global". Шукаємо "body" і тут вказується в даному випадку колір нашого фону.
Тепер, після того, як ми знайшли розділ для нашого фону, давайте пропишемо нашу картинку. Після цього нам потрібно буде зробити ще кілька коригувань, але будемо робити все крок за кроком.
Про таке кодом ми вказуємо шлях до нашого зображення (blue.gif):
Пам'ятайте, що спочатку ми скопіювали наше зображення в папку нашої теми, тому зараз при вказівці шляху, ми можемо просто використовувати images / blue.gif. а не прописувати повний шлях.
Хочете відображати ваше кількість передплатників на сайті, поставте цей плагін.
Давайте подивимося, як зараз виглядає наш body:
Далі ми можемо побачити, як виглядає наша картинка на нашому сайті:
Як ви помітили наш фон повторюється. Але спочатку статті ми вирішили робити наш фон без повторення, для цього необхідно додати правило - "не повторювати":
Зараз наш body виглядає так:
Але це ще не все. В даному випадку наше зображення буде вирівнюватися по лівому краю, чим це загрожує, може у вас і буде нормально виглядати, але у людини, який прийшов до вас може бути набагато більше дозвіл екрана, ніж у Вас. Тому нам необхідно вирівняти зображення по центру зверху.
Щоб зробити це, додайте наступне:
Але це може не зовсім вирішити нашу проблему, тому раджу поміняти колір основного фону на блакитний, близький до вашого фону.
Початковий колір був # e2e2e2, я замінив його кольором # 6B8CC2.
Ну ось і все друзі, давайте глянемо на кінцевий результат наших змін:
Завдяки тому, що ми змінили колір фону і від Центрованим наше зображення, тепер можемо хоч за збільшувати нашу сторінку :)
Як бачите поміняти фон WordPress не так вже й складно, і взагалі рада друзі вивчіть хоча б основи css, щоб можна було творити чудеса у вашому оформленні WordPress.