生成类似500px.com的缩略图

时间:2015-01-26 作者:Junaid

我试过了,但在wordpress中找不到这样的缩略图。请检查此urlhttps://prime.500px.com/galleries/tricks_and_treats

如果你注意到了,就没有裁剪。它只是缩小了或者随便你怎么称呼它。Tumblr也使用这种缩略图技术。图像显示完整,但尺寸较小。宽度是自定义的,比如说300px,缩略图的高度是可变的,所以缩略图看起来并不尴尬。

我所做的是,取消选中“媒体设置”中的“裁剪”复选框并设置缩略图的尺寸,但生成的缩略图与500px站点上的不同。

有什么想法或建议吗?

1 个回复
最合适的回答,由SO网友:leogopal 整理而成

我在WordPress中通过合并砌体脚本(或者同位素,如果你想过滤的话)得到了类似的结果

它们在这里:

砌体->http://masonry.desandro.com/
同位素->http://isotope.metafizzy.co/

我假设你对javascript和jQuery很熟悉,所以我不会告诉你如何使用它(如果你卡住了,网站上会有教程)-但让它在wordpress中工作只是排队和正确定位的问题-尽管让它与帖子的特色图片一起工作需要更多的工作。

希望这有帮助。

结束

相关推荐

Missing thumbnails

对于我上传到Wordpress的所有图片,我都会得到这样一个链接:src=\'http://myblog.com/wp-content/themes/mytheme/thumb.php?src=wp-content/uploads/2012/06/mypic.jpg&w=100&h=100&zc=1&q=90\' 当然,Wordpress的Anf并没有找到它。但如果我改为使用firebug:src=\'http://myblog.com/wp-content/up