Title: Typewriter block
Author: Djordje Arsenovic
Published: <strong>2025 年 3 月 15 日</strong>
Last modified: 2025 年 3 月 15 日

---

搜索插件

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://ps.w.org/typewriter-block/assets/icon-256x256.png?rev=3256312)

# Typewriter block

 作者：[Djordje Arsenovic](https://profiles.wordpress.org/djtech00/)

[下载](https://downloads.wordpress.org/plugin/typewriter-block.1.0.1.zip)

 * [详情](https://cn.wordpress.org/plugins/typewriter-block/#description)
 * [评价](https://cn.wordpress.org/plugins/typewriter-block/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/typewriter-block/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/typewriter-block/#developers)

 [支持](https://wordpress.org/support/plugin/typewriter-block/)

## 描述

The plugin creates custom block called Typewriter. To that block you can add some
text, which will appear on the fronted as it was typed out on the
 old fashioned
typewriter machine.

You can have multiple Typed out elements on the single page or post, or custom post.

### Basic Usage

Go to the page where you want to add the Typewriter block, after that add new block
and find the Typewriter block in the list. When you add it, add some text to the
block, save the page and that’s it. You will see the typewrite effect.

### Settings

1) Curosr – What would you like to appear as cursor for example you can use the 
pipe character (|) or underscore (_) or something else.
 2) Element type – Which
tag you should see on the front-end available options: H1 – H6, paragraph, span 
3) Loop – Check this checkbox if you want the typing effect to repeat 4) Typing 
Delay – The delay between each key when typing. By default it’s natural. The higher
the delay value the slower the typing speed will be. (0 means natural typing speed).

### Custom developer settings

This plugin was built by developers for developers in mind that would like to extend
the plugin functionality. So both cursor and the wrapper element can have their 
custom class which you can use in the theme css or where you want.
 1) Cursor CSS
class 2) Wrapper CSS class

### Words Settings

Words panel in the block options is a special feature of the plugin where you can
add some words which will be deleted and typed one by one. Checkout screenshots 
for easier understanding.

This can be done by it’s own or in combination with the text from the post.

For example:
 In the post and typewriter block add some spaces and then in the words
section add: Pancakes, PopCorn, Chocolate Only those words will replace each other.

Or another example you could add a text in the Typewriter element:
 “I like ” and
same words in the words section of the block settings then those words will replace
each other but with the prefix of I like.

## 屏幕截图

 * [[
 * Examples, showing how Typewriter block looks on the frontend.

## 区块

该插件提供了 1 个区块.

 *   Typewriter block Block that uses css animation to make the text appears like
   it was written on the old-fashioned typewriter machine

## 安装

Upload the plugin zip file using wp uploader from the plugin page or install it 
through the plugin library.

## 常见问题

 * Can I have multiple typewriter elements on the single page?
 * Yes you can!
 * Can I adjust the typing speed?
 * Of course, in the block settings you can adjust it, bear in mind that 0 means
   natural speed, while the greater number means slower typing.
 * Can I set the text to bold or italic?
 * Yes you can, by using the options when you click on the text element.
 * Can I change the color of the text?
 * Absolutely, and you can do that using block settings.
 * Can I change the background color of the element?
 * Absolutely, and you can do that using block settings.
 * Can I change the cursor?
 * Yes, there is a field in the block settings that is doing exactly that. Where
   you can specify the cursor you want!
 * Can I change the cursor color?
 * Yes, but you will need to add custom class to the cursor using block settings,
   and then you can style the cursor anyway you want!
 * Can I Use multiple lines?
 * Yes, please check the example below!
 * Can I use smileys? 🙂
 * Certainly, check the example below.

## 评价

此插件暂无评价。

## 贡献者及开发者

「Typewriter block」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Djordje Arsenovic ](https://profiles.wordpress.org/djtech00/)

「Typewriter block」插件已被翻译至 1 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/typewriter-block/contributors)
为本插件所做的贡献。

[帮助将「Typewriter block」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/typewriter-block)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/typewriter-block/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/typewriter-block/)，或通过[RSS](https://plugins.trac.wordpress.org/log/typewriter-block/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/typewriter-block/)。

## 更新日志

#### 1.0.0

 * Release

## 额外信息

 *  版本 **1.0.0**
 *  最后更新：**1 年前**
 *  活跃安装数量 **20+**
 *  WordPress 版本 ** 6.7 或更高版本 **
 *  已测试的最高版本为 **6.7.5**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/typewriter-block/) 和 [Italian](https://it.wordpress.org/plugins/typewriter-block/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/typewriter-block)
 * 标签
 * [block](https://cn.wordpress.org/plugins/tags/block/)
 *  [高级视图](https://cn.wordpress.org/plugins/typewriter-block/advanced/)

## 评级

尚未提交反馈。

[Your review](https://wordpress.org/support/plugin/typewriter-block/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/typewriter-block/reviews/)

## 贡献者

 *   [ Djordje Arsenovic ](https://profiles.wordpress.org/djtech00/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/typewriter-block/)