该插件尚未通过WordPress的最新3个主要版本进行测试。 当与较新版本的WordPress一起使用时,可能不再受到维护或支持,并且可能会存在兼容性问题。

Featured Image Sharpen Up

描述

Featured Image Sharpen Up makes a tiny version of your featured post image and places it in the head of the page.
As you scroll down the page, some JavaScript lazy loads the featured images in the background and replaces the tiny images as the full images are loaded.

You may have seen a similar effect used for images on medium.com.

Created on WordPress 4.4, but should work on earlier versions.
Tested working on all Twenty Sixteen, Twenty Fifteen, Twenty Fourteen, Twenty Thirteen, Twenty Twelve and Twenty Eleven themes. Should work on other themes, but may need CSS adjustments, depending on theme handling of featured images.

Uses jQuery.Lazy(); (http://jquery.eisbehr.de/lazy/) and Hugh Lashbrooke’s plugin template (https://github.com/hlashbrooke/WordPress-Plugin-Template)

Plugin page : Featured Image Sharpen Up plugin @ mabujo

屏幕截图

  • The stretched and blurred placeholder image
  • When the image is loaded
  • Showing network requests as user scrolls down the page and images are lazy loaded.

安装

Installing “Featured Image Sharpen Up” can be done either by searching for “Featured Image Sharpen Up” via the “Plugins > Add New” screen in your WordPress dashboard, or by using the following steps:

  1. Download the plugin via WordPress.org
  2. Upload the ZIP file through the ‘Plugins > Add New > Upload’ screen in your WordPress dashboard
  3. 通过WordPress的的“Plugins”菜单激活插件

常见问题

Does this plugin work with my theme?

It should do! We’ve tested the plugin with all the default WordPress themes and some of the most popular third party themes from the WordPress Theme Directory.

What if the plugin doesn’t work with my theme?

The plugin uses standard WordPress hooks so it should work with nearly all well built themes. If you have problems with the plugin and your theme and contact us, please make sure to include your theme.

评价

阅读所有1条评价

贡献者及开发者

“Featured Image Sharpen Up” 是开源软件。 以下人员对此插件做出了贡献。

贡献者

“Featured Image Sharpen Up”插件已被翻译至1种本地话语言。 感谢所有译者为本插件所做的贡献。

将“Featured Image Sharpen Up”翻译成您的语言。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

1.0.1

  • 2016-01-07
  • Fix frontend js address bug.

1.0

  • 2015-12-17
  • Initial release