如何在WordPress的主导航旁边（但不是其一部分）添加一个调用操作按钮？

本周我在Wordpress上建立了一个网站，我想在网站顶部发布一个行动号召，但要和主导航分开。Wordpress似乎没有提供这种开箱即用的服务（想想联合国儿童基金会网站上的捐赠按钮，例如

我尝试过使用Menuizer插件，它可以添加一个按钮，但它会将它放在导航的末尾，这样它仍然会被包装在手机上的汉堡包中，我希望它像上一样显示为一个单独的项目（例如，unicef.org）

我也不介意手工编写代码，但我真的不知道在哪里/如何编写

---

感谢所有的指针

首先，您需要设置一个新的标题菜单位置，在我看来，您最好从现有菜单复制

其次，您创建了一个菜单项，稍后您将使用它作为CTA按钮，它可能会堆积当前菜单位置，或者位置可能不正确

---

第三，使用css对其进行自定义，使其具有适当的定位。

这是直接从模板中完成的（如果模板是由您创建的），但是，有些信息告诉我，您使用的是现成的模板，然后使用自定义脚本

要插入js代码，请使用插件或

我看不到您的html布局可以帮助您使用选择器，因此请尝试使用以下示例：

<script>
    (function($) {          
        let selectorOfContainer = '.mybox',
                url = '#your-link',
                className = 'my-btn',
                btnLabel = 'DONATE';

        let $mybtn = $('<a/>', {
          class: className,
          href: url
        });

        $mybtn.text(btnLabel);

        $(selectorOfContainer).append($myBtn); // prepend, after, before

    })(jQuery);
</script>

（函数（$）{
让selectorOfContainer='.mybox'，
url=“#您的链接”，
className=‘我的btn’，
btnLabel=‘捐赠’；
设$mybtn=$（''）{
class:className，
href:url
});
$mybtn.text（btnLabel）；
$（selectorOfContainer）.append（$myBtn）；//prepend、after、before
})（jQuery）；

然后使用css样式来设置按钮的样式

<style>
    .my-btn {
        text-decoration: none;
        display: inline-block;
        padding: 10px 20px;
        border-radius: 3px;
        background-color: #FFF;
        box-shadow: 0 0 4px rgba(0,0,0,.3);
        color: #e25420;
        text-transform: uppercase;
        font-weight: 700;
    }
    .my-btn:hover, .my-btn:focus {
        background-color: #f0eded;
    }
</style>

.我的btn{
文字装饰：无；
显示：内联块；
填充：10px 20px；
边界半径：3px；
背景色：#FFF；
盒影：0.04×rgba（0,0,0,3）；
颜色：#e25420；
文本转换：大写；
字号：700；
}
.我的btn:悬停，.我的btn:聚焦{
背景色：#f0eded；
}

---

如果我看到你的网站，我会更容易些

非常感谢你的建议。似乎使用托管的wordpress，我无法更改主题php文件，没有命令行访问也无法进行chmod。因此我决定在每个页面顶部手动添加一个按钮（即直接在导航之后）.这不是一个很好的解决方案，但因为没有太多的页面，而且不会经常更新，我认为这是可行的。