转自:http://motian.org/post/wordpressshouyetuwenhunpai-21.html
图文混排效果就像CnBeta和月光博客的首页的效果,首页以摘要显示(WordPress中的excerpt标签只显示摘要内容)。
首先,给图片做一个样式CSS,如下所示:
.thumb {
float: right;
margin: 4px 4px 4px 4px;
padding: 0px;
border: 0px;
padding: 0px;
max-width: 145px;
max-height:85px;
overflow:hidden;
clear:both;
}
并将此段CSS插入到主题的style.css中。
然后,进入”控制面板“->‘’编辑”,找到index.php 搜索<?php the_excerpt() ?>或<?php the_content() ?>,用如下代码:
<table>
<tr>
<td width=”555″><?php the_excerpt() ?></td>
<td width=”143″ ><?php $posttags = get_the_tags();
if ($posttags) {
foreach($posttags as $tag) {
echo ‘<a href=”http://www.dpxzg.com/tag/’ . $tag->slug . ‘” target=”_blank”> <img src=”http://www.dpxzg.com/cndeke/topics/’ . $tag->slug . ‘.gif”
alt=”‘ . $tag->name . ‘”/></a>’;
}
}
?>
</td>
</tr>
</table>
将其覆盖。这样就可以了。当然,自己需要建一个文件夹存放图片。图片名必须与标签的别名一一对应
也可以把分类模版(category.php)、搜索模版(search.php)、标签面板(tag.php)、文章索引面板(archive.php)的<?php the_excerpt() ?>或<?php the_content() ?>覆盖,使其同样显示首页的效果!
注意:1,表格的宽度示自己的主题进行修改。555:为摘要的宽度、143:图片的宽度
2,将http://www.dpxzg.com/tag/换成自己的标签地址,这个地址与固定链接的方式有关,在修改时可以点击一个标签看一下地址格式,$tag->slug :表示该篇文章标签的别名,所以建议大家别名使用英文, 并 且 要唯一。
3,http://www.dpxzg.com/cndeke/topics/ 存放图片的文件夹 ,. $tag->slug . ‘.gif” 这个我就不重复了。
4,总感觉方法比较笨,但是效果出来了。自己刚刚入手WordPress,对它还不是太了解。我希望看到该篇日志的同志可以修改下:比如 :不使用表格,改用层DIV 。 链接地址使用WordPress标签
声明:本网站内容多为原创, 转载请注明来自:地平线之光
评论