博客排版

1 article

404 adobe-xd app开发 bbs centos curl dart discourse ditto dns docker fastjson flame flutter flutter-web fork git github hexo homebrew idea jar java json just-for-fun kotlin linux macos map maven microsoft应用商店 minecraft mybatis mybatis-plus mysql nginx node npm null nvm object php pip pr python react spring springboot sql stack-overflow swagger ubuntu unicode vim vue win10 windows wordpress yum 上线准备书籍资源关联查询出生日期前端博客排版后端国内加速国际化图像字段字符编码字符转义容器常用操作常用组件常识序列化开源快速开发技术书籍搜狗支付宝效率教程数据库文件编辑时区极客用语毛玻璃游戏开发环境部署生日空格缓存网络配置访问加速词库踩坑输入法运维闲鱼阿里巴巴项目信息

images/default4.jpg

WordPress 短代码 shortcode 转义为普通字符串

Tuesday, Jun 23, 2020

在使用WordPress进行创作时, 阿航碰到了需要将短代码转为普通字符展示在文章内. 本篇文章就来记录下如何将WordPress的短代码转义为普通字符串. 效果将短代码转为普通字符串, 展示在屏幕上的 3 个方案的 2 种效果: [[epcl_box type=“information”]这是一条被短代码包住的信息![/epcl_box]] [epcl_box type="information"]这是一条被短代码包住的信息![/epcl_box] 场景阿航的网站上有这样的提示短代码: [epcl_box type=“information”]这是一条被短代码包住的信息![/epcl_box] 在转义前, 我们是这样输入的: [epcl_box type="information"]这是一条被短代码包住的信息![/epcl_box] 很明显, 这样输入会被WordPress自动转为短代码. 需具备的条件你掌握WordPress的基础使用本篇文章的环境: 解决方案方案一: 被"“包裹此方案非常简单, 只要我们使用<code></code>标签将短代码括住, 代码将被自动转义, HTML写法 (区块编辑器直接找"代码"区块, 输入即可) : <code> [epcl_box type="information"]这是一条被短代码包住的信息![/epcl_box] 效果: [epcl_box type="information"]这是一条被短代码包住的信息![/epcl_box] [epcl_box type=“success”]顺利搞定![/epcl_box] 方案二: 被”[]“包裹此方案也相当简单, 我们在短代码外包裹一层”[]". 写法改为: [[epcl_box type="information"][/epcl_box]] 效果: [[epcl_box type=“information”]这是一条被短代码包住的信息![/epcl_box]] [epcl_box type=“success”]搞定! 本方法相当方便![/epcl_box] 方案三: 使用转义字符串此方法需要我们的重点就是把[和]转为转义字符串. 一张表格查看对应关系: 转义前转义后 [ [ ] ] [shortcode] [shortcode] 那么, 我们上述例子的最终写法应为: