css - 高级自定义字段 CSS

Question

我有一个通过 ACF 构建的团队页面。我有 5 个成员，每个成员都包含一个“查看个人资料”按钮。

如何使用 ACF 为每个按钮分配不同的颜色代码？

 <button style="width:25%; float:right;"><a href="#">View Profile</a>.</button>

Answer 1

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> 内，但我猜你这样做是因为某些样式。可能有一个按钮类可以应用于 <a>根据您使用的主题，给它一些更好的样式。