2 月前 经验分享 1 分钟阅读 16 次浏览 文章封面生成器:轻松打造个性化封面 这款依托 Web 技术开发的在线图片生成工具,以 “零安装、易操作” 为核心优势,专注于个性化文章封面制作。无需下载任何软件,打开浏览器即可开启设计,凭借简洁直观的界面,为不同需求用户提供高效、省心的封面创作体验。 一、核心功能:覆盖封面设计全流程 工具围绕封面制...
2 月前 经验分享 4 分钟阅读 54 次浏览 比比工坊主题部署文档 很多用户刚用比比 WordPress 主题,就卡在两个关键环节:要么不会部署、操作总出错,要么部署完网站变慢。其实不用复杂操作,跟着下面两步走,就能轻松解决。 前期准备:先搞定域名与服务器 在开始部署主题前,得先把域名和服务器这两个基础要素准备好,这是后续操作的前提: 1....
2 月前 经验分享 2 分钟阅读 16 次浏览 项目经验 | 网页博客至小程序的跨越:个人内容管理生态开发实践 前言: 一直用的 WordPress 博客,主要是平时记录一些开发经验。俗话说 “好记性不如烂笔头”,可能有时候生活中发现一些新鲜的东西,或者开发时遇到了什么问题,都能记录起来。为了防止以后忘了、需要用时能找到,我搭建了这个博客。 时间久了,感觉每次都要打开网页...
5 月前 经验分享 1 分钟阅读 9 次浏览 创建和制作WordPress主题的子主题 一、了解子主题的作用 什么是子主题?子主题是依附于父主题(如默认主题 Twenty Twenty-Three 或第三方主题)的独立主题,可继承父主题的功能和样式,同时允许自定义修改,避免父主题更新后覆盖你的修改。 二、准备工作 确认父主题名称登录 WordPress 后台 → 外观 → 主题,记下当前...
8 月前 经验分享 2 分钟阅读 20 次浏览 古腾堡编辑器增加 live 实况图预览模块 实现原理: WordPress 中引入 LivePhotosKit JS 库来支持实况图,并创建一个自定义古腾堡区块首先,我们需要在 WordPress 中引入 LivePhotosKit JS 库在你的主题的 functions.php 文件中添加以下代码: function enqueue_livephotoskit_script() { wp_enqueue_script('livephotoskit-js', 'https://cdn.apple-livephotosk...
9 月前 经验分享 3 分钟阅读 19 次浏览 在 WordPress 中插入足迹地图 在 WordPress 网站中添加足迹地图,能以直观的方式展示去过的地点,为网站增添个性化元素。下面将详细介绍通过创建短代码在 WordPress 中插入足迹地图的方法。 一、在 WordPress functions.php 添加短代码 有两种途径可以在 WordPress 中添加相关代码,你可以根据自身情况选择: 直...
1 年前 经验分享 2 分钟阅读 13 次浏览 WordPress为单个文章设置有效期 将代码放在func.php里,然后在后台编辑或新建文章,有一个文章有效期模块,保存或更新后,前台对应文章就会有一个倒计时。时间一到,自动进入回收站。 <?php //文章有效期 CSF::createMetabox('post_validity_options', array( 'title' => '<strong style="text-align:center;">文章有效期<...
1 年前 经验分享 4 分钟阅读 24 次浏览 wordpress网站侧边栏添加个人信息卡片 这个设计原创是张洪Heo,感觉还是比较实用的,WordPress网站应该都可以使用,代码是从其他网站看到的,觉着不错就搬运过来了,有需要的可以自取!未作测试,使用前请自行保存数据,非插件,需要自己修改代码。 教程开始 使用小工具里的自定义html模块放到你想放的位...
1 年前 经验分享 2 分钟阅读 7 次浏览 WordPress多站点发布文章同步 在WordPress 站点创建一个API,文章发布时用cURL模拟 POST 请求 API 利用wp_insert_post()函数来创建文章。支持同步文章标题、内容、类型、分类、标签,分类需要另一个站点也有创建相同名称的分类,别名和ID不需要相同。 1、在另一个站点的根目录创建一个命名为post.php的php文件,代码如...
1 年前 经验分享 1 分钟阅读 5 次浏览 一个简单的过场动画的样式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...