怎么使用 wordpress 做一个简单的网页版PPT?

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

代码在哪里?

点击这里

参考的效果

参考链接

the_content after all shortcodes are parsed

fullpage.js

explode

Page Templates

WordPress plugin: finding the <!–more–> in the_content

作者: 曾小乱

喜欢写点有意思的东西