<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>A plugin that extends Gutenberg, optimized for the “Arkhe” theme.</p>
<p>(“Arkhe” is a WordPress theme registered in the official directory. )</p>
<p>The following blocks will be available.</p>
<ul>
<li>Accordion</li>
<li>Button</li>
<li>Blog Card</li>
<li>Container</li>
<li>Custom CSS Code</li>
<li>Description List</li>
<li>Q&A</li>
<li>Notice</li>
<li>Rich Columns</li>
<li>Section</li>
<li>Section Heading</li>
<li>Step</li>
<li>Tab</li>
<li>Timeline</li>
</ul>
<p>The added blocks has a simple design.<br />
Please customize it to your favorite design using CSS.</p>
<h4>How to use （For Block Editor）</h4>
<ul>
<li>Open the “Arkhe Blocks” category of the Block Inserter.</li>
<li>There are custom blocks.</li>
<li>Just select the block you want to use.</li>
</ul>


Arkhe Blocks

A plugin that extends Gutenberg, optimized for the "Arkhe" theme.

Highlighting Code Block vs Arkhe Blocks