html - 在 WordPress 中动态添加 id 或 class 到页面模板的内容

标签 html css wordpress events

我遇到了有关为 WordPress 网站上的某些标签动态创建的某些页面设置样式的问题。

我安装了 WordPress,并使用事件管理器插件(作者:Marcus Sykes)显示事件。我正在使用它使用标签更好地对所有事件进行分类,例如 所有事件户外事件 a.s.o.然后用户可以在给定事件上单击这些标签链接。事件管理器使用标签 页面来处理随后创建的所有标签。因此,当用户点击 ex 时。 All events 标签链接,在一个事件上,它会打开这个 URL:www.testsite.com/tags/all-events。

然后我想在所有事件的内容部分添加一个 classid 因为我想对所有事件使用 flex显示在标签页面下的帖子。有点困惑抱歉...

所以我尝试创建一个 Tags 页面使用的自定义页面模板,但我不知道如何包装 classid围绕动态添加到其中的所有内容(所有使用该特定标签的事件),我是不是以错误的方式考虑这个?还是我应该以其他方式进行?

最佳答案

您检查特定的事件标记是否在 URL 中可用,然后选择您要添加类的所有 html 标记(那些是您的包装器的标记)我假设的事件),然后添加类

$(document).ready(function () {
    if (window.location.pathname.indexOf("tags/all-events") > -1) {
        $('yourSelectorForAllTheEventTags').addClass("yourEventClassName");
}

希望对您有所帮助!

关于html - 在 WordPress 中动态添加 id 或 class 到页面模板的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53847390/

相关文章:

html - 如何使并排的两个 div 居中?

Python O365 使用 HTML 文件发送电子邮件

jquery - 如何创建从 CSS 下拉菜单到幻灯片 2 上的 iframe 的链接

javascript - 下拉重定向 - 提交

html - 为什么我的小型字体变体 CSS 类被忽略了?

javascript - 使用 element 简化 onclick 函数

javascript - 如何根据按钮样式更改 Bootstrap 5 工具提示颜色?

javascript - 如何在 jquery 对话框中的固定宽度文本框中显示可变长度文本

mysql - 一个 MySQL 查询中的两个独立请求

php - 在 Woocommerce 中为特定产品类别使用自定义单个产品模板