Menu Close

WordPress主自定义导航菜单创建短代码

您可以对站点菜单进行短代码,可以在WordPress外观>菜单中设置官方名称“WordPress导航菜单”,以便可以将其插入页面的任何位置或任何您想要的位置。

通常你不需要把这个导航菜单放在一个简短的代码中,你不知道为什么,保利郎(Polylang)您可以在想要创建新的时使用它,因为您不喜欢默认的移动导航菜单。

要对导航菜单进行编码,您必须完成两个步骤:创建自定义菜单并使用短代码注册创建的菜单。 所有代码都是WordPressfunctions.php你可以输入。

    创建WordPress自定义导航菜单

首先,functions并创建一个可以在外观>菜单中修改的状态。 输入以下代码。

register_nav_menus( array(
  'custom_menu' => 'Custom Menu',
) );

functions等一会儿申请,Custom Menu被激活了。'custom_menu' => 'Custom Menu'您只需交换和粘贴即可继续创建新菜单。

    制作菜单镜头代码

您现在可以对创建的菜单进行短代码并进行注册。 实际上,短编码的方法非常简单。如果您输入代码作为基本类型,您将看到所有外观都被忽略并位于某个外观的顶部。 因此,如果您以下列方式输入它,您可以无错误地编写自定义菜单的代码。

function get_menu($args){
    $menu = isset($atts['menu']) ? $atts['menu'] : '';
    ob_start();
    wp_nav_menu(array(
        'theme_location' => 'custom_menu',
    ) );
    return ob_get_clean();
}
add_shortcode('Custom_nav_menu', 'get_menu');

在上面的代码中,蓝色custom_menu零件必须相同,红色Custom_nav_menu该部分是短代码名称。 换句话说,[Custom_nav_menu],您设置的自定义菜单称为短代码。

在代码里面wp_nav_menu(array(您可以在导航菜单中添加或更改设置。

    wp_nav_menu(array(
        'theme_location' => 'custom_menu',
        'fallback_cb'      => false,
    ) );

这样你可以像红色部分一样添加它。fallback_cb如果代码中没有指定菜单,则代码确定该怎么做。默认是显示页面列表,false你会看到一个空的空间。

    可用属性

以下是您可以在此处使用的代码: 由于我没有全部使用它,但已经咨询过官方帮助,因此一些代码可能与描述不同。

  • 'menu'
  • 输入要允许的菜单的ID,slug和名称

  • 'menu_class'
  • 菜单包括Class给出名字。 菜单的类名是按字面创建的。

  • 'menu_id'
  • 菜单包括ID给出名字。

  • 'container'
  • Ul或者不是。 默认值为div

  • 'container_class'
  • 菜单周围的容器containerclass指定名称。

  • 'container_id'
  • containerID指定名称。

  • 'fallback_cb'
  • 上面的代码。 设置代码中未指定菜单时要调用的值。 默认值是页面列表。false如果键入,则不显示任何内容。

  • 'before'
  • 让我们用CSS自由地放置文本,图像和图标::before, ::after描述于::before与属性一样,您可以指定链接标记之前显示的文本。

  • 'after'
  • 以上before,但它将文本设置为晚于前一个文本。

  • 'link_before'
  • 如上所述,我们在链接文本之前指定文本。

  • 'link_after'
  • 如上所述,指定链接文本后面的文本。

  • 'echo'
  • 据说显示或返回菜单。 默认值为true

  • 'depth'
  • 确定要加载的菜单层次结构。这里2,菜单中的菜单由两个级别表示。 默认值为0,表示表示所有图层。

  • 'walker'
  • 定义自定义工作类的实例。

  • 'theme_location'
  • 您可以定义要使用的主题的位置,只需输入要使用的自定义菜单的名称即可。

  • 'items_wrap'
  • 包装列表项。 默认值为idul另外,printf()这应该在方式变化。

  • 'item_spacing'
  • 菜单HTML定义是否保留内部空白。 保留默认值preserve而且,discard如果输入,请不要保存。

    所有可用属性如上所述,WordPress的wp_nav_menu官方帮助此外,它可以被发现。

    发表评论

    电子邮件地址不会被公开。

    Posted in All, Wordpress

    이메일 구독 - Email Subs

    최선을 다해 직접 만든 콘텐츠만 공유합니다.
    We share the best content we have created.