说实话,有时候写文章的时候,为了找到一幅与文章内容有关的图片,浪费了不少时间,当时为了解决这个问题,就引入了随机主图,首先是为了说文章中有配图对SEO有好处,然后个人原因是为了首页上的一致性,就是有的文章有图/没图,总感觉怪怪的。
于是今天,突然把图片给去掉,首页没有主图的文章也是可以看的过去,还加快的了首屏时间呢(带宽小,没办法),于是就可以搞动代码了,足足搞了两个小时多,原本以为就几分钟能搞定了,结果发现自己太菜了。
出现该问题的原因,是不熟悉PHP和HTML的混合写法,总是以为是这样,结果文档实际上却不是这样,所以必须记录下。
主要是增加了if的判断语句,然后就遇到了坑。
//第一种if判断语句的写法(遇到的坑是【{】【<?php】和【?>】【}】中间要有个空格) <?php if ( ygj_thumbnail(270,180,true)) { ?> <figure class="thumbnail"> <?php ygj_thumbnail(270,180);?> </figure> <?php } ?> //第二种if判断语句的写法(不好看懂) <?php if ( ygj_thumbnail(270,180,true)) : ?> <figure class="thumbnail"> <?php ygj_thumbnail(270,180);?> </figure> <?php endif; ?>
顺带把之前遗留的,代码缩进问题给解决了,竟然是CSS的white-space: normal,改成white-space: pre-wrap;这样桌面和手机端都可以看到优美的代码了,舒服。