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

Question

对wordpress和ACF而言相对较新，

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

第1页-按钮必须为蓝色
第2页-按钮必须为红色

但是它们都使用相同的ACF按钮

有没有办法做到这一点，或者我需要在每个页面中创建单独的页面吗？

提前致谢。

Answer 1

WordPress将独特的类添加到每个页面/帖子的body元素中-这可以帮助您实现所需的内容。

首先检查页面的body元素-Page 1可能具有class page-1而Page 2可能具有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>