Jquery 在.class中包装Wordpress文本内容

我正试图将WordPress帖子中的文本内容包装到一个类中。基本上是任何没有包装在标签中的东西

我试过了

function sr_wrap_content_in_div( $content ) {
    $contents = explode("<img", $content);

    foreach($contents as $content) {
        $before_tag = strstr($content, '/>', true); 
        $after_tag = strstr($content, '/>');
        if( $before_tag == '' && $after_tag == '' ) {
            echo '<div class="content-wrap">' . $content . '</div></div>'; // change it later if you need to
        } else if( $after_tag == '/> ' ) {
            echo '<img' . $before_tag . '/>';
        } else {
            echo '<img' . $before_tag . '/>' . '<div class="content-wrap">' . substr($after_tag, 2) . '</div></div>'; // change here too.
        }
}
}
add_filter( 'the_content', 'sr_wrap_content_in_div' );

---

很接近。它包装内容，但也包装任何图像之间的空白

根据您上面的解释，这是样式表构建的对象类型。不要用额外的类等弄乱HTML

所以，第一步，找出包含所有测试的div或wrapper元素。可能是，或者，或者类似的

然后，在主题的样式表中，执行以下操作：

div#main p{padding:0 20px;}
div#main p + img{margin-top:30px}

---

最后一个应用了一个30px的上边距，用于任何紧跟在段落后面的图像，这听起来像是你的想法。

我的答案将与大家所说的样式表一致

根据我对您遇到的问题的理解，您面临的问题是它位于本地服务器上，但我将把它视为一个机会

您可以在调试窗口中检查样式表的临时接口。您可以通过按网页上的f12键获得此窗口，并将为您打开元素检查器。现在转到该窗口的“元素”部分，您将在左侧部分看到页面中的所有元素，在右侧部分看到样式，您可以在那里临时应用一些样式以查看结果，只要您对所应用的样式感到满意，就可以将其粘贴到主样式表中，并完成粘贴

---

我会建议，这是最有效的方法和最省时的方法。如果您愿意，可以试试。

如果您这样做的原因是为了造型，那么肯定有更好的方法来实现这一点。你能解释一下你想做什么的“原因”吗，这样我们就可以建议一个更好的方法了？我想把内容包装在我的wordpress帖子中，这样我就可以对文本应用特定的填充/边距。但我不想让这个课程适用于这些图片。我希望文本被“推离”图像，但图像要靠得很近。我无法控制图像和文本的位置/数量。但是它们是全尺寸的图片，全宽的是的，这是你想通过样式表做的事情。我会发布一个答案，这样我可以使用更多的格式，等等。样式表的问题是我可以针对每个人等。但我希望填充在包装它们的容器上，这样我就可以将不同的填充应用到段落本身。嗯。。。我不能百分之百确定我是否理解您试图实现的目标，但我保证有一种方法可以通过样式表实现。上面的方法只会带来麻烦，我保证：你有一个URL，你可以给我们举个例子吗？这是一种方法，耶，我从来没有想过这样做。我担心的是我不知道帖子内容的顺序。有时图像上方或下方可能有内容，或一行中的某些图像等。我认为将文本拉出并尝试将其包装起来更容易。另一个问题是，我无法以这种方式将图像前的元素作为目标。如果您能具体告诉我您要实现的目标，也许我可以提供帮助。如果你想在图片之前调整边距，你可以调整图片上的边距顶部，不？样式表可以，我只是无法控制内容，这是另一个作者的主题，所以我不知道文本/图像顺序或内容。做样式表似乎是可行的，但要想找出最简单的方法，你可以使用上面指定的inspect element工具来决定文本/图像的顺序，完成实验，如果你做了/不能访问该主题，就写一个插件来插入样式表进行覆盖，仅此而已。