在工具提示属性wp中调用the_content

Question

我正在使用此tooltip。

在这个tooptip中，我想调用图像和内容。

image正确显示，但文字未显示在tooptip中。当我使用the_content和$content来调用文本时显示错误。

我使用$thumbnail[0]来调用图片。

这是代码，我有通话图片和内容：

add_shortcode('personnel', 'gdl_personnal_shortcode');
function gdl_personnal_shortcode( $atts ) {

    extract( shortcode_atts(array("size"=>'1/4', 'num_fetch'=>4, "category"=>''), $atts) );

    global $personnal_div_size_num_class, $sidebar_type;
    $personnal = '';
    $personnal_row_size = 0;
    $item_size = $personnal_div_size_num_class[$size][$sidebar_type];

    $post_temp = query_posts(array('post_type'=>'personnal',
        'personnal-category' => $category, 'posts_per_page'=>$num_fetch)
    );        

    $personnal = $personnal . '<div class="personnal-item-holder">';
    while( have_posts() ){ the_post();  

        $ret_size = return_item_size($size, $personnal_row_size, 'personnal-item-wrapper');
        $personnal_row_size = $ret_size['row-size'];
        $personnal = $personnal . $ret_size['return'];
        $personnal = $personnal . '<div class="personnal-item">';

        $personnal = $personnal . '<div class="personnal-title">';
        $personnal = $personnal . get_the_title();
        $personnal = $personnal . '</div>';         
        $ids=get_the_ID();
        $position = get_post_meta( get_the_ID(), 'personnal-option-position', true );
        if( !empty($position) ){
            $personnal = $personnal . '<div class="personnal-position">' . $position . "</div>";
        }

        $thumbnail_id = get_post_thumbnail_id();
        $thumbnail = wp_get_attachment_image_src( $thumbnail_id , $item_size );
        $alt_text = get_post_meta($thumbnail_id , '_wp_attachment_image_alt', true);
        if( !empty($thumbnail) ){
            $personnal = $personnal . '<div class="sc-tooltip" data-image="' . $thumbnail[0] . '" data-desc="'.'"><div class="personnal-thumbnail"><a href="#" onclick="abctext('.$ids.')" ><img src="' . $thumbnail[0] . '" alt="' . $alt_text . '"></a></div></div>';         
        }

工具提示就像这样：

但它的图像右侧有一个文字，现在没有显示。

Answer 1

您需要使用get_the_content()将帖子内容作为变量返回，而不是回复它 - 您可以将其分配给$content。然后，您可以将其附加到$personal字符串。

$content = get_the_content();
$personnal .= '<div class="sc-tooltip" data-image="' . $thumbnail[0] . '" data-desc="'.$content.'"><div class="personnal-thumbnail"><a href="#" onclick="abctext('.$ids.')" ><img src="' . $thumbnail[0] . '" alt="' . $alt_text . '"></a></div></div>'; 

Answer 2

我在$pearsonnal字符串中进行了更改： -

$personnal = $personnal . '<div class="sc-tooltip" data-image="' . $thumbnail[0] . '" data-title="'.get_the_title().'" data-desc="'.strip_tags(do_shortcode( get_the_content() )).'"><div class="personnal-thumbnail"><a class="sc-team-link" href="#" onclick="abctext('.$ids.')" ><img src="' . $thumbnail[0] . '" alt="' . $alt_text . '"></a></div></div>';