修改 Lovephoto 主题标准发文样式

今天和朋友聊天，说到了 mufeng 的 lovephoto 主题标准发文样式没有特色图片，即便后台发文时添加了也不会显示，想了想就折腾了一下 mufeng 的主题的标准发文样式。

Lovephoto2.0.1 这个主题标准发文样式是不调用特色图片的，所以考虑了一下以后想尝试修改这个主题的标准发文样式。
好了，开始动手！

首先找到标准发文样式的 php 文件，也就是这个：content.php，文件位置在 ../themes/Lovephoto/ 下。找到文件内的如下代码（里面代码很少的！）

<h2 class="textTitle">
    <a href="<?php the_permalink(); ?>" title="<?php the_title();?>" target="_blank">
        <?php echo mb_strimwidth(  $post->post_title, 0,25,"...");?>
    </a>
</h2>
<p class="text">
    <?php echo mb_strimwidth(strip_tags($post->post_content), 0, 200,"...");?>
</p>

替换为

<?php image_thumbnail(); ?>
<p class="text">
    <?php echo mb_strimwidth(strip_tags($post->post_content), 0, 94,"...");?>
</p>

接下来修改 CSS，在 /Lovephoto/assets/styles/ 这个路径下找到 index.css 这个文件，打开并查找下面的这段代码：

p.text {
    height:132px;
    font-size:12px;
    font-family:'doublevregular',"Microsoft YaHei","Trebuchet MS",Verdana,Tahoma,Arial,sans-serif;
    color:#888;
}

替换为

p.text {
    height:60px;
    font-size:12px;
    font-family:'doublevregular',"Microsoft YaHei","Trebuchet MS",Verdana,Tahoma,Arial,sans-serif;
    color:#888;
    padding-top: 10px;
}

这里面我只是调整了一下 height:60px; 这个是文字显示区域的高度，和 padding-top: 10px; 内边距的高度，大家可以尝试调整为自己看着舒服的感觉。

然后就是把修改的这两个文件上传回去，它俩原来在哪就放回哪。

fwxs2

上述教程也就只是我这个代码小白随便折腾下来的结果，也许里面会有一些不完善的地方，还请大家见谅。

我想看实例样子

修改 Lovephoto 主题标准发文样式

404

Not Found