Създаване на wordpress сайт 8 (widgets)

Безплатни 20 урока
регистрирай се и научи

Ако сте вече потребител - Регистриран съм
Видео
Сега единственото съдържание, което остана непроменено в нашата страница, е това нещо долу, което се намира в "footer".
Това са тези "div".
Искам да могат да се променят оттук през "Appearance Widgest".
Да са същите като "Sidebar" контейнери, в които могат да слагам "Widgest".
Затова ще отида в "functions".
Където дефинираме този "Sidebar".
Регистър "Sidebar".
И ще сложа, като го копирам целия.
Ще го поставя още веднъж.
"Fbox 1".
Така ще направя за всяка от тези три кутийки долу.
"Fbox 2".
"Fbox 3".
Сега ще отида в "Sidebar", който в момента се намира в "index.
php".
Не съм го сложил в отделен файл.
И ще взема този ред "dynamic_sidebar ('sidebar')".
Като го копирам от тук и го поставя в "foolter".
На всяко от тези места.
Но с различното му име.
"Fbox 1".
Имената на "Sidebar", които регистрирахме тук в "functions".
Трябва да са същите.
"Fbox 2" "Fbox 3".
Запазвам всички файлове.
И идвам тук и обновявам.
Виждате сега тези "Fbox", излезнаха като контейнери за "Widgest".
Сега мога да сложа в "Fbox 3" архив.
Сега мога да сложа в "Fbox 3" архив.
"Meta" да я сложа в "Fbox 2".
И например текст.
Произволен текст, който аз ще си го напиша.
Например "Hello text".
И запазвам.
Сега отивам на страницата, за да обновя и да видя, какво се е получило.
Всичко е окей.
Единствено стиловете са лоши.
Затова ще влезна "Stylizer".
За да ги поправя.
Сега тук имаме "Fbox 1", вътре имаме някакъв "div", който се генерира от "Widgest".
След това "UL" и "H3".
Ще избера "Fboxshell", "H3", за да модифицирам всичките тези три наведнъж.
Ще им задам например, font-size Ще им задам например "font-size".
40 пиксела.
Като след това го намаля.
Не ми харесва, че е наклонен.
Не ми харесва, че е наклонен.
Сега ще го центрирам.
Изгледай "UL" добавят "padding" от едната страна.
Затова не отива в центъра.
Затова ще дам "Fboxshell", "UL".
"maring" 0 и "padding" 0.
Като тук имаме листов стйл.
Нека да се фокусираме върху това първо.
Ще сложа "padding" на това заглавие.
Малко по - малък ще го направя пак.
Остава да стилизираме тези тук.
"UL LI A".
Ще направя правило за всички "LI" в "Fboxshell".
С "maring" така и "list-style" "none" .
Като ще им сменя и цвета.
Само, че ще трябва да изберa линковете.
Всички линкове в "Fboxshell".
Цвят бял.
И "text - declaration" "none".
Ще им сложа и малко "maring".
Това мога да го направя и на "LI".
Сега "sample text" в "text Widgest".
"text Widgest" "Fboxshell".
"maring".
И с това съм готов.
Запазвам стила.
Преглеждам страницата, всичко работи.
Както трябва.
С това завършихме обработката на статичните части от този сайт.