转自: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标签