[WordPress] 外掛分享: Text Typing – grab attention with animated typing headlines

首頁外掛目錄 › Text Typing – grab attention with animated typing headlines
WordPress 外掛 Text Typing – grab attention with animated typing headlines 的封面圖片
3,000+
安裝啟用
★★★☆☆
3.8/5 分(6 則評價)
4 天前
最後更新
問題解決
WordPress 6.5+ PHP 7.4+ v2.1.0 上架:2022-02-16

內容簡介

Text Typing 是一款輕量級的 WordPress 外掛,能為標題和文字添加真實的動畫打字效果,吸引訪客的注意力。使用者可在 Gutenberg 編輯器中輕鬆設置,無需編碼,讓關鍵訊息更具吸引力。

【主要功能】
• 動畫打字文字區塊:在區塊編輯器中隨處使用的乾淨、全響應打字動畫
• 內建主題:包含六種免費主題
• 前後靜態文字:可在動畫打字行前後添加靜態文字
• 多行打字:可添加無限旋轉行,每行可自定顏色
• 打字控制:調整速度、延遲、循環等多項參數
• 字體與顏色控制:自定義字體及顏色設置

外掛標籤

開發者團隊

⬇ 下載最新版 (v2.1.0) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Text Typing – grab attention with animated typing headlines」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

Make your hero titles and headlines type themselves – realistic animated typing effects that pull visitors’ eyes straight to your key message.
Typing Text Block | Pricing | Support | Demo
Why Text Typing?
Text Typing is a lightweight WordPress plugin that adds realistic animated typing effects to your headings and text – directly inside the Gutenberg block editor, with no coding required. Write a prefix, one or more rotating typing lines, and a suffix, then fine-tune the speed, delay, looping, and cursor to match your design.
Perfect for hero sections, banners, headlines, and call-to-action areas, it lets you highlight key messages with an engaging, modern typing animation. Six ready-made themes are included free, scripts load only on pages that use the block, and a shortcode generator lets you reuse saved typing texts anywhere.
The free plugin is fully functional on its own. A separate Text Typing Pro upgrade adds a complete collection of animated text and heading blocks, all grouped under a single Text Typing category in the block inserter.
Free Features – Everything You Need to Get Started

Animated Typing Text Block: A clean, fully responsive typing animation anywhere in the block editor.
Built-in Themes: Six ready-made themes included free – Default, Terminal, Star Flower, Neon Grid, Aurora Glow, and Cyber Wave.
Prefix & Suffix Text: Add static text before and after the animated typing lines.
Multiple Typing Lines: Add unlimited rotating lines, each with its own color.
Typing Controls: Type Speed, Start Delay, Back Speed, Back Delay, Shuffle, Fade Out Effect, Fade Out Delay, Loop, Loop Count, Cursor, and a custom Cursor Character.
Typography Controls: Customize fonts for the prefix, typing, and suffix text.
Color Controls: Set prefix and suffix text colors.
Layout & Styling: Control alignment (including wide and full block width), padding, border, and background.
Responsive Width: Set the width separately for desktop, tablet, and mobile.
Shortcode Generator: Build a saved typing text and reuse it anywhere with a simple shortcode.
Block Manager: Enable or disable individual blocks from the plugin dashboard so the inserter shows only what you use.
Optimized Script Loading: Scripts load only when the block is used, keeping pages fast.
Clean Uninstall Option: Optionally remove all plugin data when you delete the plugin.
Translation Ready: Fully compatible with multilingual websites.

Pro Version – Unlock the Full Animated Text Collection
Text Typing Pro extends the free plugin with a full library of animated text and heading blocks plus advanced styling. All Pro blocks are visible in the inserter so you can preview them; a license unlocks them on the front end.
Pro animated text & heading blocks:

Animated Headline – cinematic, scroll-triggered reveals with letter, word, or line stagger and an optional highlighted word.
Split Text – a staggered reveal where each letter or word animates in one after another.
Rotating Words – a headline with one word that cycles through a list – slide, flip, fade, or zoom.
Scramble Text – a “decode” reveal where letters cycle through random glyphs and settle into place.
Tracking-In Text – headings that reveal by animating letter-spacing with a soft fade.
Number Counter – animated count-up numbers that fire on scroll – perfect for stats and results.
Gradient, Rainbow, Shine, Neon & Glitch Text – bold color and glow effects that are impossible to miss.
Outline, Long Shadow, Sticker & Reflection Text – striking display-heading styles for modern layouts.
Text Mask – show an image or gradient clipped inside bold text – the classic knockout hero effect.
Curved, Circular & Vertical Text – arch text along an arc, wrap it around a circle, or run it vertically.
Text Marquee – an infinite, seamless scrolling text band for “trusted by” rows and tickers.
Split-Flap Text, 3D Tilt Text, Wavy Text & Animated Highlight – playful, interactive attention-grabbers.

