高级自定义字段 CSS
Advanced Custom Fields CSS
我有一个通过 ACF 构建的团队页面。我有 5 个成员，每个成员都包含一个 "View Profile" 按钮。
如何使用 ACF 为每个按钮分配不同的颜色代码？
<button style="width:25%; float:right;"><a href="#">View Profile</a>.</button>
ACF 插件有一个颜色选择器字段选项，您可以将其包含在团队成员字段组中：https://www.advancedcustomfields.com/resources/color-picker/
因此您可以在模板中执行如下操作：
<a href="#" style="width:25%; float:right; background-color:<?php the_field('button_color'); ?>">View Profile</a>
请注意，为了清楚起见，我删除了您的按钮包装。您可能真的不想将 <a> 包裹在 <button> 中，但我猜您这样做是因为某些样式。可能有一个按钮 class 可以应用于 <a> 以赋予它一些更好的样式，具体取决于您使用的主题。
我有一个通过 ACF 构建的团队页面。我有 5 个成员，每个成员都包含一个 "View Profile" 按钮。
如何使用 ACF 为每个按钮分配不同的颜色代码？
<button style="width:25%; float:right;"><a href="#">View Profile</a>.</button>
ACF 插件有一个颜色选择器字段选项，您可以将其包含在团队成员字段组中：https://www.advancedcustomfields.com/resources/color-picker/
因此您可以在模板中执行如下操作：
<a href="#" style="width:25%; float:right; background-color:<?php the_field('button_color'); ?>">View Profile</a>
请注意，为了清楚起见，我删除了您的按钮包装。您可能真的不想将 <a> 包裹在 <button> 中，但我猜您这样做是因为某些样式。可能有一个按钮 class 可以应用于 <a> 以赋予它一些更好的样式，具体取决于您使用的主题。