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

Question

我已经使用 Elementor 创建了作者页面，并且正在向作者的社交媒体页面显示 link 的图标。如果没有存储针对作者的社交媒体link，我想隐藏相关图标。

换句话说，如果作者元数据 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 );`

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

Hide icon if author meta data doesn't exist

php

css

wordpress

elementor