Question

我目前正在使用WordPress Types。要求我能够在每2段后放置一个图像 - 上传到类型中。

现在，我知道如何从类型中提取字段。我不确定的是（也许这是用Javascript完成的？）是如何在2段之后自动放置一张图像，然后在4之后自动放置另一张图像等等。

这可能吗？我非常有限的jQuery知识告诉我它可能与nth-child选择器或某事有关？但这只是猜测。

非常感谢任何帮助。

Answer 1

以下是如何执行此操作的示例：http://jsfiddle.net/tkK6y/

假设您有一系列图片网址：

var imgs = ['1.jpg', '2.jpg', '3.jpg'];

带有n段的div：

<div id="theDiv">
    <p>Foo</p>
    <p>Bar</p>
    ...
</div>

您可以遍历每个第二段并在每个段落之后插入图像，如下所示：

var $div = $('#theDiv');
var $paragraphs = $('p:nth-child(2n)', $div);
var n = 0;
$paragraphs.each(function () {
    var $newImage = $('<img src="' + imgs[n] + '" />'); // Creates an img tag
    $newImage.insertAfter(this);  // Inserts the img after the current paragraph
    n++;
});

Answer 2

有一种方法可以在没有jquery的情况下执行此操作，仅使用php，并且将执行自定义循环，您将在其中定义递增变量，并且您将使用基本数学函数显示每个其他帖子的结果，如下所示： / p>

$x = 1; while (have_posts()) : the_post();
if (($x % 2) == 1 && $x != 1)   {
// Display your custom image here
}

$x++; endwhile;

在WordPress中x段后段自动放置特色图像？

2 个答案: