Антон Нестеренко

Создал еще пару sass файлов что бы разделить код на блоки

В названии этих файлов в начале должен быть _. Например, _foo.scss.

If you have a SCSS or Sass file that you want to import but don't want to compile to a CSS file, you can add an underscore to the beginning of the filename. This will tell Sass not to compile it to a normal CSS file. You can then import these files without using the underscore.

For example, you might have _colors.scss. Then no _colors.css file would be created, and you can do
@import "colors";
and _colors.scss would be imported.

sass-lang.com/documentation/file.SASS_REFERENCE.ht...

И Вас с наступающим. Вариант в общем такой:
оборачиваем в теги так(при регистрации меню)

wp_nav_menu(array(
'theme_location'=>'osnova',
'link_before'=>'<h7 class="задаем класс">','link_after'=>'</h7>',

затем кидаем ссылку на изображение в дескрипшин при оформлении меню:

фильтр функция(используем description):

function prefix_nav_description($item_output,$item,$depth,$args){
    if(!empty($item->description)){
        $item_output=str_replace($args->link_before.$item->title,'<img src="'.$item->description.'">'.$args->link_before.$item->title,$item_output);
    }
    return $item_output;
}
add_filter('walker_nav_menu_start_el','prefix_nav_description',10,4);

результат:

правда без атрибута alt
ну а классы сами добавите в фильтр функции....
........................
хотя, если атрибут alt это тот же текст ссылки, то:

function prefix_nav_description($item_output,$item,$depth,$args){
    if(!empty($item->description)){
        $item_output=str_replace($args->link_before.$item->title,'<img src="'.$item->description.'" alt="'.$item->title.'"  class="greetings-menu-item__image">'.$args->link_before.$item->title,$item_output);
    }
    return $item_output;
}
add_filter('walker_nav_menu_start_el','prefix_nav_description',10,4);