使用检查工具寻找标题部分的程式码
Posted: Sun Jan 05, 2025 6:12 am
使用 Inspect 工具寻找标头的 CSS 选择器
在右侧,您需要找到标头部分使用的 CSS 选择器。您可以将游标 加拿大电报数据 悬停在所有这些程式码片段上,直到您看到标题部分在前端突出显示。
这是一个例子:
如果将滑鼠悬停在程式码上时整个标题部分突出显示,则表示您的方向正确。
现在,右键单击程式码片段并选择“复制”复制选择器。
使用检查工具复制标头的 CSS 选择器
执行此操作后,您可以将选择器贴到安全的地方(例如文字编辑器),或保持此标签开启。
步骤 3:将短代码加入 WPCode
下一步是安装WPCode,它是一个程式码片段插件。
从技术上讲,您不需要使用外挂程式将自订程式码片段插入主题档案中。但我们这样做是为了确保安全,因为将程式码贴到主题档案中可能会出现意外错误。
我们发现 WPCode 对于管理自订程式码片段而不破坏网站非常有用。
注意:您也可以使用WPCode 的免费版本来开始使用,但您需要高级 WPCode 外挂程式才能在本教学中的 HTML 元素后面插入程式码片段。
首先,在管理区域安装 WordPress 外挂。启动外挂程式后,导航至“程式码片段”+“新增片段”,选择“新增您的自订程式码(新片段)”,然后点击“+ 新增自订片段”按钮。
在 WPCode 中新增的自订程式码片段
现在让我们为新的程式码片段命名。它可以是简单的东西,例如“英雄横幅短代码”。
在右侧,您需要找到标头部分使用的 CSS 选择器。您可以将游标 加拿大电报数据 悬停在所有这些程式码片段上,直到您看到标题部分在前端突出显示。
这是一个例子:
如果将滑鼠悬停在程式码上时整个标题部分突出显示,则表示您的方向正确。
现在,右键单击程式码片段并选择“复制”复制选择器。
使用检查工具复制标头的 CSS 选择器
执行此操作后,您可以将选择器贴到安全的地方(例如文字编辑器),或保持此标签开启。
步骤 3:将短代码加入 WPCode
下一步是安装WPCode,它是一个程式码片段插件。
从技术上讲,您不需要使用外挂程式将自订程式码片段插入主题档案中。但我们这样做是为了确保安全,因为将程式码贴到主题档案中可能会出现意外错误。
我们发现 WPCode 对于管理自订程式码片段而不破坏网站非常有用。
注意:您也可以使用WPCode 的免费版本来开始使用,但您需要高级 WPCode 外挂程式才能在本教学中的 HTML 元素后面插入程式码片段。
首先,在管理区域安装 WordPress 外挂。启动外挂程式后,导航至“程式码片段”+“新增片段”,选择“新增您的自订程式码(新片段)”,然后点击“+ 新增自订片段”按钮。
在 WPCode 中新增的自订程式码片段
现在让我们为新的程式码片段命名。它可以是简单的东西,例如“英雄横幅短代码”。