Wordpress 自定义小部件显示在错误的位置

Question

我想在我的自定义 Wordpress 主题中显示一个联系人小部件，所以我将它放在一个短代码中，以便我可以随时随地调用它。问题是短代码显示在我放置短代码的原始代码之上。小部件、普通文本字段等都会发生这种情况。

首先我添加了这行 add_filter( 'widget_text', 'do_shortcode' ); 启用显示简码的字段。

在我的 functions.php 中，我放置了以下代码，我用联系信息调用模板部分。我看到另一个主题，他们通过 return'ing 一个变量解决了这个问题。

    // contact widget
function contact_info_shortcode() { 
    
    $contact = get_template_part('includes/sections/contact', 'info');
    
    return $contact;

    } 
add_shortcode('contact_info', 'contact_info_shortcode');

在该代码中，我调用了以下显示我的联系信息的模板文件

    <?php

    $contact_title = get_field('contact-titel', 'option');
    $phone = get_field('telefoon', 'option');
    $email = get_field('e-mail', 'option');
    $adress = get_field('adres', 'option');
    $place = get_field('plaats', 'option');
;?>

<table class="contact-table">

    <!-- telefoon -->
    <tr>
        <td><i class="fas fa-phone"></i></td>
        <td><a class="contact-info-link" href="<?php echo $phone['url'];?>" target="<?php echo $phone['target'];?>"><?php echo $phone['title'];?></a></td>
    </tr>

    <!-- email -->
    <tr>
        <td><i class="fas fa-envelope"></i></td>
        <td><a class="contact-info-link" href="<?php echo $email['url'];?>" target="<?php echo $email['target'];?>"><?php echo $email['title'];?></a></td>
    </tr>

    <!-- adres -->
    <tr>
        <td><i class="fas fa-map-marker-alt"></i></td>
        <td>
            <p class="contact-info-adress"><?php echo $adress;?></p>
            <p class="contact-info-adress"><?php echo $place;?></p>
        </td>
    </tr>

</table>

希望你们知道我做错了什么

Answer 1

这是因为 get_template_part() 实际上只是一个包含的包装器，它本质上是 echoing 模板部分，因此您不能将其分配给变量。

您需要做的是将模板部分保存在 output buffer 中，然后 return 输出缓冲区。

function contact_info_shortcode() { 
    // Here we start the output buffer.
    ob_start();
    // This is now held in the output buffer.
    get_template_part('includes/sections/contact', 'info');
    // Now we can return the data in the output buffer.
    return ob_get_clean();
} 
add_shortcode('contact_info', 'contact_info_shortcode');

Wordpress 自定义小部件显示在错误的位置

Wordpress custom widgets shows in wrong position

php

wordpress

wordpress-shortcode