如何将自定义项添加到特定的WordPress菜单

您是否要将自定义项目添加到特定的WordPress菜单?

WordPress菜单是在大多数网站顶部显示的导航菜单.有时您可能希望在导航菜单中显示除普通链接之外的自定义项.

在本文中,我们将向您展示如何轻松地将自定义项目添加到特定的WordPress菜单中.

为什么将自定义项添加到WordPress菜单

WordPress菜单是通常显示在网站顶部的导航链接.在移动设备上,当您点击菜单图标时,通常会显示它们.

由于这是典型的WordPress网站布局中的突出位置,因此通过在菜单中的普通链接中放置自定义项来利用它很聪明.

例如,某些用户可能希望在WPBEGINNER执行的情况下显示搜索表单.会员网站可能希望显示登录名和注销链接,或者您可能希望将图标或图像添加到菜单中.

默认情况下,导航菜单旨在显示纯文本链接.但是,您仍然可以在WordPress菜单中放置自定义项目.

所说,让我们来看看如何将自定义项目添加到WordPress中的特定菜单,同时保持导航菜单的其余部分完好无损.

在WordPress

中为特定导航菜单添加自定义项

有不同的方法可以将自定义项添加到WordPress中的导航菜单.这取决于您尝试添加的类型的自定义项.

我们将向您展示一些最常见的例子.您需要对其中一些中的插件来使用插件,而其他人则需要您添加一些代码.

如果要跳过某个部分,您可以使用此目录:

  • 将搜索弹出窗口添加到WordPress菜单
  • 向菜单中添加图标或图像
  • add登录/注销链接到您的菜单
  • 将自定义文本添加到WordPress菜单
  • 将当前日期添加到菜单中的菜单
  • 显示用户名
  • 在不同的页面上显示不同的菜单

让我们开始.

1.在WordPress菜单中添加搜索弹出窗口

正常,您可以使用默认搜索小部件或块向WordPress侧栏添加搜索表单.但是,默认情况下无法将搜索添加到导航菜单.

某些WordPress主题可以选择将搜索框添加到主菜单区域.但如果你的不是,你可以使用下面的方法.

为此,您需要安装和激活SearchWP模态搜索表单插件.有关详细信息,请参阅我们如何安装WordPress插件的步骤指南.

此插件是SearchWP的Addon,这是市场上最好的WordPress搜索插件.

addon是免费的,也可以使用默认的WordPress搜索.但是,如果要提高WordPress搜索,我们建议使用SearchWp使用它.

安装addon后,只需将始终转到外观»菜单页面.在"添加菜单项"列下,单击"SearchWP模态搜索表单"选项卡以展开它.

选择搜索引擎,然后单击"添加到"菜单按钮.

插件将将搜索添加到导航菜单.单击菜单项下的"模态搜索表单"以展开它并将标签更改为搜索或其他任何您想要的任何其他内容.

别忘了点击保存菜单按钮来存储更改.

您现在可以访问您的网站以查看添加到导航菜单的搜索.单击它将在LightBox弹出窗口中打开搜索表单.

有关详细信息,请参阅我们的指南,了解如何将搜索按钮添加到WordPress菜单.

2.将图标和自定义图像添加到特定菜单

用户通常希望添加到特定菜单的另一个流行的自定义项是图像或图标.

为此,您需要安装和激活菜单映像图标插件.有关详细信息,请参阅我们如何安装WordPress插件的步骤指南.

在激活后,转到外观»菜单页面,然后通过要显示图标或图像的菜单项移动鼠标.

单击蓝色菜单图像按钮继续.

这将提出弹出窗口.从这里,您可以选择使用该菜单项显示的图像或图标.

您还可以选择图像或图标的位置相对于菜单项.例如,您可以在下面的示例中的菜单项之前显示图标,甚至隐藏菜单标题,所以只有图标显示.

别忘了点击保存更改按钮来存储您的设置.如果需要向其他菜单项添加图标或图像,请重复此过程.

之后,您可以访问您的网站,查看特定菜单项中的自定义图像或图标.

有关更详细的说明,请参阅我们如何在WordPress菜单中添加图像的教程.

3.将登录/注销链接添加到特定WordPress菜单

如果您使用的是WordPress Membership插件或运行在线商店,那么您可能希望允许用户轻松登录其帐户.

默认情况下,WordPress并不具有一种简单的方法来显示导航菜单中的登录和注销链接.

我们将通过使用插件或使用代码片段来向您展示如何添加它们.

1.使用插件

添加登录/注销链接到菜单

此方法更容易,推荐所有用户.

首先,您需要安装和激活登录或注销菜单项插件.之后,您需要访问外观»菜单页面,然后单击登录/注销选项卡以展开它.

从这里,您需要选择"登录|注销"项目,然后单击"添加到菜单"按钮.

别忘了点击保存菜单按钮来存储更改.您现在可以访问您的网站以查看您的自定义登录注销链接.

链接将动态地改变以取消或注销,根据用户的登录状态.

了解更多关于如何在WordPress菜单中添加登录和注销链接的教程.

2.使用自定义代码

添加登录/注销链接

此方法要求您为WordPress网站添加代码.如果您之前没有这样做过,那么请查看我们的指南,了解如何在WordPress中添加自定义代码.

首先,您需要找出WordPress主题用于特定导航菜单位置的名称.

最简单的方法是通过访问外观»菜单页面,并将鼠标置于菜单位置区域.

右键单击以选择Inspect Tool,然后您将在下面的源代码中看到位置名称.例如,我们的演示主题使用主要,页脚和顶栏菜单.

注意您要显示登录/注销链接的目标位置的名称.

下一个,您需要将以下代码添加到主题的函数.php文件或特定于站点的插件.

add_filter( 'wp_nav_menu_items', 'add_loginout_link', 10, 2 );
function add_loginout_link( $items, $args ) {
    if (is_user_logged_in() && $args->theme_location == 'primary') {
        $items.= '<li><a href="'.wp_logout_url().'">Log Out</a></li>';
    }
    elseif (!is_user_logged_in() && $args->theme_location == 'primary') {
        $items.= '<li><a href="'.site_url('wp-login.php').'">Log In</a></li>';
    }
    return $items;
}
3
订阅评论
提醒
0 评论
内联反馈
查看所有评论