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

---

搜尋外掛

這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個
外掛進行維護或提供技術支援，並可能會與更新版本的 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://tw.wordpress.org/plugins/onhover-link-preview/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/onhover-link-preview/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/onhover-link-preview/#installation)
 * [開發資訊](https://tw.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⌉⌊Frontend⌉[

Frontend

[⌊Backend.⌉⌊Backend.⌉[

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 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.4.8**
 *  PHP 版本需求 ** 5.6 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/onhover-link-preview/)
 * 標籤:
 * [blog](https://tw.wordpress.org/plugins/tags/blog/)[Embeds](https://tw.wordpress.org/plugins/tags/embeds/)
   [link preview](https://tw.wordpress.org/plugins/tags/link-preview/)[links](https://tw.wordpress.org/plugins/tags/links/)
   [mshots](https://tw.wordpress.org/plugins/tags/mshots/)
 *  [進階檢視](https://tw.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/)