🌟 博客微信小程序已上线.小程序内可更方便、更直接查看本站的内容! 立即查看 →

经验分享

经验分享 1 分钟阅读

文章封面生成器:轻松打造个性化封面

这款依托 Web 技术开发的在线图片生成工具,以 “零安装、易操作” 为核心优势,专注于个性化文章封面制作。无需下载任何软件,打开浏览器即可开启设计,凭借简洁直观的界面,为不同需求用户提供高效、省心的封面创作体验。 一、核心功能:覆盖封面设计全流程 工具围绕封面制...
经验分享 4 分钟阅读

比比工坊主题部署文档

很多用户刚用比比 WordPress 主题,就卡在两个关键环节:要么不会部署、操作总出错,要么部署完网站变慢。其实不用复杂操作,跟着下面两步走,就能轻松解决。 前期准备:先搞定域名与服务器 在开始部署主题前,得先把域名和服务器这两个基础要素准备好,这是后续操作的前提: 1....
经验分享 2 分钟阅读

项目经验 | 网页博客至小程序的跨越:个人内容管理生态开发实践

前言: 一直用的 WordPress 博客,主要是平时记录一些开发经验。俗话说 “好记性不如烂笔头”,可能有时候生活中发现一些新鲜的东西,或者开发时遇到了什么问题,都能记录起来。为了防止以后忘了、需要用时能找到,我搭建了这个博客。 时间久了,感觉每次都要打开网页...
经验分享 1 分钟阅读

创建和制作WordPress主题的子主题

一、了解子主题的作用 什么是子主题?子主题是依附于父主题(如默认主题 Twenty Twenty-Three 或第三方主题)的独立主题,可继承父主题的功能和样式,同时允许自定义修改,避免父主题更新后覆盖你的修改。 二、准备工作 确认父主题名称登录 WordPress 后台 → 外观 → 主题,记下当前...
经验分享 2 分钟阅读

古腾堡编辑器增加 live 实况图预览模块

实现原理: WordPress 中引入 LivePhotosKit JS 库来支持实况图,并创建一个自定义古腾堡区块首先,我们需要在 WordPress 中引入 LivePhotosKit JS 库在你的主题的 functions.php 文件中添加以下代码: function enqueue_livephotoskit_script() { wp_enqueue_script('livephotoskit-js', 'https://cdn.apple-livephotosk...
经验分享 3 分钟阅读

在 WordPress 中插入足迹地图

在 WordPress 网站中添加足迹地图,能以直观的方式展示去过的地点,为网站增添个性化元素。下面将详细介绍通过创建短代码在 WordPress 中插入足迹地图的方法。 一、在 WordPress functions.php 添加短代码 有两种途径可以在 WordPress 中添加相关代码,你可以根据自身情况选择: 直...
经验分享 2 分钟阅读

WordPress为单个文章设置有效期

将代码放在func.php里,然后在后台编辑或新建文章,有一个文章有效期模块,保存或更新后,前台对应文章就会有一个倒计时。时间一到,自动进入回收站。 <?php //文章有效期 CSF::createMetabox('post_validity_options', array( 'title' => '<strong style="text-align:center;">文章有效期<...
经验分享 4 分钟阅读

wordpress网站侧边栏添加个人信息卡片

这个设计原创是张洪Heo,感觉还是比较实用的,WordPress网站应该都可以使用,代码是从其他网站看到的,觉着不错就搬运过来了,有需要的可以自取!未作测试,使用前请自行保存数据,非插件,需要自己修改代码。 教程开始 使用小工具里的自定义html模块放到你想放的位...
经验分享 2 分钟阅读

WordPress多站点发布文章同步

在WordPress 站点创建一个API,文章发布时用cURL模拟 POST 请求 API 利用wp_insert_post()函数来创建文章。支持同步文章标题、内容、类型、分类、标签,分类需要另一个站点也有创建相同名称的分类,别名和ID不需要相同。 1、在另一个站点的根目录创建一个命名为post.php的php文件,代码如...
经验分享 1 分钟阅读

一个简单的过场动画的样式CSS

body:after { content: " "; position: fixed; inset: 0; background-color: white; z-index: 999; background-image: url(https://ttimg.cn/logo1.svg); background-repeat: no-repeat; background-position: center; background-size: 20%; animation: fadeOut 2s; animation-fill-mode: forwards; -webkit-transition: fadeOut 2s; transition: fadeOut 2s; pointer-events: none; backgrou...