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

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

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

    首先,您需要为菜单项添加一个自定义字段来存储图片的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);
           ?>
           

    <?php } } add_action('wp_nav_menu_item_custom_fields', 'custom_menu_item_fields', 10, 4); // 保存自定义字段数据 function save_custom_menu_item_fields($menu_id, $menu_item_db_id, $menu_item_args) { if (isset($_POST['menuitemmenu_image'][$menu_item_db_id])) { update_post_meta($menu_item_db_id, '_menu_image', sanitize_text_field($_POST['menuitemmenu_image'][$menu_item_db_id])); } } add_action('wp_update_nav_menu_item', 'save_custom_menu_item_fields', 10, 3);

    这段代码将为每个自定义菜单项添加一个字段,用于输入图像的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 'title) . '" />';
       }
    }

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

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