- 22, Oct 2024
- #1
Пытаюсь добавить изображение в пункт меню, не получается.
Вот мой код.
<div class="fixed-menu"> <ul> <li class="active"> <a href="#"> <img src="img/fx-ic-1.png" alt="изображение"> <span>Главная</span> </a> </li> etc...
// Header Side Menu
function etm_side_menu() {
register_nav_menu('side-menu',__( 'Header Side Menu' ));
}
add_action( 'init', 'etm_side_menu' );
add_filter('wp_nav_menu_objects', 'wp_nav_menu_objects', 10, 2);
function wp_nav_menu_objects( $items, $args ) {
// loop
foreach( $items as &$item ) {
// vars
$icon = get_field('icon');
// append icon
if( $icon ) {
$item->title .= '<img src='.$icon.'>';
}
}
// return
return $items;
}
И вот function.php
<?php wp_nav_menu(
array(
'theme_location' => 'side-menu',
'container_class' => 'fixed-menu',
'fallback_cb' => '',
'link_before' => '<span>',
'lnk_after' => '</span>',
'depth' => 2,
'walker' => new Understrap_WP_Bootstrap_Navwalker(),
)
); ?>
Изображения, которые должны появиться в меню, просто не появляются. Любая помощь будет оценена по достоинству.
Я использую тему Understrap.
Желаемая разметка такова
header.php
#настраиваемое поле #меню