puo's学习园地

快讯

• wordpress如何评论折叠

  在WordPress中实现评论折叠功能可以显著提升用户体验，特别是在评论数量较多时，帮助用户更高效地浏览和管理评论。以下是实现这一功能的方法，包括使用插件、主题功能或自定义代码。 一、使用插件实现评论折叠功能 通过安装插件是最简单的方法，适合大多数用户。以下是一些推荐的插件： Comment Visibility 功能特点：允许根据条件控制评论的可见性，例如只允许登录用户查看评论，或限制特定角色的用户访问。 适用场景：适合需要灵活管理评论可见性的网站。 安装方法：在WordPress后台的“插件”>“添加新插件”中搜索“Comment Visibility”，安装并激活后进行配置。 Disqus 功能特点：作为第三方评论系统，Disqus支持评论折叠功能，同时提供丰富的社交互动功能，如用户注册、头像设置和点赞。 适用场景：适合希望提升评论互动性的网站。 安装方法：在“插件”>“添加新插件”中搜索“Disqus”，安装并配置后即可使用。 Jetpack 功能特点：提供强大的评论管理功能，包括垃圾评论过滤、社交账号登录以及评论折叠。 适用场景：适合需要综合管理评论功能的网站。 安装方法：在“插件”>“添加新插件”中搜索“Jetpack”，安装并激活后，在Jetpack的设置中启用评论功能。 二、使用主题内置功能 某些WordPress主题自带评论折叠功能，无需额外安装插件。例如： M1主题 功能特点：评论列表支持逐级折叠，适合评论回复较多的网站。 适用场景：适合希望减少页面长度的网站。 使用方法：该功能通常在主题的设置选项中启用，具体操作请参考主题文档。 7B2主题 功能特点：自动折叠过多评论，默认只显示前5条，支持楼中楼评论的折叠展示，且完全适配移动端。 适用场景：适合社交类网站或评论较多的热门话题页面。 使用方法：在主题的设置中启用评论折叠功能，无需修改数据库。 三、自定义代码实现评论折叠 如果希望更灵活地控制评论折叠功能，可以通过添加自定义代码实现。以下是一个简单的示例： 添加jQuery代码 在主题的functions.php文件中添加以下代码，实现评论折叠功能：function add_comment_folding_script() { ?> <script> jQuery(document).ready(function($) { $("input#com-op-cl").toggle( function() { $(this).parent().parent().nextAll("ul.children").animate({height: 'toggle', opacity: 'toggle'}, "slow"); }, function() { $(this).parent().parent().nextAll("ul.children").animate({height: 'toggle', opacity: 'toggle'}, "slow"); } ); }); </script> <?php } add_action('wp_footer', 'add_comment_folding_script'); 添加HTML按钮 在评论模板文件（如comments.php）中，为每个评论添加折叠按钮：<input id="com-op-cl" class="fr" type="button" value="展开评论" /> 保存并测试 保存修改后的文件，访问网站查看评论折叠效果。 注意：此方法需要一定的技术基础，且可能因主题不同而需要调整代码。 四、总结与建议 推荐优先使用插件：对于非技术用户，推荐使用插件（如Comment Visibility或Disqus）实现评论折叠功能，操作简单且功能完善。 主题功能适合特定场景：如果使用的主题自带评论折叠功能，优先启用主题功能，以减少维护成本。 自定义代码适合高级用户：如果需要更灵活的控制，可以通过添加代码实现，但需注意兼容性问题。 希望以上方法能帮助您顺利实现WordPress评论折叠功能！如果还有其他问题，欢迎随时提问。
  4小时前

