Как да промените фона на WordPress, wpday
Сега много от темите досега не поддържат един лесен начин да добавите или промените фоновото изображение чрез таблото WordPress. Ето защо, в този урок искам да ви кажа как ръчно да добавите фоново изображение и го управлявате с CSS.
Нашата темата по подразбиране ще TwentyEleven, независимо от факта, че има функция за добавяне на фон чрез настройките тема, ние също да направите това с помощта на редактиране style.css.
Промяна на фона vWordPress
Да променим нашия уебсайт фона на син фон.
Това е сега имам на снимката:
След това трябва да решите дали искате да повторите снимката или не. В този пример, ние ще използваме образа без да се повтарят, така че ние се обръщаме син фон и част от бяла светлина ще надникнем в краищата.
Сега ние трябва да копирате нашия имидж по следните начини:
WP-съдържание> Теми> twentyeleven> снимки
След като изображението се копира в папката трябва да отворите файла на нашата тема style.css.
В предмета TwentyEleven, има раздел, озаглавен "Global". Ние търсим за "тяло" и са посочени в този случай, цветът на нашия фон.
Сега, след като сме намерили ключа за нашето минало, нека да предпише нашата картина. След това, ние ще трябва да направя малки промени, но ние ще направим всичко стъпка по стъпка.
Следният код, ние укажете пътя към нашия имидж (blue.gif):
Не забравяйте, че за пръв път ние копират нашия имидж в нашата тема папка, така че сега по пътя, ние можем просто да използвате изображения / blue.gif. а не да предписват пълния път.
Искате ли да ти покаже брой абонати в сайта, поставете приставката.
Нека да видим как изглежда сега тялото ни:
След това можем да видим как изглежда нашата картина на нашия сайт:
Както можете да видите в нашия фон се повтаря. Но първо статия, ние решихме да направим фон без рецидиви, че е необходимо да добавите правило - "да не се повтарят":
Сега нашето тяло е както следва:
Но това не е всичко. В този случай, нашия имидж ще бъде подравнен вляво, това, което означава, че можете да и ще се оправи, за да изглежда, но човекът, който дойде при вас може да е много по-голям от разделителната способност на екрана от теб. Ето защо е необходимо да се приведе в образа на идеалния център.
За да направите това, добавете следното:
Но това наистина не може да се реши проблема ни, така че аз ви съветваме да промените цвета на основния фон на синьото в близост до вашата подготовка.
Оригиналният цвят е # e2e2e2, аз го заменя с цвят # 6B8CC2 на.
Е, това е всичко, приятели, нека да погледнем крайният резултат от нашите промени:
Поради факта, че сме се променили цвета на фона на нашия център на изображението, поне за сега можем да увеличим нашата страница :)
Както можете да видите WordPress фон промяна не е толкова трудно, и като цяло съветите на приятели, за да научите най-малко CSS основите, така че може да направи чудеса в своя дизайн WordPress.
Свързани статии