我建议使用短代码,因为它很容易使用,同时也很有效。下面我附上了代码,你可以如何把你的代码变成一个短代码。add\\u shortcode函数是要创建短代码时使用的函数。
要使用它,您只需将[render\\u slider\\u shortcode]写入您希望滑块显示的任何位置。
PS:您给出的代码中可能有一些错误。我无法在我的网站上测试它。但休息一下就好了。如果遇到任何错误,请确保代码得到正确的值。
// display a sub field value
add_shortcode(\'render_slider_shortcode\', \'renderSLider\');
function renderSLider()
{
if ( is_page("Home") ) {
if( have_rows(\'slider\') ): ?>
<div class="my-slider"><ul >
<?php
// loop through the rows of data
while ( have_rows(\'slider\') ) : the_row();
$image=get_sub_field(\'image\');
$title= get_sub_field(\'title\');
$byline= get_sub_field(\'byline\');
$link= get_sub_field(\'link\');
?>
<li>
<div style="background-image: url(<?php echo $image; ?>); min-height: 600px; background-repeat: no-repeat; background-size: cover">
<h2><?php echo $title; ?></h2>
</h3><?php echo $byline; ?><h3>
<a href="<?php echo $link ?>"></a>
</li>
<?php endwhile ?>
</div>
<?php
else :
// no rows found ?>
<?php
endif;
} else {
// This is not the blog posts index
}
?>
</li>
</div>
<?php
}