WordPress清新版说说页面[更新:2-7]

前言

WordPress添加说说页面百度上有很多这样的页面教程,有些大佬制作的说说页面非常好,这也使我制作清新版说说页面受益良多。本来我也不想制作这样页面,毕竟百度上一大堆教程,而且用处也不是很大。但是我在使用那些大佬制作好的说说页面,有些存在一些小BUG(可能不适配本站主题的原因),所以我自己制作了一个清新版说说页面(当然啦,大部分代码都是借鉴和使用大佬的),花了2天的时间制作完成(主要花很多时间修改很多种的样式)。自己对于PHP、HTML和CSS不是很了解(萌新一枚),所以在制作的过程中出现很多的问题,比如:在制作完成后突然发现不能分页,这是恐怖的事,不过被我解决了,同时也优化了说说页面,使说说页面可以发布很多的东西,比如视频等等啥的...

本来想加评论但是我对WordPress和本站的子比主题的函数,不是很了解(也不怎么会加),所以弄不了,这是很遗憾的,如果有大佬知道弄的话,请告知一下我。教程代码不是太美观,请勿喷,谢谢。O(∩_∩)O哈哈~好啦!下面给出教程。

如果有更好的样式和建议的朋友,请留言,谢谢\( ̄︶ ̄*\))

食用教程

说明:
  • 虽然说说页面我只制作适配本站主题,但是主体的代码还是能用的,其他主题只需复制主题下的页面默认模板文件,然后在合适的位置添加本说说页面的核心代码,即可使用。
  • 由于通过本站文章微语页面的函数代码进行修改,使用如果使用微语页面的朋友,请先删除functions.php中的函数,在进行以下步骤。
  • 更新主题是记得备份代码,以免无法使用。
  • 有一些CSS样式是直接采用子比主题的CSS,所以其他主题使用过程中出现样式的问题请自行修改一些CSS样式。
  • 说说页面的点赞不是主题的代码,所以会存在一个Bug,如果介意请自己删除相关代码。
1、在主题目录下functions.php文件末尾把下面代码添加进去即可。
//说说
add_action('init', 'my_custom_init'); function my_custom_init() { $labels = array( 'name' => '说说', 'singular_name' => 'singularname', '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','custom-fields','comments') ); register_post_type('shuoshuo',$args); }
 //指定说说文章模板
add_filter( 'template_include', 'include_template_function', 1 );
function include_template_function( $template_path ) {
    if ( get_post_type() == 'shuoshuo' ) {
        if ( is_single() ) {
            if ( $theme_file = locate_template( array ( 'shuoshuo.php' ) ) ) {
                $template_path = $theme_file;
            } else {
                $template_path = plugin_dir_path( __FILE__ ) . '/pages/shuoshuo.php';//自己修改文件路径
            }
        }
    }
    return $template_path;
}
/*说说点赞功能*/
add_action('wp_ajax_nopriv_bigfa_like', 'bigfa_like');
add_action('wp_ajax_bigfa_like', 'bigfa_like');
function bigfa_like(){
    global $wpdb,$post;
    $id = $_POST["um_id"];
    $action = $_POST["um_action"];
    if ( $action == 'ding'){
    $bigfa_raters = get_post_meta($id,'bigfa_ding',true);
    $expire = time() + 99999999;
    $domain = ($_SERVER['HTTP_HOST'] != 'localhost') ? $_SERVER['HTTP_HOST'] : false; // make cookies work with localhost
    setcookie('bigfa_ding_'.$id,$id,$expire,'/',$domain,false);
    if (!$bigfa_raters || !is_numeric($bigfa_raters)) {
        update_post_meta($id, 'bigfa_ding', 1);
    } 
    else {
            update_post_meta($id, 'bigfa_ding', ($bigfa_raters + 1));
        }
    echo get_post_meta($id,'bigfa_ding',true);
    } 
    die;
}
2、子比主题的朋友,在主题目录zibll/pages目录下创建shuoshuo.php文件,然后把下面的代码复制进去即可。
  • 如果懒得创建文件,可以下载使用本站已经创建好PHP文件,文件下载在文章末尾。
  • 制作不易,禁止白嫖,Thanks♪(・ω・)ノ
  • 获取代码两种方式:

1、评论可见:

2、密码可见:(点击下方的“怎么获取密码?”进行获取密码。只是想试一下这个功能好不好用,\(^o^)/~)

文章密码
怎么获取密码?
文章密码
怎么获取密码?
3、在网站后台--->页面--->新建页面--->页面属性--模板--WIIUII说说页面(古腾堡编辑器是这样的,不知道经典编辑器是不是一样),然后发布页面即可。

效果截图

  • 效果:可以点击下方的链接访问本站的说说页面进行浏览效果。
【星语的小木屋 - 说说页面】 https://www.wiiuii.cn/says 图标
  • 截图:
  • 版本一:
图片[2]-WordPress清新版说说页面[更新:2-7]-星语的小木屋
  • 版本二:
图片[3]-WordPress清新版说说页面[更新:2-7]-星语的小木屋
说说页面版本二

更新日志

  1. 2020-2-7:进行版本样式的修改,以后可能会变更了。什么时候想到好的点子再更新。
  2. 2020-1-27更新如下:
  • 修复图片对齐方式的问题
  • 添加了图片灯箱(采用子比主题的灯箱,只有子比主题有效)
  • 添加了点赞(喜欢)的功能(因为点赞功能代码不是主题的,所以存在一个Bug,当点赞第二个说说以后会出现提示评论已点赞的bug,不过还能用,谷歌浏览器好像没有这个问题,不知道怎么修复,求大佬帮忙修复)
  • 好像暂时只有这些....
  1. 2020-1-26:修复了当说说不大于6篇时,在“下一页”处显示白色横条。
  2. 2020-1-21:发布说说页面(清新版)
温馨提示:本文最后更新于2021-02-07 22:44:43,某些文章具有时效性,若有错误或已失效,请在下方留言或联系星语社长

感谢您的来访,获取更多精彩文章请收藏本站。

WordPress清新版说说页面-星语的小木屋
shuoshuo.zip
此内容为免费资源,请登录后查看
星币0
最新可用。
免费资源
© 版权声明
THE END
喜欢就支持一下吧
点赞2赞赏
分享
评论 共18条

请登录后发表评论

    • amiisk的头像-星语的小木屋
    • 其它主题用不了吗?看这教程是针对子比主题的
      38天前
    • 难拥。的头像-星语的小木屋
    • 看到一个站非常好看的底部导航,能不能扒下来,目标站点zaodaoji.com评论图片-星语的小木屋
      1月前
    • 2589446878的头像-星语的小木屋
    • 问一下这个子比主题资源下载怎么显示的和你这个一样呢 我这个显示这样评论图片-星语的小木屋 你的这样评论图片-星语的小木屋
      5月前
    • 星语社长的头像-星语的小木屋
    • Black博客站长0
      我来逛逛了表情[ciya]-星语的小木屋
      6月前
    • 星语社长的头像-星语的小木屋
    • 路飞的草帽0
      支持一下站长,做的很不错哦
      7月前
    • tangtang的头像-星语的小木屋
    • 感谢站长,小站根据站长的教程进行了不少美化。表情[qiang]-星语的小木屋
      7月前