1. Устанавливаем wordpress на локальный сервер. То есть, создаем сайт на локальном сервере.
2. Устанавливаем тему Basic
3. Устанавливаем плагин SiteOrigin Css
4. В разделе «Внешний вид» появится новая вкладка «Пользовательский Css».
Переходим туда и открываем «визуальный режим».
5. Настраиваем стили меню. Выбираем нужный элемент и задаем его свойства.
.top-menu.maxwidth.clearfix — фон основного меню
.top-menu li a:hover — цвет пункта меню при наведении мыши
.top-menu li a — пункты меню
.top-menu li .sub-menu > li > a:hover — подпунты меню при наведении мыши
.top-menu li .sub-menu > li > span:hover — активный подпункт меню при наведении мыши
.top-menu .current_page_item > span — цвет пункта меню активной страницы
.top-menu .current-menu-item > span — цвет подпункта меню активной страницы
.top-menu .current-menu-item > span:hover — цвет пункта меню активной страницы при наведении мыши
.grid — цвет фона шапки
#logo.blog-name — цвет текста логотипа
#menu-item-382.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-ancestor.current-menu-parent.current_page_parent.current_page_ancestor.menu-item-has-children.menu-item-382 — цвет активного пункта меню при наведении мыши на подпункты меню
6. Сохраняем стили.
7. Необходимые стили можно задать во вкладке «Пользовательский CSS». Также, сохраняем изменения.
Подборка цветов для оформления меню:
| #D2D2D2 | |
| #F0F0F0 |
Как убрать кнопки соцсети:
