php - 定位或删除 Wordpress 帖子中的文本和图像

Question

我有一个使用

显示帖子内容的 Wordpress 网站

<?php the_content(); ?>

内容中有图片和文字，都在

标签中输出

我想为图像和文本设置不同的边距/填充样式。我可以定位图像，但当我将样式应用到文本时，它们也会影响图像。

我能想到的唯一选择是使用 - 边距(但这会在以后引起问题)并将所有文本放在 block 引号中，但这将删除该功能以供将来使用。

我可以从 the_content 中“拉出”图像和/或文本并以另一种方式显示它们吗？

HTML - 当前

<div class="row">   
    <?php the_content(); ?>
</div><!-- /row --> 

Answer 1

您可以通过多种方式实现: 我最喜欢的是: 假设您有一个带有 css 类的 div(即:内容包装器) 所以它看起来像这样:

<div class="contentWrapper">
    My amazing conent <img src="amazing.jpg"/> <p>testing paragraph</p>
</div>

所以在这个例子中，您可以使用简单的 css 选择器对 contentWrapper 下的元素进行任何您想要的更改，即:

.contentWrapper img, .contentWrapper p{
    margin-right: 5px;
}

另一个——但更脏的方法是使用正则表达式来替换一些标签。 这根本不是一个好的做法，所以我不认为有一个例子。

祝你好运!