Title: Typewriter block
Author: Djordje Arsenovic
Published: <strong>15 de març de 2025</strong>
Last modified: 15 de març de 2025

---

Cerca extensions

Aquesta extensió **no s’ha provat en les darreres 3 versions majors del WordPress**.
Segurament no està mantinguda o suportada, i pot tenir problemes de compatibilitat
quan s’usa en versions recents del WordPress.

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

# Typewriter block

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

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

 * [Detalls](https://ca.wordpress.org/plugins/typewriter-block/#description)
 * [Ressenyes](https://ca.wordpress.org/plugins/typewriter-block/#reviews)
 *  [Instal·lació](https://ca.wordpress.org/plugins/typewriter-block/#installation)
 * [Desenvolupament](https://ca.wordpress.org/plugins/typewriter-block/#developers)

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

## Descripció

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.

## Captures

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

## Blocs

Aquesta extensió proporciona 1 bloc.

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

## Instal·lació

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

## PMF

 * 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.

## Ressenyes

No hi ha ressenyes per a aquesta extensió.

## Col·laboradors i desenvolupadors

«Typewriter block» és programari de codi obert. La següent gent ha col·laborat en
aquesta extensió.

Col·laboradors

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

“Typewriter block” s’ha traduït a 1 configuració regional. Gràcies als [traductors](https://translate.wordpress.org/projects/wp-plugins/typewriter-block/contributors)
per les seves aportacions.

[Traduïu «Typewriter block» a la vostra llengua.](https://translate.wordpress.org/projects/wp-plugins/typewriter-block)

### Interessats en el desenvolupament?

[Navegueu pel codi](https://plugins.trac.wordpress.org/browser/typewriter-block/),
baixeu-vos el [repositori SVN](https://plugins.svn.wordpress.org/typewriter-block/),
o subscriviu-vos al [registre de desenvolupament](https://plugins.trac.wordpress.org/log/typewriter-block/)
per [fisl de subscripció RSS](https://plugins.trac.wordpress.org/log/typewriter-block/?limit=100&mode=stop_on_copy&format=rss).

## Registre de canvis

#### 1.0.0

 * Release

## Meta

 *  Versió **1.0.0**
 *  Darrera actualització **fa 1 any**
 *  Instal·lacions actives **20+**
 *  Versió del WordPress ** 6.7 o posterior **
 *  Provada fins a **6.7.5**
 *  Versió del PHP ** 7.4 o posterior **
 *  Idiomes
 * [English (US)](https://wordpress.org/plugins/typewriter-block/) i [Italian](https://it.wordpress.org/plugins/typewriter-block/).
 *  [Traduïu a la vostra llengua](https://translate.wordpress.org/projects/wp-plugins/typewriter-block)
 * Etiqueta
 * [block](https://ca.wordpress.org/plugins/tags/block/)
 *  [Vista avançada](https://ca.wordpress.org/plugins/typewriter-block/advanced/)

## Valoracions

Encara no s'ha enviat cap ressenya.

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

[Visualitzeu totes les ressenyes](https://wordpress.org/support/plugin/typewriter-block/reviews/)

## Col·laboradors

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

## Suport

Teniu quelcom a dir? Necessiteu ajuda?

 [Visualitza els fòrums de suport](https://wordpress.org/support/plugin/typewriter-block/)