Werdpress カスタムメニューへ"|" の挿入

カスタムメニューの「表示オプション」にある「CSSクラス」を使うと
任意のメニュー項目にCSSクラスを追記できるようになる。
「|」を加えたい項目に、separator というCSSクラスをつける。

そのうえで wp_nav_menu にフックする関数を以下のようにfunctions.phpに追加。

add_filter( 'wp_nav_menu', 'my_wp_nav_menu' );
function my_wp_nav_menu( $nav_menu ) {
    return preg_replace( '|(<li.+?separator.+?</a>)|', '$1<span class="separator">|</span>', $nav_menu );
}

CSSクラス separator をつけた項目のテキストリンクの後に span タグで挟まれた「|」が追記されるので、あとは span.separator に対して適宜スタイルをあてる。