Question

对wordpress和ACF来说相对较新，

基本上我有一个自定义字段，这是一个按钮，我需要根据它们所在的页面更改为不同的颜色，例如

第1页 - 按钮需要为蓝色第2页 - 按钮需要为红色

但他们都使用相同的ACF按钮

有没有办法做到这一点，还是我需要创建每个页面的个别内容？

先谢谢。

Answer 1

Wordpress为每个页面/帖子的body元素添加了唯一的类 - 这可以帮助您实现所需的内容。

首先检查页面的body元素 - 第1页可能有一个类page-1，而且可能有一个类page-2。

然后您可以使用CSS规则来定位按钮：

/* Target Page 1 Button */
.page-1 .btn {
  background-color: red;
}
/* Target Page 2 Button */
.page-2 .btn {
  background-color: blue;
}

或者，您可以使用WordPress is_page()功能为页面确定的按钮添加一个唯一的类：

<?php
// e.g. in functions.php
function extraButtonClass() {
  // Target by page slug or ID
  if(is_page('page-1')) {
    return ' red';
  } elseif(is_page('page-2')) {
    return ' blue';
  } else {
    return null;
  }
}

// In template:
<button class="btn<?php echo extraButtonClass(); ?>">My Button</button>

高级自定义字段wordpress自定义类

1 个答案: