此作者简介框 CSS 代码通过提供更多作者背景信息并鼓励读者阅读更多文章来提升读者参与度。
PHP 代码
// ---------------------------------------------------------- // // Snippflow 作者简介框 // // ---------------------------------------------------------- // function sf_author_box() { if (is_single()) { $author_id = get_the_author_meta('ID'); $author_name = get_the_author_meta('display_name'); $author_bio = get_the_author_meta('description'); $author_posts_url = get_author_posts_url($author_id); $author_avatar = get_avatar_url($author_id, array('size' => 96)); $output = '<div class="sf-author-bio"> <div class="author-avatar">'.get_avatar($author_id, 96).'</div> <div class="desc-wrapper"> <h3 id="author-name">'.$author_name.'</h3> <p>'.$author_bio.'</p> <a href="'.$author_posts_url.'">查看更多文章</a> </div> </div>'; echo $output; } } add_action('wp_footer', 'sf_author_box'); // CSS 代码 (可添加到主题的 style.css 或自定义 CSS 文件中) /* ---------------------------------------------------------- */ /* Snippflow 作者简介框 */ /* ---------------------------------------------------------- */ .sf-author-bio { display: flex; align-items: center; gap: 20px; border-top: 1px solid rgba(0,0,0,.1); padding-top: 30px; margin-top: 30px; } .sf-author-bio .author-avatar { display: inline-flex; flex-shrink: 0; width: 80px; height: 80px; line-height: 0; border-radius: 100%; } .sf-author-bio .desc-wrapper > * { margin: 0 0 10px 0; } .sf-author-bio .desc-wrapper > *:last-child { margin-bottom: 0; } .sf-author-bio .desc-wrapper h3, .sf-author-bio .desc-wrapper p, .sf-author-bio .desc-wrapper a { font-size: 0.9rem; } @media only screen and (max-width: 767px) { .sf-author-bio { flex-direction: column; text-align: center; } }
这段代码添加了一个作者简介框,包含作者头像、姓名、简介和查看更多文章的链接。 CSS 代码确保了在不同屏幕尺寸下的最佳显示效果。 记得将代码添加到你的 WordPress 主题的 functions.php
文件中,并根据需要调整 CSS 样式。
以上是在 WordPress 中创作 Bio Box CSS的详细内容。更多信息请关注PHP中文网其他相关文章!

长URL(通常用关键字和跟踪参数都混乱)可以阻止访问者。 URL缩短脚本提供了解决方案,创建了简洁的链接,非常适合社交媒体和其他平台。 这些脚本对于单个网站很有价值

Laravel使用其直观的闪存方法简化了处理临时会话数据。这非常适合在您的应用程序中显示简短的消息,警报或通知。 默认情况下,数据仅针对后续请求: $请求 -

Laravel 提供简洁的 HTTP 响应模拟语法,简化了 HTTP 交互测试。这种方法显着减少了代码冗余,同时使您的测试模拟更直观。 基本实现提供了多种响应类型快捷方式: use Illuminate\Support\Facades\Http; Http::fake([ 'google.com' => 'Hello World', 'github.com' => ['foo' => 'bar'], 'forge.laravel.com' =>

这是有关用Laravel后端构建React应用程序的系列的第二个也是最后一部分。在该系列的第一部分中,我们使用Laravel为基本的产品上市应用程序创建了一个RESTFUL API。在本教程中,我们将成为开发人员

PHP客户端URL(curl)扩展是开发人员的强大工具,可以与远程服务器和REST API无缝交互。通过利用Libcurl(备受尊敬的多协议文件传输库),PHP curl促进了有效的执行

您是否想为客户最紧迫的问题提供实时的即时解决方案? 实时聊天使您可以与客户进行实时对话,并立即解决他们的问题。它允许您为您的自定义提供更快的服务

2025年的PHP景观调查调查了当前的PHP发展趋势。 它探讨了框架用法,部署方法和挑战,旨在为开发人员和企业提供见解。 该调查预计现代PHP Versio的增长

在本文中,我们将在Laravel Web框架中探索通知系统。 Laravel中的通知系统使您可以通过不同渠道向用户发送通知。今天,我们将讨论您如何发送通知OV


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

Dreamweaver CS6
视觉化网页开发工具

禅工作室 13.0.1
功能强大的PHP集成开发环境

EditPlus 中文破解版
体积小,语法高亮,不支持代码提示功能

SublimeText3 英文版
推荐:为Win版本,支持代码提示!

ZendStudio 13.5.1 Mac
功能强大的PHP集成开发环境