# 用户卡片模板还是小组件？

**URL:** <https://meta.discourse.org/t/user-card-template-or-widget/318657>\
**Category:** Development\
**Tags:** user-card\
**Created:** [2024年七月26日 16:36 UTC](https://meta.discourse.org/t/user-card-template-or-widget/318657 "2024-07-26T16:36:02Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)\
**Post date:** [2024年七月27日 04:47 UTC](https://meta.discourse.org/t/user-card-template-or-widget/318657/2 "2024-07-27T04:47:21Z")

</div>

有几个 #Customization > Theme component 可以修改 usercard 的内容

查看源代码可能会有所帮助。我自己也不太确定，因为我还在学习中。

> [@个人资料中的可点击社交图标链接](https://meta.discourse.org/t/clickable-social-icon-links-on-profile/158136/4):
>
> 请注意，消息按钮和背景也会随之移动。我通过此方法修正了所有问题，但确实需要条件性地应用这些样式。 #user-card.no-bg .card-content { margin-top: 0px; } .user-card-avatar .avatar-flair.rounded, .user-profile-avatar .avatar-flair.rounded { bottom: 19px; } #user-card .usercard-controls { margin-top: 0px !important; }

上面的内容会在 usercard 中添加社交链接。

---

_[View the full topic](https://meta.discourse.org/t/user-card-template-or-widget/318657)._