Suuna Heart Reaction
| 开发者 | re32st |
|---|---|
| 更新时间 | 2026年7月18日 10:20 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.0 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
Heart Reaction adds a floating reaction button to the bottom corner of your site. When visitors click it, icons rain down across the whole screen or burst out of the button — and rapid clicking is encouraged!
- 5 icons — heart, thumbs up, star, sparkles, and smiley, each with a matching color set
- 2 animations — icons fall from the top of the screen, or burst from the button
- Fallen icons can pile up at the bottom of the screen or fade away slowly
- Caption bubble — show a short message like "Cheer us on!" next to the button
- Thank-you bubbles — visitors who click a lot occasionally get a thank-you message (up to 3 custom messages)
- Site-wide reaction counter — see the total in your dashboard widget and settings page
- Click-friendly by design — clicks are batched in the browser and sent in a single request, so even the most enthusiastic fans won't stress your server
- Works with caching plugins. No sign-up or external services. Colors and sizes are customizable with CSS variables.
[heart_reaction] shortcode.
Pro version
Heart Reaction Pro adds a daily reaction chart, per-post ranking, CSV export, milestone celebrations with confetti and fanfare, 10 icons plus custom image upload, a color picker, sound effects, a "Today: N" counter in the admin toolbar, and rate limiting against bots.
日本語
Heart Reaction は、サイトの隅に「にぎやかな応援ボタン」を追加するプラグインです。訪問者がボタンをクリックすると、ハートなどのアイコンが画面いっぱいに降りそそぎます。連打も大歓迎の設計です。
- アイコン 5 種類（ハート・いいね・星・キラキラ・にこにこ）
- アニメーション 2 種類（上から降ってくる／ボタンから広がる）
- 降ったアイコンは「画面下部に溜まる」「ゆっくり消える」を選択可能
- 「応援！」などのそえ文字、連打してくれた人へのお礼の吹き出し（3 つまで）
- リアクション数はサイト全体で累計され、ダッシュボードで確認できます
- 日本語サイトでは管理画面も自動的に日本語で表示されます
安装:
- Install and activate the plugin from the Plugins screen.
- Go to Settings > Heart Reaction and adjust the appearance. With the default settings, a heart button appears at the bottom right of your entire site immediately.
- To show the button only on specific pages, choose "Only on pages with the shortcode" and insert
[heart_reaction]into those posts or pages.
屏幕截图:
常见问题:
Will rapid clicking overload my server?
No. Clicks are counted in the browser and sent in a single batch after the clicking stops. Unsent clicks are also flushed automatically just before the visitor leaves the page.
Can I change the colors or size?
Yes. The design is managed with CSS variables. For example, add this to your theme's Additional CSS:
:root { --hr-primary: #1d9bf0; --hr-button-size: 60px; --hr-offset-x: 16px; }
Does it work with caching plugins?
Yes. The counting endpoint is designed to be unaffected by page caches.
日本語に対応していますか？
はい。サイトの言語が日本語の場合、管理画面は自動的に日本語で表示されます。
更新日志:
1.2.0
- English UI with bundled Japanese translation (the admin screen now follows your site language) / 英語表示に対応（日本語サイトでは従来どおり日本語で表示されます）
- Fixed the screen zooming in when rapid-tapping the button on mobile / スマホでボタンを連打すると画面が拡大されてしまう問題を修正
- Added a Pro introduction to the settings screen / 設定画面に Pro 版の案内を追加
- Removed the total from the REST API response / REST API の応答から累計値を除去（セキュリティ改善）
- First release / 初回リリース