空の領域

又一个坑爹的神站 大人說:要清爽 要低調

0%

Wordpress内页添加作者描述代码

今天早上突然想到,要给个简单的介绍(^U^)ノ~情侣模板什么的就算了(*正身*基友关系)写完这篇就不看代码了(真的,严肃!)

于是找了一下关于作者介绍的函数,还真有好多……

简单的没有添加作者头像的原因是:1、大家都没头像 2、基友更没头像 = =||||

于是,这是度受到的代码:

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;

}

single.php中在合适的位置添加:

About

这里调用了头像,About xxx作者 以及作者的描述。CSS中width:500px限制了边框宽度,如果不需要这个限制直接删除,如果不需要调用,直接删除相应代码就行了


accordium的话,如果你需要和我一样的效果,可以自己直接拿走了:

CSS:

#authorarea{

background: #F7F7F7;

border: 1px solid #d2d2d2;

padding: 10px;

overflow:hidden;

color: #333;

margin:15px;

}

#authorarea {

font-size: 14px;

color:#333;

margin:0;

padding:5px 5px 5px 5px;

}

#authorarea a{

text-decoration:none;

color: #333;

font-weight: bold;

}

#authorarea img{

margin:0;

padding:10px;

float:left;

border: 1px solid #ddd;

width: 0px;

height: 0px;

}

#authorarea p{

color:#333;

margin:0;

padding:0px 10px 10px 10px;

}

#authorarea p a{

color:#333;

}

.authorinfo{

padding-left:50px;

}

这里在Single.php中找到:

‘.__(‘Tags: ‘, ‘pk_text_domain_front’), ‘ . ‘); ?><span class=“pk_meta_divider”>|

在其后添加

About

添加一个空白的

是为了还能看到那条线<(  ̄^ ̄)

配色表可以使用:http://www.wahart.com.hk/rgb.htm

或者小天当年扒的http://xsky.me/?p=1995

调用其他函数:http://xsky.me/?p=3845

(* ̄▽ ̄)y

欢迎关注我的其它发布渠道