美文网首页
构建一个Bootstrap WordPress主题#12 创建文

构建一个Bootstrap WordPress主题#12 创建文

作者: 埼玉是个逗B | 来源:发表于2020-05-04 21:31 被阅读0次
    1. 在wpstrap主题文件夹下创建一个single.php文件。现在,如果我们单击其中一篇博文,页面会跳转到空白页,因为它会自动查看single.php页面。
    2. 现在复制index.php文件中的所有内容,并将其粘贴到single.php文件中。 保存并重新加载页面; 它看起来与index页面完全相同。
    3. 修改 single.php 文件里的内容,首先找到 if(has_post_thumbnail()),一直到<?php else : ?>,将这一部分代码全部删除,然后别忘了把下面的 endif 标签也删除。
    4. 我们还是希望显示特色图片,我们把特色图片部分的代码放到 < /h2 > 标签下面
    <?php if(has_post_thumbnail()): ?>
        <div class="post-thumbnail">
        <?php the_post_thumbnail(); ?>
        </div>
    <?php endif; ?>
    <br>
    

    保存代码,刷新前台页面:


    single post页
    1. 我们不想要Read More按钮,但我们想要全部内容而不是摘录。所以我们删除Read More按钮,使用 <?php the_content(); ?>替换 <?php echo get_the_excerpt(); ?>,再将其外围div标签的类名改成content:
    <div class="content">
        <?php the_content(); ?>
    </div>
    

    保存代码,刷新页面:


    单独的博客文章页

    单独的博客文章页完成了。

    相关文章

      网友评论

          本文标题:构建一个Bootstrap WordPress主题#12 创建文

          本文链接:https://www.haomeiwen.com/subject/vikughtx.html