外观->菜单->菜单结构:将纯HTML代码作为元素添加

时间:2015-07-14 作者:Viktor Carlson

我有以下标题菜单:

enter image description here

当您查看我的wp管理面板时:

enter image description here

你可以看到最后<li> 包含德国和英国国旗图像的元素未插入菜单#TopHomeSitemapSearchLanguageSwitcher 使用wordpress管理面板。我使用JavaScript将其与JQuery一起添加到<ul> 使用#id #TopHomeSitemapSearchLanguageSwitcher.

我的问题是,如果我可以在没有JavaScript的情况下直接从Wordpress添加纯HTML代码,就像菜单结构中的纯HTML文本框一样,到目前为止,我只能添加指向页面或自定义URL的链接,但不能添加一些纯HTML。

我有一个子主题,可以在其中添加一些PHP代码。

2 个回复
SO网友:Jignesh Patel

您可以在最后一个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 );
?>

SO网友:Frank P. Walentynowicz

在菜单编辑器中添加Custom Link 对于每种语言URL 指向您的语言和Link Text - <img src="url of your flag picture" alt="your language">

结束

相关推荐

将脚本和样式排队到具有html的页面模板

我使用html5、css3和jQuery构建了一个自定义计算器。我有它的生活,它工作得很好,但现在有人想把我的计算在他们的WP网站,我们无法找出如何在他的WP网站上得到它。我创建了一个计算器。php页面模板并放置我的。计算器内容区域中的html代码。php。然后,我在WP中创建了一个页面,并从页面属性中选择了模板。我现在可以在页面上看到我定制的计算器,但没有任何样式,jQuery也无法工作。我尝试将HTML、CSS和JS都加载到计算器的内容区域中。php页面模板,所以我不必排队,但它不能100%工作。它现