WordPress - додавання верхнього, фіксованого меню шаблону
Веб-розробка, WordPress, мобільні пристрої.
Далі вставляю наступний код:
#topnav display: block; position: fixed; float: center; margin: 0px auto; width: 100%; Padding:1px; color:#666666; > #topnav, div.menu font-size: 14px; > #topnav ul, div.menu ul list-style: none; margin: 0; > #topnav li, div.menu li background: #a8d0fd; box-shadow: 0px 0px 3px #ebebeb inset; border-radius: 6px; -moz-border-radius:4px; -khtml-border-radius: 6px; border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb; float: left; position: relative; margin-right:1px; > #topnav a
box-shadow: 0px 0px 3px #ebebeb inset; border-radius: 6px; -moz-border-radius:4px; -khtml-border-radius: 6px; border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb; color: #666666; display: block; line-height: 35px; Padding: 0px 10px; text-decoration: none; > #topnav ul ul box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); display: none; position: absolute; top: 35px; Left: 0; width: 180px; height: 35px; > #topnav ul ul li min-width: 180px; > #topnav ul ul ul left: 100%; top: 10; > #topnav ul ul a background: #b0d7fc; line-height: 1em; Padding: 2px; width: 160px; height: auto; > #topnav li:hover > a, #topnav ul ul :hover > a background: #EBEBEB; color: #444444; > #topnav ul li:hover > ul display: block; > #topnav ul li.current_page_item > a, #topnav ul li.current-menu-ancestor > a, #topnav ul li.current-menu-item > a, #topnav ul li.current-menu-parent > a color: #fff; > * html #topnav ul li.current_page_item a, * html #topnav ul li.current-menu-ancestor a, * html #topnav ul li.current-menu-item a, html #topnav ul li.current-menu-parent a, >
// Ця тема використовує wp_nav_menu() в одному місці. register_nav_menus( array( 'top' => __( 'Top Navigation', 'Ім'я теми' ), ) );
Далі переходжу в Консоль Управління на вкладку Меню і бачу, що з'явилося одне меню, яке підтримується темою
Вибираю для нього потрібне меню з списку (у мене тільки одне). Зберігаю та переходжу на сайт, щоб оцінити зроблену роботу.