返回列表 发布新帖
查看: 50|回复: 0

[代码技巧] 子比主题 – 评论链接直链跳转功能(共两款)

[复制链接]
SunJu_FaceMall
社区贡献

315

主题

190

回帖

1万

积分

等级头衔
Icon组别 : 管理员
Icon等级 :

积分成就
   钻石 : 524 颗
   贡献 : 1779 点
   金币 : 12 枚
Icon在线时间 : 1295 小时
Icon注册时间 : 2024-11-22
Icon最后登录 : 2025-11-11

荣誉勋章

会员LV.1会员LV.2会员LV.3会员LV.4会员LV.5会员LV.6会员LV.7会员LV.8会员LV.9会员LV.10

风云·优秀版主

飞流名人堂成员

1

实名认证 手机认证 vip vip-year FLLTCN发表于 2025-10-10 18:08:00 | 查看全部 |阅读模式 浙江金华

资源无需等待,交易就趁现在,全面资源整合网络大咖云集,让你轻松玩转互联网!

您需要 登录 才可以下载或查看,没有账号?立即注册

×
这是一款子比主题评论链接直接跳转的功能,作用就是用户在我们的评论区评论了网站的链接,那么会自动转成超链接,腾飞博客做了两款样式,一个是默认跟主题色,一个是链接下固定下划线,当然你如果有自己的样式也可以写进去!

第一款


tengfei_down - 2025-10-10T180535.890.webp

第二款


tengfei_down - 2025-10-10T180534.127.webp

代码部署


定位:/wp-content/themes/zibll/inc/functions/zib-comments-list.php文件,我们搜下面代码!
  1. function zib_comment_filters($cont, $type = '', $lazy = true)
