wp添加文章形式方法

  • A+
所属分类:技巧工具

在wordpress主题中添加文章形式很简单,只需三步:
第一步,在functions.php文件中添加激活代码。比如:
[newcode title=标题]add_theme_support( ’post-formats’, array( ’aside’, ’gallery’ ) );[/newcode]
这就添加了状态和相册形式。
第二步,在index.php文件中插入判断代码。以aside为例,代码如下:
[newcode title=标题]

id="post-">

wp添加文章形式方法


post_content)), 0, 330,"..."); ?>

[/newcode]
第三步,添加css文件,限定不同的文章形式显示不同的效果。我用到的如下:
[newcode title=标题].shuoshuo .thisme .avatar {
position:absolute;
top:10px;
left:10px;
}

.shuoshuo .thisme .avatar:hover {
-webkit-transform:rotate(30deg) scale(1.1);
-moz-transform:rotate(30deg) scale(1.1);
-o-transform:rotate(30deg) scale(1.1);
}

.thisme img {
width:54px;
height:54px;
max-width:100%;
max-height:100%;
box-shadow:0 1px 5px rgba(0,0,0,0.3);
-webkit-border-radius:50px;
-moz-border-radius:30px;
border-radius:30px;
}

.shuoshuo .woshuo {
text-indent:12px;
max-width:450px;
float:left;
background:#fff;
display:block;
border-radius:15px 10px 10px 10px;
-webkit-border-radius:15px 10px 10px 10px;
-moz-border-radius:10px;
box-shadow:4px 4px 4px #999;
padding:15px 20px;
}[/newcode]

avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: