Description
Allows to add snippets blocks to your content: Javascript, CSS, HTML…
Purpose
Add snippet blocks to your WordPress content using the new Gutenberg editor
How to use it
- Add a Snippet block within your content
- Include your code
- Select the language
- Save the post and check your front-end
Supported languages
- Apache
- Bash
- C#
- C++
- CSS
- Erlang
- Go
- HTML
- XML
- Handlebars
- JSON
- Java
- JavaScript
- Markdown
- Objective C
- PHP
- Python
- R
- Ruby
- Rust
- SCSS
- SQL
- Shell
- Twig
- TypeScript
Credits
- Based in Making WordPress Do More Block Starter Kit
- Original webpack configuration (before modifications) from Zac Gordon\’s Gutenberg Course.
- Original deploy script (before modifications) from Garry Jones.
- Webpack HMR thanks to Christian Glingener
Requirements
Gutenberg activated
Known Issues
There are no known issues at this time.
Roadmap
- Allow several themes
Installation
- Backup your WordPress install
- Upload the plugin folder to the
/wp-content/plugins/directory - Activate the plugin through the \’Plugins\’ menu in WordPress
FAQ
- What library does this plugin use?
-
It uses highlight.js
- What highlight.js theme uses?
-
androidstudio
Reviews
Anonymous User 17638488
August 20, 2020
HighlightJS supports a heap of different languages and snippets-block can be modified to include more than it’s current default.
Works well simple and straight forward
Josh
May 18, 2019
This is great, nice and simple. It even worked with our old posts that were written in the old editor. As long as the text is in a <code> tag it’s good to go. Thanks for the quick solution!
WPMadeasy
April 11, 2019
Nice, simple and straightforward – just add the block and start typing your script. No fancy tidbits to get you distracted. Very useful when you are dragged between several choices – just go for it.
Contributors & Developers
“Snippets Block” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Snippets Block” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.3.0
- Added Spanish translation.
1.2.1
- Fixed line numbers with long lines.
1.2.0
- Added line numbers. Thanks Waqas Bin Hasan for the tip.
1.1.0
- Added copy button: it allows to copy to clipboard the content of the snippet
- Save formatted code: instead of parsing the content using
highlight.jsin the front-end, the HTML is saved directly in the backend - Fixed
filemtimein Windows
1.0.1
- Cleaning some first SVN version mess
1.0.0
- First version.