年底前研究了两个问题,一个是自由控制加载缩略图的方法,另一个是让作为背景图片的峰玩网LOGO具有链接功能。
第一个问题在9月22日的日记中已经有过研究,当时的思路是在模板中的源代码末尾处加入固定的LOGO图片,只加载而不显示,以此让分享时带出LOGO图标。思路没有问题,可以一劳永逸,但问题是不能随意控制要带出的图片,而是所有贴子全部一样,为了增加些自由度,忽然想到能不能在编写BLOG正文时,在HTML代码里把当时加在结尾处的代码转移至这里,不就能实现自由控制的效果了吗,于是着手研究,过程比较顺利,在每个新贴的首行增加代码如下:
<div style="margin: 0px auto; display: none" id="wx_pic"><img alt="" src="/blog/LOGO.jpg" /></div>
如果图片路径不改的话,就是默认显示黑底红字的LOGO图片,若要加入想要的图片,则需先将图片导入WP的私人相册,再把路径调整为该图片路径即可。
第二个问题稍微麻烦了一些,查了好多资料,也动手测试了不少方法,最后实现的方法如下所示:
<div style="position:relative; width:200px; height:80px; left:20px; top:30px; background:url(logo.png) no-repeat">
<!--20141222加入-->
<a href="http://www.fongplay.com" style="display:block; width:200px; height:80px; left:20px; top:30px; cursor:hand;" target="_blank"></a>
<!--20141222加入-->
</div>
在原“峰玩网”图片位置的div里加入了一段<a></a>,正是这一段<a></a>实现了所愿,同时在实现的当天以日期备注的方式加以注明,当天只加入到了/blog/THEMES/default/TEMPLATE/single.html里,今天把TEMPLATE文件夹下的所有框架文件全部加入了新的代码段,至此又完美了一步。