• WordPress增加说说功能

  下面这个我测试过了，有效的  如图： 我一直把个人博客当成学习总结、输出观点的渠道，但是创作长文是一件费时费力的事，有时候脑子里只有一点想法和灵感，也希望写短文发出去，这个可以叫做“说说”。个人博客的社交能力很弱，围观群众也少，最好能够集成微博接口，与微博双向同步内容。研究了新浪微博API后，发现它允许发一个链接，不能发布图文微博，也就是说做不到双向同步，只能让个人博客读取微博的数据。我索性不搞那么复杂了，只在个人博客增加“说说”功能，自娱自乐。 首先，在路径 wp-content/themes/主题/functions.php 里面添加初始化参数的函数，代码如下：  

  /**
   * 初始化说说参数
   */
  function shuoshuo_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'));
      register_post_type('shuoshuo', $args);
  }
  add_action('init', 'shuoshuo_init');

    上面的代码注册了一个新的 post 类型 shuoshuo ，并在后台管理界面启用菜单。在路径 wp-content/themes/nisarg/ 下面创建 shuoshuo.php 单页面模板文件，页面样式复用首页的文章列表，文件内容如下：  

  <?php  
  /*  
  * Template Name: 说说  
  * author: 倾城  
  * url: https://www.codingbrick.com/shuoshuo  
  */  
  get_header(); ?>  
      <style>  
          /* 内容样式 */        
          .type-shuoshuo {  
              padding: 10px;  
              border-radius: 10px;  
              display: inline-block;  
          }  
  
          /* 内容 图片样式 */        
          .type-shuoshuo img {  
              margin-right: 3px;  
              width: 160px;  
              height: 160px;  
              float: left;  
              object-fit: cover;  
          }  
  
          /* 作者 */        
          .shuoshuo_author {  
              background: #FFFFFF;  
              color: #000;  
              width: 60px;  
              height: 60px;  
              border-radius: 50%;  
              justify-content: center;  
              align-items: center;  
              text-align: center;  
              display: flex;  
          }  
  
          /* 发布日期 */        
          .shuoshuo_date {  
              color: gray;  
              width: 100%;  
              clear: both;  
          }  
  
          /* 移动端样式 */        
          @media screen and (max-width: 65.375em) {  
              /* 让手机页面更规整，隐藏作者 */            
              .shuoshuo_author {  
                  display: none;  
              }  
          }  
      </style>  
      <div class="container">  
          <div class="row">  
              <header class="archive-page-header">  
                  <h3 class="archive-page-title"><span>说说</span></h3>  
              </header>
              </div>
              <div class="row">  
              <div id="primary" class="col-md-9 content-area">  
                  <main id="main" class="site-main" role="main">  
                      <?php
                      // 获取页面分页参数 
                      $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;  
                      query_posts("post_type=shuoshuo&post_status=publish&paged=".$paged);  
                      if (have_posts()) : while (have_posts()) :  
                          the_post(); ?>  
                          <div class="row">  
                              <div class="col-md-1">  
                                  <div class="shuoshuo_author"><?php the_author(); ?></div>  
                              </div>                            <div class="col-md-11">  
                                  <article id="post-<?php the_ID(); ?>" <?php post_class('post-content'); ?>>  
                                      <?php the_content(); ?>  
                                      <div class="shuoshuo_date"><?php echo friendly_date(get_gmt_from_date(get_the_time('Y-m-d G:i:s'))); ?></div>  
                                  </article>                            </div>                        </div>                    <?php endwhile;  
                          //分页导航条  
                          nisarg_posts_navigation();  
                      endif; ?>  
                  </main><!-- #main -->  
              </div><!-- #primary -->  
  
              <?php get_sidebar('sidebar-1'); ?>  
          </div> <!--.row-->  
      </div><!--.container-->  
  <?php get_footer(); ?>

      shuoshuo.php 页面将文章的发布时间调整为阅读友好的“刚刚、几天前”格式，friendly_date 函数内容如下：

  /**
   * 转化友好型的时间格式
   */
  function friendly_date( $pub_time ) {
      $pub_time = strtotime($pub_time);
      $interval_time = time() - $pub_time;
      if ($interval_time < 1) return '刚刚';
      $interval = array (
          12 * 30 * 24 * 60 * 60  =>  '年前 ('.date('Y-m-d', $pub_time).')',
          30 * 24 * 60 * 60       =>  '个月前 ('.date('m-d', $pub_time).')',
          7 * 24 * 60 * 60        =>  '周前 ('.date('m-d', $pub_time).')',
          24 * 60 * 60            =>  '天前',
          60 * 60                 =>  '小时前',
          60                      =>  '分钟前',
          1                       =>  '秒前'
      );
      foreach ($interval as $second => $str) {
          $d = $interval_time / $second;
          if ($d >= 1) {
              $r = round($d);
              return $r . $str;
          }
      };
  }

  在管理后台创建说说单页面，模板类型选择“说说”，并且配置顶部菜单，如下图所示：  

  新建单页面

  配置顶部菜单

  发布说说采用的是富文本编辑器，如果要实现图文混排，要手动编辑HTML标签，如下代码所示：

  技术面试题为什么这么多八股文？招聘市场上一直都是求职者多的惊人，而岗位少的可怜。八股文能够迅速简单粗暴的过滤掉“不合格的”人，有效降低招聘的时间成本。过了八股文的都是人才吗？不重要，反正是进来拧螺丝钉的，差不多够用就行。<div><a href="https://www.codingbrick.com/wp-content/uploads/2022/09/taste-life-17-03.jpg"><img src="https://www.codingbrick.com/wp-content/uploads/2022/09/taste-life-17-03-300x240.jpg"/></a></div>

  好

  个人博客说说效果图

  本文链接：https://www.codingbrick.com/archives/1198.html

  13小时前

