WordPress表格中Font-Awesome图标超链接实现问询
解决方案:WordPress表格中实现Font Awesome图标超链接
完全可以实现需求,下面给你几个靠谱的解决办法:
直接用Font Awesome HTML代码(最稳妥)
放弃短代码,直接使用Font Awesome的原生HTML代码,避免短代码解析顺序的问题。把下面的代码放到表格单元格里:<a href="https://example.com" aria-label="企业主页"><i class="fa-solid fa-house"></i></a>注:如果你的Font Awesome是旧版本(比如v5),类名要换成
fa fa-home;添加aria-label是为了无障碍访问,让屏幕阅读器能识别链接用途。调整短代码嵌套方式(如果坚持用短代码)
试试用WordPress自带的链接短代码嵌套Font Awesome短代码,比如:[url href="https://example.com"][icon="house"][/url]不过这个方法依赖你的Font Awesome插件是否支持短代码嵌套,若插件解析顺序有问题,还是HTML方法更可靠。
检查表格插件的HTML过滤设置
如果你用的是第三方表格插件(比如TablePress),要确保插件没有过滤HTML代码。以TablePress为例,进入插件设置找到「允许HTML」选项并开启,否则插件会把HTML转成纯文本显示。Gutenberg区块表格的操作方式
如果用的是WordPress自带的区块编辑器,不要直接在文本单元格里粘贴代码,而是添加「自定义HTML」区块到表格单元格中,再放入图标链接代码,这样编辑器就不会自动转义代码了。
内容的提问来源于stack exchange,提问作者JeanSibelius
相关产品推荐
相关产品推荐

