PHP

フィルターフック「nav_menu_link_attributes」で「説明」を出力

 

functions.php

function edit_menu_link( $atts, $item) {
  // メニュー項目が「説明」を持っている場合
  if(!empty( $item->description )){
    // リンクにdata-desc属性を追加する
    $atts['data-desc'] = $item->description;
  }
  return $atts;
}
add_filter( 'nav_menu_link_attributes', 'edit_menu_link', 10, 2 );

 

css

.menu a::before {
  content: attr(data-desc);
}

 

※参考 https://codeisle.info/blog/545/

RELATED POST