Question

我有一个Wordpress网站，我想在列表/图像堆栈中将第一个图像放在顶部。我使用以下代码从帖子内容的文本中提取图像。

HTML

<?php
    preg_match_all('/(<img [^>]*>)/', get_the_content(), $images);
    for( $i=0; isset($images[1]) && $i < count($images[1]); $i++ ) {
        echo $images[1][$i];
    }
?>

这将所有图像放在我的帖子中，One放在另一个上面（每张图片设置为100％的屏幕宽度和特定高度）。我想定位FIRST图像，以便我可以放

<h1><?php the_title(); ? ></h1 >

超越它。不知道如何完成这个

Answer 1

您可以使用$i来确定是否在第一个索引上循环。

<?php
    preg_match_all('/(<img [^>]*>)/', get_the_content(), $images);
    for( $i=0; isset($images[1]) && $i < count($images[1]); $i++ ) {
        if ($i == 0) {
            // only printed when looping on 1st image with a wrapped <div> element
            echo sprintf('<div><h1>%s</h1>%s</div>', get_the_title(), $images[1][$i]);
            continue;
        }

        echo $images[1][$i];
    }
?>

将标题放在帖子

1 个答案: