前言介紹
- 這款 WordPress 外掛「Tantive Gimmick Pack」是 2022-11-04 上架。
- 目前有 20 個安裝啟用數。
- 上一次更新是 2024-08-10,距離現在已有 267 天。
- 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。
外掛協作開發者
tantive |
外掛標籤
Particle | bubbly-gb | particles.js | particle background | bubbly-bg background |
內容簡介
・您可以在整個頁面背景上設置動畫效果。
實現動畫效果使用了一些庫,例如 particle.js、bubbly-bg.js、vanta.js。
・您可以設置鼠標游標追蹤器。
規格
【頁面背景】
<設定>
在儀表板的奇特套件設置菜單中選擇頁面背景設置。
單擊要使用的動畫的"設定"按鈕,即可顯示詳細設置畫面。
有關設置值,請參考各庫的演示頁面等。
我們設定了可以設置與演示頁面相同的內容,但對於 bubbly-bg,需要注意一些設置方法。
-無論bubbleFunc、bubbles、angleFunc、velocityFunc、radiusFunc均不要使用變量。
例如 bubbles 的默認值為 "Math.floor((canvas.width + canvas.height) * 0.02)",
canvas.width 是一個變量,在這個插件中不能設置。
Math.floor 則不是變量,可以使用。
-bubbleFunc、angleFunc、velocityFunc、radiusFunc僅需要設置在 "()=>" 右邊返回值即可。
不需要 "(" 和 "=>"。
例如 angleFunc 的默認值為 "() => Math.random() * Math.PI * 2",
在這種情況下,只需設置 "Math.random() * Math.PI * 2" 即可。
如果要設置 bubbleFunc、angleFunc、velocityFunc、radiusFunc 的默認值,請只是保存而不輸入任何內容。
<短碼>
在您想要設置的固定頁面或帖子頁面中,輸入設置畫面所需的短碼即可。
任何地方都可以使用。
(注意)在設置頁面的背景技巧時,請務必先保存該技巧的設置值。
一開始不會註冊任何設置值,因此無法正常繪製。
【鼠標追蹤器】
<設定>
可以設置幾種不同的鼠標跟隨器。
將要設置的滑鼠跟隨器的開關打開。
可以通過單擊"設定"按鈕進行有關每個鼠標跟隨器的設置。
設置的內容可以在劃分成四個區域的區域中進行操作檢查。
設置的鼠標跟隨器類型和設置值將在所有頁面上反映。
原文外掛簡介
・ページ全体の背景へのアニメーション設置ができます。
アニメーションの実現は、paraticle.js、bubbly-bg.js、vanta.jsなどのライブラリを利用しています。
・マウスストーカーの設置ができます。
仕様
【ページ背景】
ダッシュボードのギミックパック設定メニューからページ背景設定を選択します。
利用したいアニメーションの「設定」ボタンをクリックすると、詳細設定画面が表示されます。
設定値については、各ライブラリのデモページなどを参考にしてください。
デモページで設定できるのと同じ内容を設定できるようにしていますが、bubbly-bgについては、一部設定方法に注意が必要です。
ーbubbleFunc、bubbles、angleFunc、velocityFunc、radiusFuncについては、変数を使用しないでください。
例えば、bubblesのデフォルト値は「Math.floor((canvas.width + canvas.height) * 0.02)」ですが、
canvas.widthは変数なのでこのプラグインでは設定できません。
Math.floorは変数ではないので使用可能です。
ーbubbleFunc、angleFunc、velocityFunc、radiusFuncについては、「()=>」の右に入る返り値のみを設定してください。
「()=>」は不要です。
例えば、angleFuncのデフォルト値は「() => Math.random() * Math.PI * 2」ですが、
この場合は「Math.random() * Math.PI * 2」のみを設定してください。
ーbubbleFunc、angleFunc、velocityFunc、radiusFuncのデフォルト値を設定する場合は、何も入力せず保存してください。
固定ページ、投稿ページの設定したいページに、設定画面のお好みのギミックに記載したショートコードを記述してください。
場所はどこでも構いません。
(注意)ページに背景ギミックを設定する際は、必ず最初にそのギミックの設定値を保存してください。
初期は何も設定値が登録されていない状態となり、正常に描画されません。
【マウスストーカー】
数種類のマウスストーカーから設定できます。
設定したいマウスストーカーのオンオフスイッチをオンにします。
各マウスストーカーに関する設定値は設定ボタンを押すことで設定できます。
設定した内容は、四角で区切ったエリアで動作を確認することができます。
設定したマウスストーカーの種類および、設定値は全てのページに反映されます。
各版本下載點
- 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Tantive Gimmick Pack」來進行安裝。
(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛(你可能也想知道)
Particle Background WP 》此 WordPress 外掛可以在網頁中加入 particles.js JavaScript 程式庫,提供酷炫的粒子效果。, 使用簡單的選項或短代碼,即可將其添加到 WordPress 的首頁或部...。