• WordPress DUX主题增加说说/微语单页

  教程

  本教程来自络，首先在主题的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') ); register_post_type('shuoshuo',$args); }   然后新建一个shuoshuo.php文件放到你正在使用的主题根目录里把下面代码放入shuoshuo.php;   <?php /* Template Name: 说说 author: snow url: https://www.snowing.ltd/shuoshuo */ get_header(); ?> <section class="container container-page"> <style type="text/css"> #shuoshuo_content { background-color: #fff; padding: 10px; min-height: 500px; } /* shuo */ body.theme-dark .cbp_tmtimeline::before { background: RGBA(255, 255, 255, 0.06); } ul.cbp_tmtimeline { padding: 0; } div class.cdp_tmlabel > li .cbp_tmlabel { margin-bottom: 0; } .cbp_tmtimeline { margin: 30px 0 0 0; padding: 0; list-style: none; position: relative; } /* The line */ .cbp_tmtimeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 4px; background: RGBA(0, 0, 0, 0.02); left: 80px; margin-left: 10px; } /* The date/time */ .cbp_tmtimeline > li .cbp_tmtime { display: block; /* width: 29%; */ /* padding-right: 110px; */ max-width: 70px; position: absolute; } .cbp_tmtimeline > li .cbp_tmtime span { display: block; text-align: right; } .cbp_tmtimeline > li .cbp_tmtime span:first-child { font-size: 0.9em; color: #bdd0db; } .cbp_tmtimeline > li .cbp_tmtime span:last-child { font-size: 1.2em; color: #9BCD9B; } .cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child { color: RGBA(255, 125, 73, 0.75); } div.cbp_tmlabel > p { margin-bottom: 0; } /* Right content */ .cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 45px 65px; background: #9BCD9B; color: #fff; padding: .8em 1.2em .4em 1.2em; /* font-size: 1.2em; */ font-weight: 300; line-height: 1.4; position: relative; border-radius: 5px; transition: all 0.3s ease 0s; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); cursor: pointer; display: block; } .cbp_tmlabel:hover { /* transform:scale(1.05); */ transform: translateY(-3px); z-index: 1; -webkit-box-shadow: 0 15px 32px rgba(0, 0, 0, 0.15) !important } .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel { background: RGBA(255, 125, 73, 0.75); } /* The triangle */ .cbp_tmtimeline > li .cbp_tmlabel:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #9BCD9B; border-width: 10px; top: 4px; } .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after { border-right-color: RGBA(255, 125, 73, 0.75); } p.shuoshuo_time { margin-top: 10px; border-top: 1px dashed #fff; padding-top: 5px; } /* Media */ @media screen and (max-width: 65.375em) { .cbp_tmtimeline > li .cbp_tmtime span:last-child { font-size: 1.2em; } } .shuoshuo_author_img img { border: 1px solid #ddd; padding: 2px; float: left; border-radius: 64px; transition: all 1.0s; } .avatar { -webkit-border-radius: 100% !important; -moz-border-radius: 100% !important; box-shadow: inset 0 -1px 0 #3333sf; -webkit-box-shadow: inset 0 -1px 0 #3333sf; -webkit-transition: 0.4s; -webkit-transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; } .zhuan { transform: rotateZ(720deg); -webkit-transform: rotateZ(720deg); -moz-transform: rotateZ(720deg); } /* end */ </style> </head> <body> <div id="primary" class="content-area" style=""> <main id="main" class="site-main" role="main"> <div id="shuoshuo_content"> <ul class="cbp_tmtimeline"> <?php query_posts("post_type=shuoshuo&post_status=publish&posts_per_page=-1");if (have_posts()) : while (have_posts()) : the_post(); ?> <li> <span class="shuoshuo_author_img"><img src="http://https://img.snowing.ltd/2018/10/snow.jpg" 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> <?php endwhile;endif; ?> </li> </ul> </div> </main> <!-- .site-main --> </div> <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 _moloader('mo_pagemenu', false) ?> <?php while (have_posts()) : the_post(); ?> <?php wp_link_pages('link_before=<span>&link_after=</span>&before=<div class="article-paging">&after=</div>&next_or_number=number'); ?> <?php endwhile; ?> <p> </p> <?php comments_template('', true); ?> <?php get_footer(); ?>
  14小时前

