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://ja.wordpress.org/plugins/onhover-link-preview/#description)
 * [レビュー](https://ja.wordpress.org/plugins/onhover-link-preview/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/onhover-link-preview/#installation)
 * [開発](https://ja.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.

## FAQ

### 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/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/onhover-link-preview/)
を [RSS](https://plugins.trac.wordpress.org/log/onhover-link-preview/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 1.0.2

 * Added analytics.

#### 1.0.1

 * Fixed loading bugs, and preloaded scripts.

#### 1.0

 * Initial Commit.

## メタ

 *  バージョン **1.0.2**
 *  最終更新日 **3年前**
 *  有効インストール数 **10+**
 *  WordPress バージョン ** 5.9またはそれ以降 **
 *  検証済み最新バージョン: **6.4.10**
 *  PHP バージョン ** 5.6またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/onhover-link-preview/)
 * タグ
 * [blog](https://ja.wordpress.org/plugins/tags/blog/)[Embeds](https://ja.wordpress.org/plugins/tags/embeds/)
   [link preview](https://ja.wordpress.org/plugins/tags/link-preview/)[links](https://ja.wordpress.org/plugins/tags/links/)
   [mshots](https://ja.wordpress.org/plugins/tags/mshots/)
 *  [詳細を表示](https://ja.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/)