WordPress短代码与CSS实现当前用户显示名称样式化

---

本教程详细介绍了如何在wordpress中创建并优化一个短代码，用于显示当前登录用户的名称。通过将用户名称封装在带有特定css类的html ``标签中，并结合`is_user_logged_in()`函数确保仅对登录用户显示，从而实现对用户名称文本的灵活css样式控制。

在WordPress开发中，我们经常需要根据当前用户的状态显示个性化信息，例如欢迎语中包含用户的显示名称。为了实现这一功能，并能灵活地通过CSS进行样式控制，我们可以创建一个自定义的短代码。本教程将引导您完成短代码的创建、优化以及相应的CSS样式化过程。

创建与优化WordPress短代码

WordPress短代码提供了一种简洁的方式，让用户无需编写复杂的PHP代码即可在文章、页面或小工具中插入动态内容。为了显示当前登录用户的名称并使其可被CSS样式化，我们需要编写一个PHP函数，并将其注册为短代码。

以下是优化后的短代码PHP代码：

/**
 * 当前用户显示名称短代码。
 * 仅在用户登录时显示其显示名称，并封装在带有CSS类的span标签中。
 */
function get_current_user_display_name() {

    // 检查用户是否已登录。
    if ( is_user_logged_in() ) {
        // 获取当前用户对象。
        $user = wp_get_current_user();

        // 使用sprintf将显示名称封装在一个带有'user-display-name'类的span标签中。
        return sprintf( '<span class="user-display-name">%s</span>', esc_html( $user->display_name ) );
    }

    // 如果用户未登录，则不返回任何内容。
    return '';
}
// 注册短代码'current_user_display_name'，并将其与get_current_user_display_name函数关联。
add_shortcode( 'current_user_display_name', 'get_current_user_display_name' );

代码解析：

1. get_current_user_display_name() 函数： 这是短代码的核心功能函数。
2. is_user_logged_in()： 这是一个WordPress内置函数，用于判断当前访问者是否已登录。我们将其作为条件判断，确保只有登录用户才能看到其显示名称，从而增强了用户体验和安全性。
3. wp_get_current_user()： 如果用户已登录，此函数将返回一个包含当前用户所有信息的对象。
4. $user->display_name： 从用户对象中获取用户的显示名称。
5. esc_html()： 为了安全起见，对用户显示名称进行HTML实体编码，防止XSS攻击。
6. sprintf( '%s', ... )： 这是实现CSS样式化的关键。我们将用户的显示名称（%s占位符）封装在一个HTML 标签中，并为其指定一个CSS类 user-display-name。这样，我们就可以通过这个类来精准地控制用户名称的样式。
7. add_shortcode( 'current_user_display_name', 'get_current_user_display_name' )： 这行代码将我们的PHP函数注册为一个名为 current_user_display_name 的短代码。之后，您就可以在WordPress内容中使用 [current_user_display_name] 来调用此功能。

如何添加此代码：

将上述PHP代码添加到您的主题的 functions.php 文件中，或者创建一个自定义插件来管理此功能。推荐使用自定义插件，以便在更换主题时仍能保留此功能。

CSS样式化用户显示名称

一旦短代码被正确实现并输出了带有 user-display-name 类的 标签，我们就可以使用CSS来对其进行样式化。

Copymatic

Cowriter是一款AI写作工具，可以通过为你生成内容来帮助你加快写作速度和激发写作灵感。

149 查看详情

以下是一个CSS样式示例：

.user-display-name {
    color: #0073aa; /* 例如：WordPress蓝色 */
    font-family: 'Lato', sans-serif; /* 字体系列 */
    font-size: 18px; /* 字体大小 */
    font-weight: bold; /* 字体粗细 */
    text-transform: capitalize; /* 首字母大写 */
    padding: 2px 5px; /* 内边距 */
    background-color: #e6f5ff; /* 背景颜色 */
    border-radius: 3px; /* 圆角 */
}

如何添加此CSS：

您可以将这些CSS规则添加到以下位置：

• 主题的 style.css 文件： 这是最常见的做法，但请注意，如果更新主题，这些更改可能会被覆盖。
• WordPress自定义器（Customizer）的“额外CSS”区域： 这是一个安全且方便的位置，更改不会因主题更新而丢失。
• 使用自定义CSS插件： 许多插件提供了一个界面来添加自定义CSS，方便管理。

使用短代码

在您的WordPress文章、页面、文本小工具或任何支持短代码的地方，只需输入：

欢迎您，[current_user_display_name]！

如果用户已登录，他们将看到类似“欢迎您，Admin！”（其中“Admin”将根据您定义的CSS样式显示）的效果。如果用户未登录，则短代码不会输出任何内容，只显示“欢迎您，！”。

注意事项

• 安全性： 在输出用户数据时，始终使用 esc_html() 或其他适当的转义函数，以防止跨站脚本（XSS）攻击。
• 用户体验： 考虑用户未登录时短代码的行为。当前实现是静默不输出，这通常是可接受的。如果您需要为未登录用户显示不同的内容（例如“请登录”），则需要修改 if ( is_user_logged_in() ) 块的 else 部分。
• 代码位置： 将短代码逻辑放在 functions.php 或自定义插件中，而不是直接修改主题的核心文件，以确保代码的持久性和可维护性。
• CSS优先级： 确保您的CSS规则具有足够的特异性，以覆盖主题或插件可能定义的默认样式。

