我有一个通过 ACF 构建的团队页面。我有 5 个成员,每个成员都包含一个“查看个人资料”按钮。
如何使用 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>
内,但我猜你这样做是因为某些样式。可能有一个按钮类可以应用于 <a>
根据您使用的主题,给它一些更好的样式。
关于css - 高级自定义字段 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45084626/