修改lovephoto标准发文样式

2014-07-18 8:29

修改lovephoto标准发文样式 | 设计 代码 wordpress主题 wordpress  | zatime.com

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

 

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

 

好了,开始动手!

 

 

 

首先找到标准发文样式的php文件

也就是这个:  content.php  

文件位置在  ../themes/Lovephoto/   下。

找到文件内的如下代码(里面代码很少的!)

替换为

代码中的末尾, 0,94,”…” 这里的94,就是显示字数的多少,大家可以自己尝试调整。

修改完以后记得保存。

 

 

 

接下来那就是修改 CSS 啦!
在这个路径下  /Lovephoto/assets/styles/  找到  index.css  这个文件。

打开并查找下面的这段代码

替换为

这里面我只是调整了一下  height:60px;  这个是文字显示区域的高度,和  padding-top: 10px;  内边距的高度,大家自己尝试调整。

 

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

 

 

修改lovephoto标准发文样式 | 设计 代码 wordpress主题 wordpress  | zatime.com

 

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

要看真正的示例,首页上就是~


网友评论77条

  1. 佐兮尘  − 2014-07-18 8:29 回复TA

    请问,不显示缩略图是什么情况?

  2. 医疗营销网  − 2014-07-18 8:29 回复TA

    楼主 怎么设置成默认选中图片样式呢 可以教我一下吗

  3. thex  − 2014-07-18 8:29 回复TA

    是卡了不是口吃

  4. 猫惑  − 2014-07-18 8:29 回复TA

    站长,我想问一下,这个主题的按钮颜色(比如切换布局的那个按钮)在哪里改,我嗅探不到,

    • 杂时代 zatime.com  − 2014-07-18 8:29 回复TA

      .main-nav-right a.selected { background-color: #ff7e00;}

      • tehx  − 2014-07-18 8:29 回复TA

        是在那个文件里呢?

      • thex  − 2014-07-18 8:29 回复TA

        是在哪个文件里呢

      • thex  − 2014-07-18 8:29 回复TA

        是在哪个文件里呢

      • ttxx  − 2014-07-18 8:29 回复TA

        博主,请问在哪个文件修改这个主题导航栏菜单按钮的颜色呢?

  5. 起重机  − 2014-07-18 8:29 回复TA

    都是高手

  6. 德马格起重机  − 2014-07-18 8:29 回复TA

    哎呀都是高手呀

  7. 福利秀  − 2014-07-18 8:29 回复TA

    不能实现啦,按照你这个修改依然不能显示图片,必须要设置特色图片才可以,效果不理想

    • 杂时代 zatime.com  − 2014-07-18 8:29 回复TA

      我这个修改调用的还是特色图片,只不过把标准发文样式里面添加调用特色图片罢了。

      • 福利秀  − 2014-07-18 8:29 回复TA

        能不能实现略缩图调用第一张图片呢 不管图片是不是外链 都调用第一张图片 有看了image_thumbnail()函数 貌似作者的初衷就是这个,但是没有达到这个效果。第一张如果是外链图片,不会显示略缩图。如果是自己上传的图片,也会先截取图片。

        • 杂时代 zatime.com  − 2014-07-18 8:29 回复TA

          mufeng的这个主题标准发文样式是不调用第一张图片的,只有图片发文样式才有,你可以把这个弄能移至到标准发文样式,具体代码要尝试操作,不过你可以参考本文的第一段,将<?php image_thumbnail(); ?>添加到标准发文样式里看看,css还原原主题的。

          • 福利秀  − 2014-07-18 8:29

            貌似我提的 和您回答的是2回事哦~

          • 杂时代 zatime.com  − 2014-07-18 8:29

            图片发文方式,是带有调用第一张图片的功能的。标准发文的就没有这个功能,你可以还原主题,尝试外链图片,图片发文格式,发一篇文章看看

          • 福利秀  − 2014-07-18 8:29

            还有比较优秀的 瀑布流主题吗? 看你得网站弄得挺漂亮的的,但是没有时间每篇文章都做一个略缩图的打算放弃了

  8.  − 2014-07-18 8:29 回复TA

    最近访客是如何做的,我想做个读者墙

    • 杂时代 zatime.com  − 2014-07-18 8:29 回复TA

      主题小工具自带

      •  − 2014-07-18 8:29 回复TA

        嗯,找到了,谢谢。有的客户不显示头像,这个怎么弄呢。我的个人中心也没头像

        • 杂时代 zatime.com  − 2014-07-18 8:29 回复TA

          头像问题我也没有解决,不过你可以百度或者谷歌一下关键字“lovephoto 头像”,里面会有你需要的解决方法。

  9. Muuker  − 2014-07-18 8:29 回复TA

    请教博主一下,首页列表默认一页是10篇文章,在那个文件可以修改这个呢?

    • 杂时代 zatime.com  − 2014-07-18 8:29 回复TA

      后台->设置->阅读->博客页面至多显示那里填写你要显示的博文数量

      • Muuker  − 2014-07-18 8:29 回复TA

        丑大了,还一直在模板里找,呵呵。谢谢

  10. 欧仕清  − 2014-07-18 8:29 回复TA

    请教博主一下,要实现在文章标题或者分类目录与博客标题(如贵站的”杂时代”)之间加一个横杠,该如何修改呢?默认的是没有横杠的,博客标题直接就加在了文章标题后面,看上去很不美观。

    • 杂时代 zatime.com  − 2014-07-18 8:29 回复TA

      我一下子没有理解完全,如果说是顶部导航这里:我方法是用图片,然后修改一下logo位置的css 大小尺寸便可。

      • 欧仕清  − 2014-07-18 8:29 回复TA

        例如现在这篇文章:修改lovephoto标准发文样式 – 杂时代,文章标题与博客标题(杂时代)之间有一个小横杠,但是主题默认的是没有横杠的,像这样:修改lovephoto标准发文样式杂时代。中间这个横岗,你是怎么修改主题得来的呢?

        • 杂时代 zatime.com  − 2014-07-18 8:29 回复TA

          终于明白你的意思了,我没有对主题进行修改,后台->主题->自定义->站点标题,里面填写“杂时代”也就搞定了

  11. 文艺青年泡泡鱼  − 2014-07-18 8:29 回复TA

    登录界面CSS完全错位,求指导

    • 杂时代 zatime.com  − 2014-07-18 8:29 回复TA

      你可以尝试一下http://zatime.com/solve_lovephoto2_0_1_theme_on_wordpress3_9_yi_shang_cuo_wei.html这里的方法,我本地测试环境下倒是没有错位了。

  12. 易指月  − 2014-07-18 8:29 回复TA

    给你个赞,都会自己改了

  13. 福利盒子  − 2014-07-18 8:29 回复TA

    老大~能留个即时的联络工具吗?有问题请教~~~~

  14. 福利盒子  − 2014-07-18 8:29 回复TA

    好了呢~~~~谢谢老大

  15. 福利盒子  − 2014-07-18 8:29 回复TA

    只改content-video.php?

    • 杂时代 zatime.com  − 2014-07-18 8:29 回复TA

      是的,改好以后发文试试看!记得添加特色图片或者文内放一张图片

  16. 福利盒子  − 2014-07-18 8:29 回复TA

    还是两个都改?

  17. 福利盒子  − 2014-07-18 8:29 回复TA

    authors-video.php?这个不改?

  18. 福利盒子  − 2014-07-18 8:29 回复TA

    老大是将<?php image_thumbnail();?>替换成<?php video_thumbnail(); ?>吧? 你好像说反了~~~

  19. 福利盒子  − 2014-07-18 8:29 回复TA

    老大~~~形式里 标准,和图片都没问题,可是换成视频的话,特色图就不显示了,~求指导~~~~~~qq670609873

    • 杂时代 zatime.com  − 2014-07-18 8:29 回复TA

      呵呵,视频发文格式的特色图片调用我没有去做,不过应该是同理可证的。

      • 福利盒子  − 2014-07-18 8:29 回复TA

        老大,能研究下吗?帮帮我吧~~~~我是在搞不了了~~~付费也可以哦~~~

        • 杂时代 zatime.com  − 2014-07-18 8:29 回复TA

          我也是小白,在摸索中修改这个主题,现在被phzoom搞得头大…… 有空我折腾了看看

          • 福利盒子  − 2014-07-18 8:29

            老大~~~一定帮我搞搞啊~~~~谢谢哦,急用哦~~~实在不行的话,我付费您帮我看看~~~

          • 福利盒子  − 2014-07-18 8:29

            嗯嗯,我试试,

  20. 福利盒子  − 2014-07-18 8:29 回复TA

    老大~~~形式里 标准,和图片都没问题,可是换成视频的话,特色图就不显示了,~求指导~~~~~~qq670609873

  21. 苏城  − 2014-07-18 8:29 回复TA

    <?php if ( has_post_thumbnail() ) { ?><?php image_thumbnail(); ?><?php echo mb_strimwidth(strip_tags($post->post_content), 0, 94,”…”);?><?php } else {?><?php echo mb_strimwidth( $post->post_title, 0,25,”…”);?><?php } ?>还有一个问题,文章没有文字。只有图片 会显示一段空白。

    • 杂时代 zatime.com  − 2014-07-18 8:29 回复TA

      如果你想显示文章文字,就选择标准发文格式,如果你只想显示图片,那就选择图片发文格式~哈哈

  22. 苏城  − 2014-07-18 8:29 回复TA

    没篇文章都要弄特色图片,不弄不然就没法点击了。如何判断文章是否设置了特色图片?

    • 杂时代 zatime.com  − 2014-07-18 8:29 回复TA

      这个主题已经自带判断文内是否有图片了!文内没有图片时才调用特色图片的,如果文内有图片,默认选择第一张图片作为封面图

      • 苏城  − 2014-07-18 8:29 回复TA

        侧边栏那个“相关文章”,它应该是先判断特色图片》文章内图片》默认图。结果直接判断文章内图片.改不来的说

  23. 杂时代 zatime.com  − 2014-07-18 8:29 回复TA

    文章数修改是在wordpress后台,设置->阅读->博客页面至多显示哪里填写你要显示多少篇文章。另外我想问一下,你说的图片首页是指幻灯片位置,还是博文缩略图?

    • 糗事百科成人版糗妹妹  − 2014-07-18 8:29 回复TA

      好的谢谢,那个是指博文缩略图。博文里面用的是外部链接的图片的时候。就不会自动生成图片。首页就没显示图片了

      • 杂时代 zatime.com  − 2014-07-18 8:29 回复TA

        这个主题是自带调用文内第一张图片做缩略图的,不会出现你说的没有缩略图的情况,除非就是你在发文的时候没有选对发文形式,如果要在博文列表里面有缩略图显示就要选择发文形式为:图片。我采用的方法是:设置特色图片,然后选择发文形式为图片形式。特色图片可以作为缩略图显示,而且尺寸也不大,占不了多少空间的。

  24. 糗事百科成人版糗妹妹  − 2014-07-18 8:29 回复TA

    为什么放站外的图片首页就没显示了呢?可以再修改下么?

    • 杂时代 zatime.com  − 2014-07-18 8:29 回复TA

      ??站外图片?你说的是外链图片?

      • 糗事百科成人版糗妹妹  − 2014-07-18 8:29 回复TA

        是的他好像是要生成图片的。好像改起来就麻烦了。。对了。还有个问题。你知道在哪里改首页显示文章数么?我想调多点~

  25. 松紧带厂  − 2014-07-18 8:29 回复TA

    说实话,看不懂啦

  26. 雨点  − 2014-07-18 8:29 回复TA

    现在这个感觉不错

  27. 火焰山  − 2014-07-18 8:29 回复TA

    先弄来试试!

  28. Aioria  − 2014-07-18 8:29 回复TA

    抢沙发~

    • ゝsmile ²º¹⁴  − 2014-07-18 8:29 回复TA

      …这个沙发我来坐才行啊··感谢乌鸦大神的修改!要经常来逛逛学习学习才行啊!