也想出现在这里?联系我们

WordPress 菜单项添加图片上传选项字段

2023.12.07 wordpress教程
  • 文章介绍
  • 升级版本
  • 评价&建议

要在WordPress中的菜单项中添加图片上传选项字段,您可以使用自定义字段和自定义代码来实现。以下是一种常见的方法:

  1. 添加自定义字段到菜单项:

    首先,您需要为菜单项添加一个自定义字段来存储图片的URL。在编辑菜单时,点击菜单项,然后在右侧的“自定义链接”部分展开它,您可以看到一个名为“自定义字段”的选项。在这里,您可以为菜单项添加一个自定义字段,例如,将其命名为“menu_image”。

  2. 添加自定义字段编辑功能:

    现在,您需要添加一个自定义代码来允许在菜单项中编辑自定义字段。您可以将以下代码添加到您的主题的functions.php文件中:

    // 添加自定义字段编辑功能
    function custom_menu_item_fields($id, $item, $depth, $args) {
       if ($item>type == 'custom') {
           $menu_image = get_post_meta($item>ID, '_menu_image', true);
           ?>
           

    这段代码将为每个自定义菜单项添加一个字段,用于输入图像的URL。确保将代码中的yourthemetextdomain替换为您的主题文本域名称。

  3. 显示菜单项中的图片:

    最后,您需要修改您的主题模板文件(通常是header.phpmenu.php)来显示菜单项中的图片。您可以使用以下代码在菜单项中显示图像:

    $menu_items = wp_get_nav_menu_items('yourmenuslug');
    foreach ($menu_items as $menu_item) {
       $menu_image = get_post_meta($menu_item>ID, '_menu_image', true);
       if (!empty($menu_image)) {
           echo '' . esc_attr($menu_item>title) . '';
       }
    }

    请确保将yourmenuslug替换为您的菜单的实际标识符。

完成这些步骤后,您将能够为WordPress菜单项添加图像上传选项字段,并在菜单中显示所选图像。

有用0
  • 2023.12.07初次和大家见面了!

等待您对该主题的建议

发表评论

还能输入240个字

Hi, 欢迎加入Wordpress技术交流群,带你装逼带你飞!

我要入群
  • 猛戳我吧