是这样的,如果我们自己在做一些分享的时候,打开的是自己做的一个PPT,那就会变得酷一点,我是这么认为的,所以我就自己尝试弄一个简单的 slide。
前台展示使用的 fullpage.js ,后台编辑使用的是 wordpress 编辑器,这样可以说是“半个”所见即所得的 PPT 吧。
上代码
<?php
$slides = explode('<hr />', apply_filters('the_content', get_the_content()));
?>
将文章内容通过 <hr /> 标签分割成单个的 slide ,再填到 HTML 里。
<div id="fullpage">
<div class="section">
<div class="slide">
<header class="entry-header text-center">
<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
<?php echo bloginfo('name') . ' | '; the_date();?>
</header>
</div>
<?php foreach ($slides as $slide): ?>
<div class="slide"><?php echo $slide; ?></div>
<?php endforeach; ?>
</div>
<div class="section">
<?php
// If comments are open or we have at least one comment, load up the comment template.
if ( comments_open() || get_comments_number() ) {
comments_template();
}
?>
</div>
</div>
为什么使用 <hr /> 作为分割符?
我一开始是想使用<!–more–>符号的,但是因为这个符号在 wordpress 编辑器里充当了十分重要的意义,所以就只能牺牲水平线符号了。
代码在哪里?
点击这里。
