| 1 |
Code highlighting powered by the VS Code engine |
| 2 |
|
| 3 |
Read more at [](https://code-block-pro.comcode-block-pro.com](https://code-block-pro.com](https://code-block-pro.com) |
| 4 |
|
| 5 |
View all themes at [](https://code-block-pro.com/themescode-block-pro.com/themes](https://code-block-pro.com/themes](https://code-block-pro.com/themes) |
| 6 |
|
| 7 |
View this block plugin [](https://wordpress.org/plugins/code-block-proon WordPress.org](https://wordpress.org/plugins/code-block-pro](https://wordpress.org/plugins/code-block-pro) |
| 8 |
|
| 9 |
[](https://twitter.com/kevinbatdorf](https://twitter.com/kevinbatdorf](https://twitter.com/kevinbatdorf) |
| 10 |
|
| 11 |
## Features |
| 12 |
|
| 13 |
- Includes 25+ built-in themes to choose from. |
| 14 |
- Supports over 140 programming languages |
| 15 |
- Optionally load programming fonts |
| 16 |
- Line numbers |
| 17 |
- Line highlighting (static and on hover) |
| 18 |
- Blur highlighting (with reveal on hover) |
| 19 |
- Header styles |
| 20 |
- Footer styles |
| 21 |
- Optionally add a copy button to let users copy the code |
| 22 |
- Native Gutenberg block output - no special requirements |
| 23 |
- Core functionality works in headless mode (see FAQ) |
| 24 |
- Supports converting from the default code block |
| 25 |
|
| 26 |
## Tips |
| 27 |
|
| 28 |
- Try combining line highlighting with the blur effect to add some extra depth |
| 29 |
- All settings are per block, but some settings are remembered when you add the next block. |
| 30 |
- Add a link in the code footer (some footers support this, not all) that points to a https://codepen.io demo. |
| 31 |
|
| 32 |
## Example Screenshots |
| 33 |
|
| 34 |
 |
| 35 |
 |
| 36 |
 |
| 37 |
|
