wordpress增加说说功能教程

  • A+
所属分类:wordpress教程

有的时候不想发文章,想跟QQ空间一样写个心情吐槽,下面久伴带来一个wordpress实现说说功能

预览地址: https://jiub.ren/xinqing
wordpress增加说说功能教程

教程

在主题functions.php文件添加以下代码

//新建说说功能 add_action('init', 'my_custom_init');function my_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,'exclude_from_search' =>true,'query_var' => true,'rewrite' => true, 'capability_type' => 'post','has_archive' => false, 'hierarchical' => false,'menu_position' => null,'taxonomies'=> array('category','post_tag'),'supports' => array('editor','author','title', 'custom-fields','comments') );register_post_type('shuoshuo',$args);}

然后在主题更目录新建shuoshuo.php文件并添加以下代码进去

<?php /**/get_header(); ?><div id="primary" class="content-area"> <main id="main" class="site-main" role="main"> <div id="shuoshuo_content"> <ul class="bsy_timeline"> <?php query_posts("post_type=shuoshuo&post_status=publish&posts_per_page=-1");if (have_posts()) : while (have_posts()) : the_post(); ?> <li> <span class="author_tou"><img src="https://img.jiub.ren/wp-content/uploads/2018/11/QQ%E5%9B%BE%E7%89%8720181105103723.jpg" alt="wordpress增加说说功能教程" class="avatar" width="48" height="48"></span> <a class="bsy_tmlabel" href="javascript:void(0)"> <div></div> <div><?php the_content(); ?></div> <div></div> <div class="shuoshuo_time"><i class="fa fa-user"></i><?php the_author() ?><i class="fa fa-clock-o"></i><?php the_time('Y年n月j日G:i'); ?> </div> </a> <?php endwhile;endif; ?> </li> </ul> </div> </main> <!-- .site-main --></div><script type="text/javascript"> $(function () { var oldClass = ""; var Obj = ""; $(".bsy_timeline li").hover(function () { Obj = $(this).children(".author_tou"); Obj = Obj.children("img"); oldClass = Obj.attr("class"); var newClass = oldClass + " zhuan"; Obj.attr("class", newClass); }, function () { Obj.attr("class", oldClass); }) })</script><?php get_sidebar(); ?><?php get_footer();?>

然后在你的主题样式表添加以下样式

此处为隐藏的内容!
发表评论并刷新,才能查看

weinxin
微信公众号名称:IT青年时代
微信搜索IT青年时代或者扫描左边二维码进行关注,这样可以及时查看久伴博客每日内容推送
avatar

发表评论

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

目前评论:7   其中:访客  4   博主  3

    • avatar dasdas 0

      dsdas好你好

      • avatar YIR 2

        我不管的,我直接发没有标题的

          • avatar 久伴  博主

            @YIR 也可以哈

          • avatar 懿古今 4

            其实个人觉得这个说说对于独立博客意义不大,像这种简短的心情语句直接发布在QQ或微信可能更好。

              • avatar 久伴  博主

                @懿古今 折腾党

              • avatar 弥雅尔尔 3

                说说,这对于博客来说是一个比较使用的功能!

                  • avatar 久伴  博主

                    @弥雅尔尔 是的,有的时候发表一下心情状态啥的,另写一篇文章我觉得不适合