是这样的,如果我们自己在做一些分享的时候,打开的是自己做的一个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 编辑器里充当了十分重要的意义,所以就只能牺牲水平线符号了。
代码在哪里?
点击这里。