function display_links_with_avatar() {
$links = get_bookmarks(array('orderby'=>'name','order'=>'ASC'));
if(!$links) return '暂无友链,快去勾搭!
';
$out = '';
foreach($links as $link){
$img = $link->link_image ?: '';
if(!$img && !empty($link->link_notes)){
$email = sanitize_email($link->link_notes);
$img = get_avatar_url($email, 【'size'=>64】);
}
$out .= '';
$out .= '.esc_url($link->link_url).'" target="_blank">';
$out .= '
.esc_url($img).'" alt="'.esc_attr($link->link_name).'">';
$out .= '';
$out .= '';
$out .= '.esc_url($link->link_url).'" target="_blank" class="link-name">'.esc_html($link->link_name).'';
if(!empty($link->link_description)){
$out .= ''
.$link->link_description.'';
}
$out .= '';
}
$out .= '';
return $out;
}
add_shortcode('display_links', 'display_links_with_avatar');.custom-links{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
gap:20px;
}
.link-item{
display:flex;
align-items:center;
padding:12px;
border:1px solid #e5e5e5;
border-radius:8px;
transition:all .3s ease;
}
.link-item:hover{
transform:translateY(-3px);
box-shadow:0 4px 12px rgba(0,0,0,.1);
}
.link-item img{
width:50px;
height:50px;
border-radius:50%;
margin-right:12px;
}
.link-name{
font-size:16px;
font-weight:600;
color:#333;
text-decoration:none;
}
.link-description{
font-size:13px;
color:#666;
margin:4px 0 0;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}【display_links】 WordPress开启debug:开启开发者之眼
友情链接的“相亲角”变身指南
折腾Discuz编辑器,我的深夜“编程”喜剧
DB2数据库备份策略:归档日志与快照备份
如何优雅地移除WordPress顶部“呆毛”
五分钟建站:WordPress极速上线秘籍
帝国CMS架构优化与类头条生态构建
WordPress超链接创建全攻略:从基础到高级技巧
跨平台数据库链接:Oracle与MSSQL的DBLink实现方案
WordPress GoURL:链接跳转的智能解决方案
WordPress固定链接规则文件夹的深度解析
WordPress自定义链接地址:打造个性化网站路径
WordPress自定义关键词链接文章实现方案
WordPress网站底部链接添加全攻略
WordPress链接替换:提升网站性能与SEO优化
WordPress固定链接优化设置指南
WordPress用户链接管理与优化指南
WordPress伪静态ripro:优化网站链接结构的关键技巧
网页链接MSSQL数据库的实用指南