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