今天和朋友聊天,说到了 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;
内边距的高度,大家可以尝试调整为自己看着舒服的感觉。
然后就是把修改的这两个文件上传回去,它俩原来在哪就放回哪。
上述教程也就只是我这个代码小白随便折腾下来的结果,也许里面会有一些不完善的地方,还请大家见谅。