<p>“Highlighting Code Block” allows you to add a syntax-highlighted code block with just a click.</p>
<p>It supports both “Block Editor” and “Classic Editor”.<br />
(However, we recommend using it in the “Block Editor”.)</p>
<p>Please see the following page for a detailed explanation of this plugin.</p>
<p>URL: <a href="https://loos.co.jp/en/documents/highlighting-code-block/" rel="nofollow ugc">https://loos.co.jp/en/documents/highlighting-code-block/</a></p>
<h3>Source code</h3>
<p>The source code of this plugin is available on Github.</p>
<p>URL: <a href="https://github.com/ddryo/Highlighting-Code-Block" rel="nofollow ugc">https://github.com/ddryo/Highlighting-Code-Block</a></p>
<h3>How to use</h3>
<h4>How to use （For Block Editor）</h4>
<ul>
<li>Open the “Formatting” category of the Block Inserter.</li>
<li>There is a custom block named “Highlighing Code Block”.</li>
<li>Select it, the block will be inserted.</li>
<li>Select the language of the code and enter any code.</li>
</ul>
<h4>How to use （For Classic Editor）</h4>
<ul>
<li>You should see a select box labeled “Code Block” on the toolbar (2nd row by default).</li>
<li>When you select a language from the select box, a code block (pre tag) is inserted.</li>
</ul>
<h4>If it doesn’t work</h4>
<p>This plugin works only with PHP version 5.6 or later, WordPress 5.6 or later.<br />
Please check your PHP version or WordPress version.</p>
<h4>About settings</h4>
<p>The menu “[HCB] Settings” should be added to “Settings” in the left menu of the management screen.<br />
Settings related to this plugin are set in this menu.</p>


Highlighting Code Block

Really helpful for my new dev blog :) Thanks!

Excellent plugin

Does what it should do without bells and whistles

in love

Add code block with syntax highlighting using prism.js. (Available for Gutenberg and Classic Editor)

<p>You can easily create your own block patterns and register them.</p>
<h4>How to use</h4>
<p>From the “Block Patterns” in the admin menu, just assemble the pattern using blocks as you would in a regular post.</p>
<h4>If it doesn’t work</h4>
<p>This plugin works only with PHP version 7.0 or later, WordPress 5.5 or later.<br />
Please check your PHP version or WordPress version.</p>


Custom Block Patterns


I'm a great fan of plugins which without bells and whistles simply do, what you expect and this plugin certainly is one of them. It allows you easily to create your own block patterns and use them as you like. The plugin is lean and the code clean. So far 5 stars.



So, why did I only rate it 4 stars? 




I like to read the code of plugins, that I want to use on my client's websites. All functions do have a single line comment, but unfortunately in Japanese, which makes it difficult to read (i.e. I have to use a translation programm to understand the comments). 



The plugin also doesn't seem to follow WordPress' coding standards, e.g. by using short array syntax and inline control structures.



Personally, I would have liked it better if the Custom Post Type Block Patterns menu was a submenu of Appearance. A remaining comment // 'menu_position' => 6 looks like the plugin author had some other position in mind, too. 




Don't let these nitpicky comments fool you - the plugin does what it's supposed to and it can be used without hesitation despite these really minor flaws.



Thanks for sharing the plugin.


Easy way to create your own block patterns

You can easily create your own block patterns and register them.

Highlighting Code Block vs Custom Block Patterns