修改 Lovephoto 主题标准发文样式

/ 2,331 阅读 / 0

今天和朋友聊天,说到了 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


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

我想看实例样子