复制代码
然后我们看上面的图片喜欢哪个一款直接替换我的整个函数代码,如下图我圈住的替换即可!
tengfei_down - 2025-10-10T180639.011.webp
第一款
第一款没有样式,是直接跳转的,直接替换整个函数代码即可!
  1. function zib_comment_filters($cont, $type = '', $lazy = true)
  2. {
  3.     $cont = preg_replace_callback('/https?:\/\/[a-zA-Z0-9\-\.]+\.[a-zA-Z]{2,3}(\/\S*)?/', function($matches) {
  4.         return '<a href="' . $matches[0] . '" class="comment-link" target="_blank">' . $matches[0] . '</a>';
  5.     }, $cont);
  6.     $cont = convert_smilies($cont);
  7.     $cont = preg_replace('/\[img=(.*?)\]/', '<img class="box-img lazyload" src="$1" alt="评论图片' . zib_get_delimiter_blog_name() . '">', $cont);
  8.     if ('noimg' == $type) {
  9.         $cont = preg_replace('/\<img(.*?)\>/', '[图片]', $cont);
  10.         $cont = preg_replace('/\[code]([\s\S]*)\[\/code]/', '[代码]', $cont);
  11.     } else {
  12.         $cont = str_replace('[code]', '<pre><code>', $cont);
  13.         $cont = str_replace('
复制代码
', '</code></pre>', $cont);
    }
    $cont = preg_replace('/\[g=(.*?)\]/', '<img class="smilie-icon" src="' . ZIB_TEMPLATE_DIRECTORY_URI . '/img/smilies/$1.gif" alt="表情[$1]' . zib_get_delimiter_blog_name() . '">', $cont);

    if (zib_is_lazy('lazy_comment') && $lazy) {
        $cont = str_replace(' src=', ' src="' . zib_get_lazy_thumb() . '" data-src=', $cont);
    }
    $cont = wp_kses_post($cont);
    return $cont;
}[/code]

第二款
第二款是带有固定波浪的样式,不是动态的,一共两个代码,首先还是替换整个函数代码即可!
  1. function zib_comment_filters($cont, $type = '', $lazy = true) {
  2.     $cont = convert_smilies($cont);

  3.     $cont = preg_replace('/\[img=(.*?)\]/', '<img class="box-img lazyload" src="$1" alt="评论图片' . zib_get_delimiter_blog_name() . '">', $cont);
  4.     $pattern = '/(https?:\/\/[^\s]+)/i';
  5.     $replacement = '<a href="$1" target="_blank" class="comment-link" style="color: var(--focus-color);">$1</a>';
  6.     $cont = preg_replace($pattern, $replacement, $cont);
  7.     if ('noimg' == $type) {
  8.         $cont = preg_replace('/\<img(.*?)\>/', '[图片]', $cont);
  9.         $cont = preg_replace('/\[code]([\s\S]*)\[\/code]/', '[代码]', $cont);
  10.     } else {
  11.         $cont = str_replace('[code]', '<pre><code>', $cont);
  12.         $cont = str_replace('
复制代码
', '</code></pre>', $cont);
    }
    $cont = preg_replace('/\[g=(.*?)\]/', '<img class="smilie-icon" src="' . ZIB_TEMPLATE_DIRECTORY_URI . '/img/smilies/$1.gif" alt="表情[$1]' . zib_get_delimiter_blog_name() . '">', $cont);
    if (zib_is_lazy('lazy_comment') && $lazy) {
        $cont = str_replace(' src=', ' src="' . zib_get_lazy_thumb() . '" data-src=', $cont);
    }

    $cont = wp_kses_post($cont);
    return $cont;
}[/code]然后第二个代码放到:子比主题–>>自定义CSS样式即可!
  1. /* 评论链接波浪线样式 */
  2. .comment-link {
  3.     -webkit-box-decoration-break: clone;
  4.     box-decoration-break: clone;
  5.     text-decoration: underline wavy !important;
  6.     text-decoration-thickness: from-font;
  7.     text-underline-offset: 3px;
  8. }
  9. .navbar-top li.current-menu-item>a,
  10. .navbar-top li:hover>a {
  11.     -webkit-box-decoration-break: clone;
  12.     box-decoration-break: clone;
  13.     text-decoration: underline wavy;
  14.     text-decoration-thickness: from-font;
  15.     text-underline-offset: 3px;
  16. }
复制代码

本帖被以下淘专辑推荐:

路虽远,行则将至;事虽难,做则必成。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

飞流广播+ 发布

系统消息:柒沐已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
10-30 17:02
系统消息:柒沐已经连续答对10道难题,逆天学霸谁与争锋?!#每日答题#
10-09 09:07
系统消息:柒沐已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
09-24 09:00
系统消息:柒沐已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
09-11 11:40
系统消息:柒沐已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
09-02 09:17
系统消息:柒沐已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
08-27 08:56
系统消息:柒沐已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
08-20 15:12
系统消息:柒沐已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
08-03 10:22
系统消息:柒沐已经连续答对10道难题,逆天学霸谁与争锋?!#每日答题#
06-30 08:57
系统消息:柒沐已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
06-18 09:14
系统消息:清风网络已经连续答对10道难题,逆天学霸谁与争锋?!#每日答题#
04-11 09:40
系统消息:清风网络已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
04-10 09:31
系统消息:IXM77777已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
04-09 13:44
系统消息:清风网络已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
04-09 09:22
系统消息:柒沐已经连续答对10道难题,逆天学霸谁与争锋?!#每日答题#
04-09 08:52
系统消息:清风网络已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
04-08 09:24
系统消息:柒沐已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
04-07 09:02
系统消息:柒沐已经连续答对10道难题,逆天学霸谁与争锋?!#每日答题#
02-27 09:35
系统消息:柒沐已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
02-26 09:06
系统消息:柒沐已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
02-25 08:49
站内通告

提供资源交易、信息共享、靓号交流、技术变现、学习问答、兴趣娱乐等全面服务。

1.丰富功能系统,扩展社区特色玩法,打造最好的互联网聚集圈子。

2.准确信息真实交易,安全快捷又方便,让虚拟交易面对面。

3. 天上不会掉馅饼,话术骗术迷人心,切勿脱离平台线下交易,被骗与平台无关!

4. 欺诈骗钱,违规违法将视情受到警告&禁言&封号甚至检举至👮🏻‍♀️处理!

官方Q群:123129钉推群:BAYR2383 站长QQ:3220000000

投诉/建议/商务合作联系

fl@fllt.cn

严禁私下交易,被骗与本站无关。
违反交易细则,取证立查严惩。
  • 钉钉新帖推送群
  • 官方交流QQ群
  • 站长唯一微信号

👮曝光Ta|🧿小黑屋|📴手机页|飞流网 ( 渝ICP备2025054677号-1|电信增值许可 渝B2-20250789 )|网站地图

GMT+8, 2025-11-13 01:22 , Processed in 0.084472 second(s), 60 queries, MemCached On , Gzip On.

Based on XJ-TX X3.5 Licensed

飞流论坛 HanAnalytics icp Astro vhAstro-Theme

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表