html创建作者信息,wordpress文章页添加作者信息

本文展示了如何在PHP中使用get_avatar函数获取Gravatar头像,并结合CSS样式来展示作者信息。提供的代码示例可以直接应用于Single.php页面,通过作者ID获取与电子邮件匹配的头像。同时,给出了CSS样式以美化作者描述部分,包括圆角边框、内边距和布局调整。读者可以根据自己的需求调整CSS样式。
摘要由CSDN通过智能技术生成

先来看一下效果:

0818b9ca8b590ca3270a3433284dd417.png

首先是PHP代码,直接贴到Single.php页面需要地方就行,代码如下:

有很多种方法可以获取作者头像,这里我们用的是Gravatar头像。上面的代码将获取与作者email匹配的头像。

接着是CSS样式,直接贴到Style.css页面即可,代码如下:

/*----------------------------------------------------

文章底部关于作者的描述

------------------------------------------------------*/

#copyright{

-moz-border-radius:3px;

-webkit-border-radius:3px;

border-radius:3px;

margin-top:10px;

padding:20px 20px 12px 20px;

border:1px solid #dddddd;

border-radius: 8px 8px 8px 8px;

padding-bottom: 50px;

}

#copyright img{

display:inline-block;

border:1px solid #dcdcdc;

border-radius: 4px 4px 4px 4px;

padding:2px;

}

#copyright .neirong{margin-left:100px;margin-top:-90px;margin-bottom:1px;}

#copyright p {margin:5px 0;line-height:20px;}

如果自己需要其他的样式可以自己调整

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值