【发布时间】:2020-04-17 03:58:45
【问题描述】:
我对 wordpress 和 php 很陌生,所以如果答案可能已经发布,请提前原谅,但我到处寻找,找不到解决问题的方法。或者至少我从未尝试过任何想法,而且当我查看函数和钩子以了解它是如何工作时,wordpress 文档对我来说仍然非常复杂。 我基本上在我的主页上制作了一个幻灯片,显示子页面的特征图像。我的侧边导航中有图像的缩略图,主要内容部分有幻灯片。基本上,我通过输入每张幻灯片的特定 ID 来检索每个子页面的 ID,但我想让所有这些动态并循环整个内容,但我无法动态输出子页面 ID。这是我现在使用的硬代码:
<div id="contentContainer">
<div id="wrapper">
<div id="itemOne" class="content">
<?php
$image_id=get_post_thumbnail_id(192);
$image_url=wp_get_attachment_image_src($image_id,'full-size');
echo '<img src="'.$image_url[0].'">';
?>
</div>
<div id="itemTwo" class="content">
<?php
$image_id=get_post_thumbnail_id(196);
$image_url=wp_get_attachment_image_src($image_id,'full-size');
echo '<img src="'.$image_url[0].'">';
?>
</div>
<div id="itemThree" class="content">
<?php
$image_id=get_post_thumbnail_id(198);
$image_url=wp_get_attachment_image_src($image_id,'full-size');
echo '<img src="'.$image_url[0].'">';
?>
</div>
<div id="itemFour" class="content">
<?php
$image_id=get_post_thumbnail_id(200);
$image_url=wp_get_attachment_image_src($image_id,'full-size');
echo '<img src="'.$image_url[0].'">';
?>
</div>
</div>
因为稍后我会有比这更多的幻灯片,并且如果我需要在不通过代码的情况下更改图像,我希望让这段代码动态化,并循环尽可能多的幻灯片。 感谢您的帮助!
【问题讨论】: