質問: リンクのないメニュー項目 リンクのないメニュー項目(ドロップダウンメニューのあるクリックできないメニュー項目など)を作成することがよくありますが、[システムリンク]タブには、似たオプションがいくつかあります。menu heading、text separatorと"#"にリンクされている外部urlの違いは何ですか?
回答: 主な違いは、htmlのレンダリング方法です。したがって、メニュー項目がどのように見えるかはテンプレートに依存します。これは、デフォルトのprotostarテンプレートがさまざまなオプションを表示する方法です。外部urlメニュー項目のデフォルトのhtml出力はリンクです。<li class="item-120"><a href="#">external url menu item</a></li> これは、他の「通常の」メニュー項目とまったく同じです。多くの見出し項目これにより、メニュー項目の次のhtmlコードが作成されます。<li class="item-121"><span class="nav-header">menu heading item</span></li> テキスト区切りテキストセパレータのデフォルトのhtml出力は次のとおりです。<li class="item-122 divider"><span class="separator">text separator item</span></li> (<li>タグの追加のdividerクラスに注意してください。)その他のテンプレート多くのテンプレートはデフォルトのレンダリングを上書きし、異なる結果をもたらします。これは、同じメニュー項目が joomla51.com のテンプレートでどのように見えるかです。同じメニューのhtml出力:<li class="item-120"><a href="#" tabindex="-1" class="submenubtn">external url menu item</a></li> <li class="item-121"><a href="/" tabindex="-1" class="submenubtn">menu heading item</a></li> <li class="item-122"><a tabindex="-1" class="submenubtn">text separator item</a> </li></ul> すべてのメニュー項目が同じように見えることに注意してください。これは、rocketthemeなどの他のテンプレートクラブにも当てはまります(ソースコードは異なりますが、3つのアイテムは同じに見えます)。