Как се променя цветът на фона (background color) или как се слага снимка за бекграунд във WordPress, ако не разбирате CSS ?
Това всъщност е изключително лесно, следвайте тези инструкции и имайте винаги едно наум, че когато променяте CSS кодове, но не разбирате CSS е добре преди да правите промени да записвате примерно на един Notepad или Word файл това, което се каните да промените:
Та:
След като влезете във своя WordPress.org сайт / блог (обръщам внимание, че става дума за WordPress.org, а не за WordPress.com) отидете в редактора на стилове по следния път:
Външен вид -> Редактор ->Стилове ( Style.css)
Намерете в кода мястото, което се нарича: Global Elements – там ще се вършат последващите операции.
- За да промените цвета на своя бекграунд, пейстнете в Global Elements и запазете този код:
body
{
background-color:#000000;
}
За да променяте цветовете, трябва да променяте този параметър: #000000
Различните кодове за цветовете в HTML може да намерите, като потърсите в гугъл: „HTML colors”
Допускаме, че сте променили цвета на бекграунда, ама искате да е нещо по джижано и да си сложите снимка, която да е основа на вашия блог. Има различни опции за това, но да допуснем, че има 3 основни варианта:
1) Да сложим статична снимка, която стои централно в блога или сайта, като негова bakground основа. Тя може да е направена с прозрачни елементи във формат .png за да изглежда вашият блог мега-гига-турбо секси.
background
Пример:
Ако искате вашата снимка да стои точно в центъра – както в показания блог – а не да се мърда наляво или надясно при различните монитори, използвайте този код:
————————————
body
{
background-image: url('http://re-presentation.net/re.1-1.gif');
background-repeat: no-repeat;
background-position: center top;
}
—————————————————
Разбира се, използвайки този код, най напред трябва да качите (Файлове -> качване) снимката, която желаете. След което трябва да заместите нейния URL (адрес) с този, който е даден като пример в кода.
Да речем обаче, че вие искате да пестите от размера на файловете, за да може блоговете ви да се зареждат бързо и да не забиват и т.н. Тогава е по-добре да използвате по-леки изображения – икони, чрез които да направите интересен дизайн на background-а.
2) Използвайте малка икона, която да бъде повторена и мултиплицирана по хоризонтала. Пример:
image-background
image-background
Използвайте този код, за да направите това:
body
{
background-image:url('http://re-presentation.net/re.1-1.gif');
background-repeat:repeat-x;
}
3) Същото упражнение, но по вертикала може да направите със следващия код. Ето пример:
image-background
image-background
Ето и кодът:
div.content
{
background-image:url('http://re-presentation.net/re.1-1.gif');
background-repeat:repeat-y;
}
