web-dev-qa-db-ja.com

カスタムテキストをメニューに追加する

カスタムテキストをメニューに追加する方法そのような構造が出力に欲しいのですが。

<ul>
    <li>home</li>
    <li>services
        <ul>
             <p>services</p>
             <li><a href="#">service1</a></li>
             <li><a href="#">service2</a></li>
             <li><a href="#">service3</a>
                 <ul>
                     <p>service3<p>
                     <li><a href="#">service 3.1</a></li>
                 <ul>
             </li>
        </ul>
    </li>
</ul>

ありがとうございます。

menusnavigationwalker
2
Serg

CSS3を使ってこれを行う別の方法があります。通常どおりWPメニューにリンクを追加しますが、Locationはjavascript:void(0);または#のいずれかにして、どこにも行かないようにします（javascript...がアンカーリンクの起動を防ぐためのより良い方法です）。

それから、あなたのstyle.cssかCSSドキュメントで、hrefのようにそれらのリンクをターゲットにすることができます。

header .nav li a[href="#"], header .nav li a[href="#"]:hover,
header .nav li a[href="javascript:void(0);"],
header .nav li a[href="javascript:void(0);"]:hover {
    text-decoration:none !important;
    cursor: text !important
}

参照： https://css-tricks.com/almanac/selectors/a/attribute/

あなたのセレクタは違うかもしれません

2
Ray