我正在重新设计登台平台中的当前网站,并尝试使用子主题将插件的简码添加到标题区域。
父主题是Magazine 7。 我已经创建了一个子主题,并将header.php文件以及头模板复制到了子主题的结构化文件夹中。
我尝试使用do_shortcode方法将Simple Weather插件的简码插入标头中,但是未在标头中显示。
我不确定我做错了什么。
我尝试使用do_shortcode方法,但当该方法不起作用时,我尝试仅将随机文本放在标头中以查看是否可以作为测试显示。它仍然没有出现。
我将所有这些都放置在标题模板文件中,而不是header.php文件中。
这是header-layout-1模板的原始代码:
<div class="masthead-banner <?php echo esc_attr($class); ?>" data-background="<?php echo esc_attr($background); ?>">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="site-branding">
<?php
the_custom_logo();
if (is_front_page() || is_home()) : ?>
<h1 class="site-title font-family-1">
<a href="<?php echo esc_url(home_url('/')); ?>" rel="home"><?php bloginfo('name'); ?></a>
</h1>
<?php else : ?>
<p class="site-title font-family-1">
<a href="<?php echo esc_url(home_url('/')); ?>" rel="home"><?php bloginfo('name'); ?></a>
</p>
<?php endif; ?>
<?php
$description = get_bloginfo('description', 'display');
if ($description || is_customize_preview()) : ?>
<p class="site-description"><?php echo esc_html($description); ?></p>
<?php
endif; ?>
</div>
</div>
</div>
</div>
</div>
这是添加了do_shortcode的代码:
<div class="masthead-banner <?php echo esc_attr($class); ?>" data-background="<?php echo esc_attr($background); ?>">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="site-branding">
<?php
the_custom_logo();
if (is_front_page() || is_home()) : ?>
<h1 class="site-title font-family-1">
<a href="<?php echo esc_url(home_url('/')); ?>" rel="home"><?php bloginfo('name'); ?></a>
</h1>
<?php else : ?>
<p class="site-title font-family-1">
<a href="<?php echo esc_url(home_url('/')); ?>" rel="home"><?php bloginfo('name'); ?></a>
</p>
<?php endif; ?>
<?php
$description = get_bloginfo('description', 'display');
if ($description || is_customize_preview()) : ?>
<p class="site-description"><?php echo esc_html($description); ?></p>
<?php
endif; ?>
<?php echo do_shortcode('[simple-weather latitude="41.723541" longitude="-86.899284" show_current="yes" days="2" night="yes" display="block" style="large-icons" text-align="center"]'); ?>
</div>
</div>
</div>
</div>
</div>
如果操作正确,此代码应在网站说明下方显示三天的天气预报。