添加一个文章目录功能 最新写文章的时候如果内容多，而且有分类小目录的时候，不易查看，可能根据个人写作习惯有关，我喜欢一段段的加个小标题，所以针对这个需求，就添加了一个小功能。可以在后台写作的时候按需开启。 首先考虑通过php来实现，发现我主题样式改动起来太麻烦了，要改动很多css，于是就通过js来定位实现吧。 纯目录模式，只认H2,H3 // 纯JS生成目录：只认h2/h3 + 固定悬浮 + 精准高亮 + 避开顶部导航 document.addEventListener('DOM .....

此功能主要是使用Ai大模型给文章生成一个简单的摘要，懒人专用。（效果如下）： 我选择的大模型是豆包.1.6.极致速度.250715.通过coze平台创建一个智能体。再通过token来实现的。过程中踩了几个坑重点圈一下。 官方的请求参数如下： curl --location --request POST 'https://api.coze.cn/v3/chat' \ --header 'Authorization: Bearer pat_OYDacMzM3WyOWV3Dtj2bHRMymzxP****' \ --header 'Content-Type: application/json' \ --data-raw '{ "bot_ .....

因为写了前端用户中心，所有用户不能进入后台，只能默认进去我的前端用户中心。这个smtp功能就是给前端用户中心的邮箱地址发送邮件功能的，包括注册邮件，评论审核邮件，密码修改邮件。 SMTP配置其实很简单了。只不过以前用的密码，现在QQ邮箱/网易邮箱都改成【授权码】了而已。其次就是注意端口的填写。 //SMTP邮件功能 //https://www.vanhua.cn/1600.html //注意端口的填写 add_action('phpmailer_init', 'mail_smtp'); function mail_smtp( $phpma .....

Gravatar头像失效 万花网早就失效了，加上万花本身bug太多，一直以为是主题本身问题，后面发现换了系统2025主题，还是同样存在问题，所以前端用户中心加头像功能势在必行，当然也可以全部使用默认头像。 // 替换所有头像为本地默认头像（增加文件存在性检查） function custom_local_avatar( $avatar ) { $local_avatar_path = get_stylesheet_directory() . '/images/avatar.png'; if (!file_exists($local_avatar_path)) { return $avatar; // 文件不存在 .....

深色模式 整个网站添加了深色模式，以便于夜晚阅读，按钮部分找不到地方放，放在网站logo的地方了。最先更新这个功能确实是个失误，导致后期增加页面，还要去适配深色css，最后一个添加文章归档的页面，样式都还没写，不想搞了，真麻烦。 前端用户中心 一整个前端的用户中心，包夸弹窗登录，页面登录注册找回密码/page-user-login，登录之后前端用户中心/page-user-center,本来打算注册找回密码都自定义的，加了图形验证码，发现服务器压力大，还是用了Wor .....

灯箱效果 其实在移动端访问的时候，宽视野模式Wide View上显示的照片已经足够大了，考虑到加灯箱，是因为有些照片本身是横向拍摄，比例限制，展示比较小，个人觉得加个灯箱可能更便于自己查看，同时保留查看拍摄设备信息和拍摄地点。 在灯箱状态下，怎么退出灯箱，我的思路是再次Click任何地方都可以，有需要的童鞋可以参考一下。 /** * 自定义灯箱脚本 - 专为 photo.ouxiaopi.com 设计 * 功能：点击图片放大 + 显示位置与设备 + 点击/ESC关闭 * 特性 .....

也可以直接去我相册站体验下：https://photo.ouxiaopi.com JS部分 document.addEventListener("DOMContentLoaded", function() { const toggleButton = document.getElementById('toggleMode'); const body = document.body; toggleButton.addEventListener('click', function() { if (body.classList.contains('day-mode')) { body.classList.remove('day-mode'); body.classList.add('night-mode'); // 切换图标 this.querySelector('.iconfo .....

成品在下面 https://photo.ouxiaopi.com/ php部分 //文章图片张数自定义 function display_post_images_and_metadata($post_id) { // 获取当前文章的所有附件（图片） $attachments = get_posts(array( 'post_type' => 'attachment', 'post_mime_type' => 'image', 'posts_per_page' => -1, 'post_parent' => $post_id )); // 根据图片数量展示不同的样式 if ($attachments) { $num_attachments = count($attachments); switc .....

如果文章有部分内容需要隐藏，供会员注册评论后可见，那么你可能需要它； 可以点此预览效果！搜集来的各种干货，一并送出！ 两步就搞定 首先找到当前主题目录下的style.css文件，在末尾添加如下class； /*隐藏部分内容*/ .down-detail { width: auto; border-right: 1px solid #f5f6f9; border-left: 1px solid #f5f6f9; } .down-detail h5 { padding: 10px 20px; background: #f5f6f9; border-left: 3px solid #81bd00; paddi .....

给大家介绍两种方法来添加WordPress导航小图标icon 第一种就是用的免费字体Awesome，收录了675+个图标 目前被广泛运用的就是这种方式了，简单好用，兼容各种浏览器。 首先在插件库找到插件，下载安装并启用； 找到后台菜单页面，右上角-显示选项-显示高级菜单属性-选择css类； 找到你需要添加icon的菜单，输入图标代码； 图标代码库，点我直达； 完成，Ctrl+F5，强制刷新下你的页面，看一下，是不是有了。 搜素 插件名称 Font Awesomen .....