get_template_part()的定位

Question

我创建了一个短代码来在我使用的主题 (Divi) 中显示社交图标。社交图标包含在名为 "social_icons.php".

的 PHP 模板中

这是我正在使用的功能：

  function social_icons_shortcode() {
    $social_icons = get_template_part( 'includes/social_icons' );
      echo $social_icons; 
}
add_shortcode('social-icons', 'social_icons_shortcode');

这是 social_icons.php 模板：

<div id="custom-social-icons">
    <?php if( get_field('facebook', 'option') ): ?>
        <a class="icon facebook" href="<?php echo get_field( 'facebook', 'option' ) ?>" title="Follow us on Facebook"></a>
    <?php endif; ?>
    <?php if( get_field('twitter', 'option') ): ?>
    <a class="icon twitter" href="<?php echo get_field( 'twitter', 'option' ) ?>" title="Follow us on Twitter"></a>
    <?php endif; ?>
    <?php if( get_field('instagram', 'option') ): ?>
    <a class="icon instagram" href="<?php echo get_field( 'instagram', 'option' ) ?>" title="Follow us on Instagram"></a>
    <?php endif; ?>
    <?php if( get_field('youtube', 'option') ): ?>
    <a class="icon youtube" href="<?php echo get_field( 'youtube', 'option' ) ?>" title="Follow us on YouTube"></a>
    <?php endif; ?>
    <?php if( get_field('linkedin', 'option') ): ?>
    <a class="icon linkedin" href="<?php echo get_field( 'linkedin', 'option' ) ?>" title="Find us on Linkedin"></a>
    <?php endif; ?>
</div>

当我想在主题的页脚中显示社交图标时，短代码工作正常，但当我尝试将它们放入正文（例如：联系页面）时，它们在左上角绝对显示页面的。见截图：https://share.getcloudapp.com/8LuJkODx

我不明白为什么会这样 - get_template_part() 是不是我做错了什么？

Answer 1

啊..我明白是什么问题了。您需要 return 值，而不是 echo。

function social_icons_shortcode() {
    $social_icons = get_template_part( 'includes/social_icons' );
    return $social_icons; 
}
add_shortcode('social-icons', 'social_icons_shortcode');

由于 get_template_part() 的工作方式而可能发生的另一件事是，您可能需要使用 ob_buffer。

function social_icons_shortcode() {
      ob_start();
      get_template_part( 'includes/social_icons' );
      return ob_get_clean(); 
}
add_shortcode('social-icons', 'social_icons_shortcode');

get_template_part()的定位

Positioning of get_template_part()

php

wordpress

shortcode