总结

通过本教程，您学会了如何创建一个功能完善且可样式化的WordPress短代码，用于显示当前登录用户的名称。关键在于将用户名称封装在带有特定CSS类的HTML元素中，并结合登录状态检查，确保了功能的健壮性和样式化的灵活性。这种方法不仅提升了网站的个性化程度，也为前端开发者提供了强大的控制能力。

以上就是WordPress短代码与CSS实现当前用户显示名称样式化的详细内容，更多请关注php中文网其它相关文章！

# php  # 并结合  # 就可以  # 这是一个  # 创建一个  # 欢迎您  # 您的  # 这是  # 装在  # 自定义  # html元素  # 前端开发  # 工具  # 编码  # wordpress  # php函数  # 前端  # html  # word  # css  # css样式  # 辽源seo方法  # 国建设网站是真的  # 恩施网站建设地址在哪里  # seo快速排名外推  # 关键词seo排名询问h火18星  # 浙江抖音seo怎样收费  # 淘宝SEO 老羚羊  # 价格低的seo哪里有  # 朝阳企业seo优化公司  # 新乡网站建设选哪家企业  # 怎么改 

相关栏目： 【 Google疑问12 】 【 Facebook疑问10 】 【 优化推广96088 】 【 技术知识133117 】 【 IDC资讯59369 】 【 网络运营7196 】 【 IT资讯61894 】

相关推荐： 《长生：天机降世》火塔小怪大全  OPPO手机参数配置如何开启护眼模式_OPPO手机参数配置护眼模式开启指南  掌握CSS :has() 选择器：父选择器、嵌套限制与常见陷阱解析  美发店速赢秘籍  谷歌浏览器怎么把网页翻译成中文_Chrome网页翻译功能使用方法  Sublime怎么格式化HTML代码_Sublime前端代码美化插件使用指南  todesk如何添加信任设备_todesk信任设备设置教程  《随手记》启用语音备注方法  OPPO A3 WiFi频繁断开怎么办 OPPO A3网络优化技巧  LocoySpider如何批量采集电商商品_LocoySpider电商采集的模板应用  微信步数怎么刷_微信步数快速提升技巧  Pandas中基于动态偏移量实现DataFrame列值位移的策略  Win11怎么录屏_Windows 11自带Xbox Game Bar录制视频  《大润发优鲜》充值方法介绍  如何查询个人病历记录  Win10如何查看已安装的更新补丁 Win10卸载指定更新教程【教程】  Win10如何彻底关闭OneDrive Win10禁用云同步功能【纯净】  《tt语音》超级玩家开通方法  猫眼电影app如何设置电影上映提醒_猫眼电影上映提醒设置教程  Win10通知横幅停留时间修改 Win10自定义通知显示时长【技巧】  解决Go encoding/json 将JSON大数字解析为浮点数的问题  Golang如何使用crypto/md5生成哈希_Golang MD5哈希生成方法  Yandex浏览器官方入口_Yandex搜索引擎中文版  稻壳阅读器官方直达网址链接 稻壳阅读器文档阅读平台主页资源入口  《U校园》学生登录入口2025  Linux如何优化系统启动流程_Linux启动项优化方案  京东快递物流信息不更新怎么办_物流停滞原因与处理方法  《地下城堡4：骑士与破碎编年史》墓穴挑战125攻略  海棠阅读网页版_进入海棠网页版在线阅读中心  PyEZ 配置提交中 RpcTimeoutError 的健壮性处理策略  外媒评《燕云十六声》DIY载具新玩法：很像《塞尔达传说王国之泪》！  mysql触发器如何编写_mysql触发器编写规范与代码示例讲解  《广发易淘金》国债逆回购操作教程  学习通网页版个人登录_学习通网页版个人账户登录入口  Django模型动态关联检查：高效管理复杂关系  更换小红书群背景怎么换?小红书群规则怎么设置？  火狐浏览器无法自动更新怎么办 手动更新火狐浏览器到最新版本【解决】  智慧团建活动报名入口 智慧团建活动报名入口手机端官网​  TikTok视频播放不流畅怎么办 TikTok视频播放优化方法  苹果手机如何清理系统缓存数据 iPhone非越狱清理垃圾文件的技巧【系统优化】  Win10截图远程协助 Win10远程桌面截屏法【场景应用】  Go语言反射机制：如何访问被嵌入结构体遮蔽的方法  快递物流路径揭秘  谷歌学术论文搜索引擎 谷歌学术官网入口论坛永久链接  mysql如何限制远程访问_mysql远程访问限制方法  Google Drive API服务器端访问指南：服务账户认证详解  如何在CSS中使用伪类:valid实现表单验证提示_结合:valid改变边框颜色  iPhone14无法连接蓝牙设备如何解决  抖音团长模式怎么做?团长模式是什么意思？  铁路12306官网入口 铁路12306中国铁路官网登录首页 

 2025-11-06