Title: OnHover Link Preview
Author: Rajin Sharwar
Published: <strong>2024 年 1 月 15 日</strong>
Last modified: 2024 年 1 月 16 日

---

搜索插件

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

![](https://ps.w.org/onhover-link-preview/assets/icon-256x256.png?rev=3022069)

# OnHover Link Preview

 作者：[Rajin Sharwar](https://profiles.wordpress.org/rajinsharwar/)

[下载](https://downloads.wordpress.org/plugin/onhover-link-preview.1.0.2.zip)

 * [详情](https://cn.wordpress.org/plugins/onhover-link-preview/#description)
 * [评价](https://cn.wordpress.org/plugins/onhover-link-preview/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/onhover-link-preview/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/onhover-link-preview/#developers)

 [支持](https://wordpress.org/support/plugin/onhover-link-preview/)

## 描述

OnHover Link Preview plugin automatically adds link preview pop-ups so visitors 
can see the preview of the hyperlink without leaving your website, and just hovering
over the link.

Whether users are reading your blog or webpage, they can get a preview of the linked
content and get a peak of the preview of the webpage refered.

 * Link auto-previews popups work on all types of hyperlinks, under the “entry-content”
   div class.
 * Excludes the header, footer, nav-menu links etc.
 * Excludes any Images with a link ( tag).
 * No code easy one-click installation.
 * Easily specify which Elements, Classes, or IDs of the website to exclude from
   showing auto-previews.

This plugin uses “mShots” as a third party service to get the previews. mshots is
a Website Thumbnail/Snapshot Service from Automattic licenced GPL-2.0. No data of
your’s or your website, is being sent or shared with mShots. You can find it’s licence
and policy details from the below URL:
 https://github.com/Automattic/mShots/blob/
master/LICENSE

## 屏幕截图

 * [[
 * Frontend
 * [[
 * Backend.

## 安装

From within WordPress’ dashboard:

 1. Go to Plugins -> Add New
 2. Search for “OnHover Link Preview”.
 3. Click “Install”.
 4. Click “Activate”.
 5. Now the on mouse-hover link previews will be shown.
 6. Navigate under the Link Preview menu to configure addiotional settings for the 
    plugin.

## 常见问题

### Can I use this plugin for free?

Yes, absolutely! You can use this plugin free of cost, without any sort of restrictions
or pricing.

### I am always seeing a “Generating Preview” screenshot when hovering on my links?

Well, this is a kind of limitaion from mShots. They need some time to fetch the 
website’s screenshot for the first time, in their server. Once they have a screenshot
in their server for that specific link, you will not see that “Generating preview”
message anymore. So to get rid of this, after publishing any new post or page, hover
on all the links you added there so that mShots generates a preview of that, and
your visitors do not see that message anymore.

### I don’t like the current preview box’s style.

You can change the styling/design of the preview box easily by applying styles in
the “.on-hover-link-prev” class. You can change the background colour, padding, 
body-shadow etc. If even after applying styles doesn’t reflect any changes, try 
using the “!important” property.

### How can I exclude the preview from certain pages?

Currently, it’s not possible to exclude the preview from certain pages. But, you
can exclude the preview in specific Elements (Ex: h1, h2 ), Classes (Ex: .class1,.
another-class ) or even specific IDs (Ex: #my-id, #id1).

### Will this plugin’s functionality slow my pages down?

Seemingly impossible! Only one JS file is being loaded on the frontend, which is
a minified version, having a size of 1.13 KB. And the request to get the previews
are loaded on hover, means, it will not have any impact of the TTFB or the first
contentful paint. The previews are cached as well, to avoid sending multiple preview
requests.

## 评价

此插件暂无评价。

## 贡献者及开发者

「OnHover Link Preview」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Rajin Sharwar ](https://profiles.wordpress.org/rajinsharwar/)

[帮助将「OnHover Link Preview」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/onhover-link-preview)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/onhover-link-preview/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/onhover-link-preview/)，或通过[RSS](https://plugins.trac.wordpress.org/log/onhover-link-preview/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/onhover-link-preview/)。

## 更新日志

#### 1.0.2

 * Added analytics.

#### 1.0.1

 * Fixed loading bugs, and preloaded scripts.

#### 1.0

 * Initial Commit.

## 额外信息

 *  版本 **1.0.2**
 *  最后更新：**2 年前**
 *  活跃安装数量 **10+**
 *  WordPress 版本 ** 5.9 或更高版本 **
 *  已测试的最高版本为 **6.4.8**
 *  PHP 版本 ** 5.6 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/onhover-link-preview/)
 * 标签
 * [blog](https://cn.wordpress.org/plugins/tags/blog/)[Embeds](https://cn.wordpress.org/plugins/tags/embeds/)
   [link preview](https://cn.wordpress.org/plugins/tags/link-preview/)[links](https://cn.wordpress.org/plugins/tags/links/)
   [mshots](https://cn.wordpress.org/plugins/tags/mshots/)
 *  [高级视图](https://cn.wordpress.org/plugins/onhover-link-preview/advanced/)

## 评级

尚未提交反馈。

[Your review](https://wordpress.org/support/plugin/onhover-link-preview/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/onhover-link-preview/reviews/)

## 贡献者

 *   [ Rajin Sharwar ](https://profiles.wordpress.org/rajinsharwar/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/onhover-link-preview/)