技术 23 Dec 2020 WordPress三步快速开发自定义古腾堡区块 古腾堡编辑器核心优势之一是自定义区块,比富文本编辑器布局更加灵活,自由度高,是未来编辑器发展趋势。 本文借助插件可实现快速开发和管理。 基础原理是通过插件接收表单数据,自定义逻辑进行加工,最后输出期望内容。 1.安装插件 插件官网地址:Genesis Custom Blocks 前身是Block L… 阅读原文
技术 20 Dec 2020 React组件实现点击其他任意处关闭 基本原理是监听文档document点击事件,依据组件是否被点击,处理不同业务。 1.监听事件 useEffect(() => { document.addEventListener('click', onClick); return () => { document.re… 阅读原文
技术 17 Dec 2020 WordPress版本升级流程 WordPress手动升级版本,主要两个方面:数据库和内核代码。 备份数据库和网站代码资源(非必须,为安全,建议完整备份)。删除网站的wp-includes和wp-admin文件夹。下载并解压官网新版本,删除里面wp-content文件夹,然后全部覆盖网站目录。内核代码更新完毕。运行网站升级脚本ht… 阅读原文
技术 17 Dec 2020 React自定义色块组件-颜色选择器 功能: 点击色块,弹出颜色选择器,自定义色块颜色,在回调中处理外部业务。点击除色块和选择器的区域,自动关闭选择器。 封装色块组件,便于任意处使用。 <ColorBlock color={color} onChange={onChange} /> 缺省宽高属性: width={40} he… 阅读原文
技术 14 Dec 2020 MediaWiki短链接Nginx配置 适用于MediaWik直接部署在网站根目录的情形,如: http://xxxx.com/index.php?title=首页 http://xxxx.com/首页 1. nginx.conf配置中添加: location / { try_files $uri $uri/ @rewrite; } lo… 阅读原文
技术 4 Dec 2020 WordPress rest-api 用户注册、找回密码和授权认证完整总结 1. 介绍 2. 用户注册、找回密码 3. 授权认证 介绍 官网:http://v2.wp-api.org/ 4.4版本开始支持rest-api,以插件形式存在,4.7版本后系统内置。 多数情况下使用rest-api,是将WordPress为第三方授权认证可用,其实也完全可以将WordPress作为… 阅读原文
技术 26 Nov 2020 MediaWiki移动适配,Fatal exception of type “RuntimeException” 使用MobileFrontend做MediaWiki移动适配,出现类似 "RuntimeException"错误,多是因为没有安装皮肤Minerva Neue。 根据已安装的MediaWiki版本,下载对应皮肤,在LocalSettings.php中添加: wfLoadSkin( 'MinervaN… 阅读原文
技术 22 Nov 2020 React多级下拉菜单 实现效果: 当没有点击操作时,鼠标划过主菜单不弹出下拉菜单。 有点击操作时,弹出下拉菜单,且鼠标划过其他主菜单时,弹出对应下拉菜单。 点击空白区域关闭下拉菜单。 下拉多级菜单由插件react-menu完成。 一个可定制的、轻量级的React菜单库: https://github.com/szhsin… 阅读原文
分享推荐 17 Nov 2020 React组件可拖动插件推荐 react-draggable ✨✨✨✨✨ https://github.com/STRML/react-draggable 出身于有名的react-grid-layout,作为轻量级插件,能满足基础功能需求。 使用十分便捷: <Draggable> <div>此区域可任意被… 阅读原文
分享推荐 14 Nov 2020 React分屏插件推荐 Re-Flex 🌟🌟🌟🌟🌟 https://github.com/leefsmp/Re-Flex 主要就三个组件: ReflexContainer 布局容器 ReflexSplitter 拖动手柄 ReflexEleme… 阅读原文