我有一个通过ACF构建的团队页面。我有5个成员,每个成员都包含一个"查看个人资料"按钮。
如何使用ACF为每个按钮指定不同的颜色代码?
<button style="width:25%; float:right;"><a href="#">View Profile</a>.</button>
答案 0 :(得分:0)
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>
,以便为它提供更好的样式,具体取决于您正在使用的主题。