• 毛玻璃效果卡片源码，网站维护源码

  毛玻璃效果卡片，带有微妙阴影 悬停时卡片上浮增强交互感 新域名突出显示，带有呼吸光效 使用渐变色背景动画，色彩随时间流动变化 添加了50个随机移动的粒子元素，营造空间感 响应式设计： 适配各种屏幕尺寸 在移动设备上自动调整元素大小 源码分享：https://pan.baidu.com/s/1l2gSvAwpU8DFZo-7zl4ltQ?pwd=8888

  15小时前

• 工地记账源码

  财务管理 收入/支出双轨记账，精确到分 支持项目关联收入（如工程款） 支出分类管理（材料/人工/设备等8+类别） 实时净收益计算（总收入 - 总支出） 工人管理 完整工人档案（姓名/电话/身份证/职位） 日工资标准记录 一键删除冗余记录 [玫瑰]项目管理 项目全周期管理（起止日期/地点/描述） 项目-收入自动关联 项目进度可视化跟踪 [玫瑰]智能报表[玫瑰] 自定义时间段统计（日/月/季度/年） 收入项目分布图（条形图） 支出类别饼状图 动态数据图表（使用Chart.js） [玫瑰]安全系统[玫瑰] 用户登录验证 会话状态管理 操作记录追踪（通过时间戳） 核心优势 一体化管理 覆盖「人、钱、项目」三大核心要素，告别Excel表格碎片化管理 多维度统计 实时生成「项目收益分析」「工人成本占比」「支出类别排行」等关键数据 [玫瑰]安全可靠[玫瑰] 数据库事务保障数据一致性，每日自动备份机制（需配置cron任务） 零学习成本 简洁中文界面，10分钟上手，工地老师傅也能轻松操作 [玫瑰]移动友好[玫瑰] 自适应布局，手机/平板/电脑均可流畅使用（响应式设计） [玫瑰]扩展性强[玫瑰] 支持二次开发（工资结算、考勤打卡、材料库存等模块可快速接入） 技术亮点 采用PHP+MySQL经典组合，稳定高效 前端使用Chart.js实现动态数据可视化 响应式布局适配多终端 严格的表单验证机制（前端JS+后端PHP双重校验） 全站统一CSS样式规范 适用场景 中小型建筑公司财务监管 包工头/施工队独立记账 工程项目成本核算 工人工资结算依据 甲方项目进度款追踪 增值价值 降本增效：自动化计算替代手工记账，减少90%对账时间 风险预警：实时监控项目盈亏，超支自动标红提醒 合规留痕：完整记录每笔资金流向，应对审计无忧 决策支持：通过数据趋势预判工程成本，合理报价 抗揍云： V1.0 https://ayangwl.lanzouq.com/ivSrp2uxoqbc 账号密码 admin 123456
  15小时前

• 一款简约的个人博客源码

  名字：我的个人博客 一款简约的个人博客 版本：1.0 功能：用户系统，评论功能，个人资料页，管理功能，发布帖子，删除帖子，文章分页，国外ip显示功能，访问次数功能 链接:https://wwp.lanzoup.com/iC05G31myewh 提取密码：cb9s login.php文件： 下载链接:https://wwp.lanzoup.com/i8OMN31n4a8f 提取密码：h743 教程：第一步打开宝塔，第二部上传gc.zip解压，第三部导入gc.sql进入数据库，第四步就好了(记得下载第二个php文件替换掉第一个的login.php文件) 后台账户密码：superadmin admin_pass_2024 后言：里面有两个文件，应该是qz.php 可以强制开通一个管理员账户，请删除，因为运行的话还要去数据库给权限，还有test_password.php这个文件是验证密码的，这个也可以删了，如果还有别的问题可以留言。
  15小时前