前言

很多网站都有一个说说/心情的页面,用来记录自己每日的所思所想,很是不错。我以前使用的WP主题有这个功能,所以现在就把它做出来。此教程 不仅仅 适用于Sakura主题
如果是其他主题需要修改一下页面模版(把第13-37行提取出来),对了现在说说页的评论可以由后台控制了,现在开工吧~

开工

  1. 首先,我们需要使用 WordPress 的 register_post_type() 函数注册一个新的帖子类型,以方便日后编辑说说。将以下代码直接添加到到主题的 functions.php 文件中去即可。
//说说页面
function shuoshuo_custom_init()
{
    $labels = array(
        'name' => '说说',
        'singular_name' => '说说',
        'add_new' => '发表说说',
        'add_new_item' => '发表说说',
        'edit_item' => '编辑说说',
        'new_item' => '新说说',
        'view_item' => '查看说说',
        'search_items' => '搜索说说',
        'not_found' => '暂无说说',
        'not_found_in_trash' => '没有已遗弃的说说',
        'parent_item_colon' => '',
        'menu_name' => '说说'
    );
    $args = array(
        'labels' => $labels,
        'public' => true,
        'publicly_queryable' => true,
        'show_ui' => true,
        'show_in_menu' => true,
        'query_var' => true,
        'rewrite' => true,
        'capability_type' => 'post',
        'has_archive' => true,
        'hierarchical' => false,
        'menu_position' => null,
        'supports' => array(
            'title',
            'editor',
            'author',
            'comments'

        )
    );
    register_post_type('shuoshuo', $args);
}
add_action('init', 'shuoshuo_custom_init');
  1. 添加说说/心情WP页面模板文件,添加完上述函数后,我们就可以在后台发现一个“说说”的菜单,通过菜单即可编辑说说,但是我们发现编辑完成后的说说并不能在前端显示出来,这时我们需要新建一个说说的页面模板控制其前端显示,将以下代码复制并另存为 page-shuo.php 文件,并扔到主题根目录下。

如需要修改CSS文件请查看:https://cdn.jsdelivr.net/gh/Fog-Forest/cdn@1.9.7/Sakura/css/shuoshuo.css

<?php

/**
 * Template Name: 说说/微语
 */

get_header();
?>

    <link href="https://cdn.jsdelivr.net/gh/Fog-Forest/cdn@1.9.7/Sakura/css/shuoshuo.min.css" rel="stylesheet"><!--我直接引入的CSS-->
    <div id="primary" class="content-area">
        <main id="main" class="site-main" role="main">
            <div class="cbp_shuoshuo">
                <?php
                    query_posts("post_type=shuoshuo & post_status=publish & posts_per_page=-1");
                    if (have_posts()) : ?>
                        <ul class="cbp_tmtimeline">
                            <?php
                                while (have_posts()) : the_post(); ?>
                                    <li>
                                        <span class="shuoshuo_author_img"><img src="<?php echo get_avatar_profile_url(get_the_author_meta('ID')); ?>" class="avatar avatar-48" width="48" height="48"></span>
                                        <a class="cbp_tmlabel" href="javascript:void(0)">
                                        <p></p>
                                        <p><?php the_content(); ?></p>
                                        <p></p>
                                        <p class="shuoshuo_time"><i class="fa fa-clock-o"></i> <?php the_time('Y年n月j日G:i'); ?></p>
                                        </a>
                                    </li>
                                <?php endwhile; wp_reset_query();//重置查询?>
                        </ul>
                    <?php
                    else : ?>
                        <h3 style="text-align: center;">你还没有发表说说噢!</h3>
                        <p style="text-align: center;">赶快去发表你的第一条说说心情吧!</p>
                    <?php
                    endif; ?>
            </div>
        </main><!-- #main -->
    </div><!-- #primary -->
    <script type="text/javascript">
    $(function () {
        var oldClass = "";
        var Obj = "";
        $(".cbp_tmtimeline li").hover(function () {
            Obj = $(this).children(".shuoshuo_author_img");
            Obj = Obj.children("img");
            oldClass = Obj.attr("class");
            var newClass = oldClass + " zhuan";
            Obj.attr("class", newClass);
        }, function () {
            Obj.attr("class", oldClass);
        })
    })</script>
<?php
get_footer();

  1. 上面代码部署完成后前往WP后台新建一个页面,页面模板选择“说说/心情”即可。

预览

https://m1314.cn/think/


Never give up your dreams.