将the_content()拆分为前x个字母的2个div

Question

在single.php上，它用于显示post内容：

<div class="post-content">
    <?php the_content(); ?>
</div>

我怎样才能打破内容(不使用更多的标签在WP编辑器中)，使它看起来像这样：

<div class="post-content">
    first 100 letters of the post
</div>
<div class="post-content">
    remaining part of the post
</div>

我需要这样做，因为我将在这两个部分之间添加一个滑块。

Answer 1

如果你想按字数拆分内容，请使用wp_trim_words函数。这是一个你可以使用它的代码示例(我没有检查它)。

<?php $content = get_the_content();?>
$first_slice = wp_trim_words($content,100);
$second_slice = substr($content,strlen($first_slice),strlen($content));
echo '<div class="post-content">'.wpautop($first_slice).'</div>';
echo '<div class="post-content">'.wpautop($second_slice).'</div>';

Answer 2

<?php $content = get_the_content(); ?>
<div class="post-content">
    <?php echo substr($content, 0, 100); ?>
</div>
<div class="post-content">
    <?php echo substr($content, 101, strlen($content)); ?>
</div>