HTML新手求助:如何在WordPress中快捷调用重复的球队图片横幅代码
解决方法(无需复杂编程)
方法1:用WordPress编辑器的「可重复块」(最推荐,不用额外操作)
- 打开文章编辑器,添加一个「自定义HTML」块,把某支球队的横幅代码粘贴进去(比如
<img src="httpss://website.com/photos/banner" alt="team1" width=100%/>) - 选中这个HTML块,点击右上角的「⋮」按钮,选择「添加到可重复块」,给它起个好记的名字,比如「Team1 横幅」
- 剩下的17支球队重复上面的步骤,把每个球队的横幅都做成独立的可重复块
- 以后发文章时,直接在编辑器的「添加块」搜索框里输入球队名字,找到对应的可重复块点一下,就能自动插入横幅了
方法2:用浏览器端的文本自动替换(适合不想动编辑器设置的情况)
如果你常用Chrome或Edge浏览器,可以装个简单的文本替换插件(比如「Text Blender」「Auto Text Expander」),设置好快捷短语和对应的代码:
- 比如设置输入
!team1,自动替换成<img src="httpss://website.com/photos/banner" alt="team1" width=100%/> - 把18支球队的快捷短语都设置好,以后发文章时只要输入对应的快捷短语,插件就会自动帮你换成完整的图片代码
方法3:让站点管理员帮忙加短代码(如果能联系到管理员的话)
如果站点管理员愿意帮忙,只需要让他在网站的主题函数文件里加一段简单代码(不用你动手),之后你就能用简单的短代码调用横幅:
- 比如管理员设置好后,你只要输入
[team_banner team="team1"],编辑器就会自动显示对应的球队横幅 - 每个球队对应一个简短的标识,记起来比完整代码方便多了
内容的提问来源于stack exchange,提问作者Oddessuss
相关产品推荐
相关产品推荐

