用户登录
还没有账号?立即注册
用户注册
点击换图
投稿取消
文章分类:
还能输入300字

上传中....

在WordPress文章后添加作者简介

时间:2023-03-30 作者: 来源:顿格文库

很多博客在每篇文章的下方都附有一个对作者的简短介绍。 在WordPress多用户博客中这逐渐成为一种趋势。 这里我们就来介绍下怎样在不使用插件的情况下,让文章的结尾部分中出现作者的简介。

首先打开主题文件夹中的style.css文件,添加以下代码:

#authorarea{

background: #f0f0f0;

border:

1px solid #d2d2d2;

padding:

10px;

width:

500px;

overflow:hidden;

color: #333;

}

#authorarea h3{

font-size:

18px;

color:

#333;

margin:

0;

padding:

10px 10px 5px 10px;

}

#authorarea h3 a{

text-decoration:none;

color: #333;

font-weight: bold;

}

#authorarea img{

margin:

0;

padding:

10px;

float:left;

border:

1px solid #ddd;

width:

100px;

height:

100px;

}

#authorarea p{

color:

#333;

margin:

0;

padding:

0px 10px 10px 10px;

}

#authorarea p a{

color:

#333;

}

.authorinfo{

padding-left:

120px;

}

注意: 可能需要修改css文件使之匹配你的主题格式。

代码添加完毕后,打开single.php文件,在loop中添加以下代码:

<div id="authorarea">

<?php if (function_exists('get_avatar')) { echo get_avatar( get_the_author_email(), '100' ); }?>

<div class="authorinfo">

<h3>About <?php the_author_posts_link(); ?></h3>

<p><?php the_author_description(); ?></p>

</div>

</div>

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

如果希望建立一个独立的作者介绍页面,请参考如何在 WorPress中添加自定义的个人信息页面。

来源:How to Add an Author Info Box in WordPress Posts


『①文★章来自顿格文库,未经同意不得转载!』

热门关键词