太不容易了!代码小白体验了一把攻城狮攻克技术难点的嗨点!真的大半天快要盯瞎屏幕,毫无头绪、焦虑和失望差点绝望放弃的负面情绪都烟消云散了!记录下摸着石头打怪的过程和感觉。

昨天换了模板之后,用css调了些细节,基本达到了自己想要的排版设计。在这过程中发现了一款全局搜索神器notepad++,于是赶紧写了篇小博客记录了下来。再于是,发现了这样的情况——博客归类中的缩略图明显和之前的不一样。

之后又发现Previous & Next posts的缩略图也不一样,明显变小了。

当时第一想到的就是用css调整尺寸,但是归类页缩略图调对后,单个博客特色图像尺寸又变了,Previous & Next posts的缩略图也变得异常模糊,总之各种问题层出不穷,折腾了大半天依然没有改成功。

这样一来,单纯调整css是不可能达到效果的,只能通过修改代码来解决。这意味着我要为此牺牲我几个可爱的脑细胞了,但是冥冥之中有种信念坚定着我,一定能够实现的。

part1

现实问题就是代码在哪里,怎么修改?php不像单个div文件,光那些“??”各种穿插调用就把我弄懵了,毫无头绪,可是这时候!昨天学会的notepad++神器大显身手了!

我用notepad++ 在fasto主题文件里搜索 “thumbnails” (缩略图),找到唯一代码值,本以为是一根救命稻草,没想到这根不是稻草,只是一根棉絮,虚无缥缈的希望,根本找不到能直接修改行之有效的东西。

倒是看到了一些奇奇怪怪的跟“thumb”相关的代码,数学里学过的if函数,直觉告诉我这段代码有戏。

于是请教专业人士…

脑回路的神转折来了~突然有了思路!!那也就是说现在的情况可能是:fasto_blog_layout/=grid-1,所以返回的是fasto-grid!那么我只要修改这个值就好了!

于是百度搜索如何修改缩略图尺寸,某篇教程提到将赋值改为full即可实现原图尺寸。于是抱着试试看的心理把fasto-grid改成full,更新文件,刷新页面。神奇的事情发生了!归档页的缩略图调整成功!!

开心但,Previous & Next posts的缩略图还是倔强地不变,于是有了第二趴。

part2

凭运气修改好了第一趴,有了点信心,继续各种研究第二趴,能想到的就是去找到代码的位置,终究没有实力。快要放弃的时候,脑海中有个声音告诉我,不管怎么样,先找到这个缩略图的唯一值,于是F12我找到了110*83的图片尺寸值,对应的是110*83的图片文件,很显然,这不是我上传的图片尺寸,也不是wp默认的图片尺寸,而是fasto主题设置的缩略图尺寸,从这里找突破应该有戏~

鉴于前面看了挺多代码,我意识到php里赋值像素的写法一般是110, 83,认定了这是一个唯一值,我用notepad++进行了搜索:

得到以下唯一结果:

继续在代码中找到这些,按字面意思都能猜到这是给图片赋像素值的函数,110, 83赋值给了“fasto-widget”,那么也就是说Previous & Next posts缩略图的像素是“fasto-widget”控制的!

这样我只要找到了“fasto-widget”所在的几个位置不就行了?!继续用notepad++在模板中搜索,4个结果如下。前面两个查看后排除,正好在后两个的附近查看到prev和next字样,这不正是我苦苦寻找的Previous & Next posts缩略图吗?!

最艰难的过程已经完成了!接下来简单了!分别把previous post 和 next posts修改好~

最后终于看到了可爱完整的Previous & Next posts缩略图!奉上~~多么和谐优美~~

最后,fasto主题给图片赋值的几个缩略图尺寸,因为用不到就强迫自己把它们删啦。

总结

  • 思路很重要。上午一头雾水,下午直到14:40分请教完专业人士后才有丝丝头绪,之前就像一只被困在窗户里的燕子,虽然心向广阔和蓝天,但是对于门外汉,一个函数一个符号都能成为最大的绊脚石。
  • 善于找逻辑和线索。php不像简单的单个网页文件,相互调用的代码足以让小白晕头转向,因此要善于思考其中隐藏的逻辑,抓住代码之间的丝丝关联,顺藤摸瓜,找到所需文件的位置。

2020/8/23更新

以上心路历程,对于每次更新完主题又返回默认值需要修改太过繁杂,以下为简版,直接上步骤。

1. 归档页缩略图尺寸修改路径:

文件地址:

fasto\inc\functions\theme.php
function fasto_get_thumb_size(){
if ( fasto_mod( 'fasto_blog_layout' ) == 'grid-1' ){
return 'fasto-blog-classic';
}
else{
return 'fasto-grid';

其中把 fasto-grid 改为 full 就ok了。

2. 相关文章缩略图尺寸修改路径:

文件地址:

fasto\templates\adjacent-posts.php
if( !empty( $fasto_prev_post ) ) {
			$fasto_image = get_the_post_thumbnail_url( $fasto_prev_post->ID , 'fasto-widget' );
if( !empty( $fasto_next_post ) ) {
			$fasto_image = get_the_post_thumbnail_url( $fasto_next_post->ID , 'fasto-widget' );

其中把 fasto-widget 改为 full 就ok了。