如果作者元数据不存在，则隐藏图标

Question

我使用 Elementor 创建了作者页面，并显示了链接到作者社交媒体页面的图标。 如果没有针对作者存储的社交媒体链接，我想隐藏相关图标。

换句话说，如果作者元数据facebook_handle不存在，我想隐藏facebook_icon

我使用了下面的代码，但无论元数据是否存在，它似乎都隐藏了图标。 任何帮助将不胜感激。

// Hide Facebook icon if no facebook_handle

    function facebook_icon_display(){
    
    $facebook = get_the_author_meta('facebook_handle', true);

    if(empty($facebook)) : ?>
        <style type="text/css">
                    #facebook_icon   {
                        display: none;
                    }
                </style>;
        <?php endif; 
    }
    add_action( 'wp_head', 'facebook_icon_display', 10, 1 );

Answer 1

谢谢大家的帮助和指导。 工作代码是：`

function facebook_icon_display(){
    
    global $post;
    $author_id=$post->post_author;

    $facebook = get_the_author_meta('facebook_handle', $author_id);
    
    if(empty($facebook)) : ?>
        <style type="text/css">
                    #facebook_icon   {
                        display: none;
                    }
                </style>;
        <?php endif; 
    }
    add_action( 'wp_head', 'facebook_icon_display', 10, 1 );`