More Pro features:

Custom Colors & Gradients: Text, cursor, and background with smooth gradient support.
Text Shadow Effects: Add depth, glow, or emphasis.
Cursor Styling: Change cursor style, size, and color.
Icons for Each Text: Add icons before or after the typing text with size controls.
Full Responsive Settings: Fine-tune font size, alignment, and appearance per device.
Reduced-Motion Aware: Animations honor the visitor’s prefers-reduced-motion setting.
Priority Support: Faster assistance and updates.

Get Text Typing Pro – unlock the full block collection and advanced effects now!
How to Use Text Typing – Quick Start

Open any page or post in the WordPress block editor (Gutenberg).
Click the + (Add Block) button and search for “Text Typing” (or browse the Text Typing category).
Add your prefix, one or more rotating typing lines (each with its own color), and suffix text.
Adjust speed, delays, loop, cursor, typography, colors, and layout from the block sidebar.
Preview on different devices, then publish.

Reuse with the Shortcode Generator: Go to Text Typing → ShortCode Generator in the WordPress admin, create a saved typing text, and paste the generated [text-typing id="123"] shortcode anywhere on your site.
Demo | Get Text Typing Pro
Use Cases

Hero Sections: Rotate through your key value propositions as they type out.
Banners & CTAs: Draw attention to offers and announcements with motion.
Portfolios: Cycle through roles or skills (“Designer… Developer… Creator…”).
Landing Pages: Combine typing text with Pro heading effects for high-impact pages.

Did you like this plugin? Do you have a feature request? Please share your feedback with us
Check Out The Parent Plugin of This Plugin-
B Blocks – A blocks collection and page building tool for Gutenberg.
Check Out Our Other WordPress Plugins-
Html5 Video Player – Display videos as single and playlist in multiple skins.
PDF Poster – Display/Embed PDF files with different styles.
Html5 Audio Player – Listen audios with awesome visuals.
StreamCast – Customizable radio player with different skins.
3D Viewer – Embed 3D models and 3D products with interaction.
Advanced Post Block – Show posts and custom posts in different layouts.
Build Process
This plugin uses a build process to generate the production assets (JS/CSS) located in the build/ directory. The human-readable source code (the src/ and dashboard/ directories) is published in the public GitHub repository linked below.
To build the plugin from source:
1. Clone the repository: https://github.com/bPlugins/text-typing-free
2. Install dependencies: npm install
3. Run the build command: npm run build
Build Tools Used: Webpack, Babel, PostCSS.
Third-Party Libraries
This plugin uses the following third-party libraries:

typed.js – MIT License (bundled at public/js/typed.min.js, powers the typing animation)
textillate.js – MIT License (bundled at public/js/jquery.textillate.min.js, enqueued as a dependency of the Text Typing block)

bpl-tools

Source / GitHub: https://github.com/bPlugins/bpl-tools
License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html
Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls.
External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made

As the external service functionality is handled by bpl-tools as a third-party library, the following services are utilized:
bPlugins API

Service URL: https://api.bplugins.com
Purpose: The plugin’s admin dashboard fetches product comparison data and pricing information to display relevant upgrade options and feature details.
Data Sent: Only the plugin slug is transmitted; no personal or site data is collected.
Terms of Service: https://bplugins.com/terms-of-service/
Privacy Policy: https://bplugins.com/privacy-policy/

WordPress.org Plugins API

Service URL: https://api.wordpress.org/plugins/info/1.2/
Purpose: The admin dashboard queries the official WordPress.org Plugins API to retrieve and display a curated list of other plugins by the same author (“Our Plugins” section).
Data Sent: Plugin slugs and author name; no personal or site data is collected.
Terms of Service: https://wordpress.org/about/tos/
Privacy Policy: https://wordpress.org/about/privacy/

延伸相關外掛

文章
Filter
Mastodon