web-dev-qa-db-ja.com

外観 - >メニュー - >メニュー構造：要素としてプレーンなHTMLコードを追加する

以下のヘッダーメニューがあります。

enter image description here

私のwp-adminパネルを見ると：

enter image description here

ドイツ語と英語のフラグの画像を含む最後の<li>要素が、ワードプレス管理パネルのメニュー#TopHomeSitemapSearchLanguageSwitcherに挿入されていないことがわかります。私はJavaScriptを使ってJQueryで<ul>を#id#TopHomeSitemapSearchLanguageSwitcherに追加することによってこれを行いました。

私の質問は、メニュー構造のプレーンHTMLテキストボックスのように、Wordpressから直接JavaScriptなしのプレーンHTMLコードを追加できるのであれば、これまでのところページまたはカスタムURLへのリンクを追加できますHTMLです。

私はいくつかのPHPコードを追加できる子テーマを持っています。

menushtml
1
Viktor Carlson

メニューエディタで カスタムリンク を使用して各言語に _ url _ を使用して自分の言語のサイトを指定し、 Link Text - <img src="url of your flag picture" alt="your language">を使用します。

2
Frank P. Walentynowicz

あなたは最後のliタグであなたのフラグ（プレーン）HTMLをメニューに追加することができます。

<?php
function add_last_nav_item($items, $args) {
    if ($args->menu->slug == 'topbar-menu') { // change your menu slug name

        // Add your html
        $item = '<li class="searchbox"> 
                    <input type="search" placeholder="Search......" name="search" class="searchbox-input" onkeyup="buttonUp();" required>
                    <input type="submit" class="searchbox-submit" value="">
                    <span class="searchbox-icon"><i class="fa fa-search"></i></span>
                </li>';
        $items = $item.$items;
    }
  return $items;
}
add_filter( 'wp_nav_menu_items', 'add_last_nav_item', 10, 2 );
?>
1
Jignesh Patel