Highlighting Code Block


«Highlighting Code Block» позволяет добавить блок кода с подсветкой синтаксиса одним щелчком мыши.

Он поддерживает как «Редактор блоков», так и «Классический редактор».
(Однако мы рекомендуем использовать его в «Редакторе блоков».)

Please see the following page for a detailed explanation of this plugin.

URL: https://loos.co.jp/en/documents/highlighting-code-block/

Source code

The source code of this plugin is available on Github.

URL: https://github.com/ddryo/Highlighting-Code-Block

How to use

Как использовать (Для редактора блоков)

  • Откройте категорию «Форматирование» средства вставки блоков.
  • Существует настраиваемый блок под названием «Highlighing Code Block».
  • Выберите его, блок будет вставлен.
  • Выберите язык кода и введите любой код.

Как использовать (Для классического редактора)

  • Вы должны увидеть поле выбора с надписью «Блок кода» на панели инструментов (2-я строка по умолчанию).
  • Когда вы выбираете язык в поле выбора, вставляется блок кода (тег pre).

Если это не сработает

Этот плагин работает только с PHP версии 5.6 или выше, WordPress 5.6 или выше.
Пожалуйста, проверьте версию PHP или версию WordPress.

Настройки Про нас

Меню «БЛОК КОДА» необходимо добавить в «Настройки» в левом меню экрана управления.
Настройки, связанные с этим плагином, задаются в этом меню.


  • Code Coloring
  • Select 「Highlighing Code Block
  • Select lang (Guternberg)
  • Writing your code (Guternberg)
  • Added select box (Tinymce)
  • Select lang (Tinymce)
  • Writing your code (Tinymce)
  • пр) Светлый цвет
  • пр) Темный цвет
  • Базовая настройка
  • Точная настройка


Этот плагин предоставляет 1 блок.

  • Highlighing Code Block


Этот плагин можно установить непосредственно с вашего сайта.

  1. Войдите в систему и перейдите в «Плагины» → «Добавить новый».
  2. Введите «Highlighting Code Block» в поле поиска и нажмите Enter.
  3. Найдите плагин в списке результатов поиска и нажмите «Установить сейчас».
  4. После установки нажмите на кнопку «Активировать».

Часто задаваемые вопросы

Доступные языки

По умолчанию доступны следующие языки.

  • HTML
  • CSS
  • SCSS
  • JavaScript
  • TypeScript
  • PHP
  • Ruby
  • Python
  • Swift
  • C
  • C#
  • C++
  • Objective-C
  • SQL
  • JSON
  • Bash
  • Git


04.11.2023 1 ответ
Unfortunately, the plugin doesn't support Java, Kotlin, Flutter nor XML syntax, making it completely useless for anyone in the Android development field.
I don't normally use WP Blocks and so I could not figure out why this plugin broke for certain code syntax (PHP -> HTML -> PHP for example) and why saving sometimes broke the previously-saved syntax. Maddening. Then I switched back to the block editor. AHA! It works beautifully. That's probably why it says "Block" in the plugin name, duh. Thank you very much for this wonderful plugin. I love that we can also upload our own prism.js files. Cool.
26.11.2022 7 ответов
The plugin developer and the plugin itself are very good. Wish them all the best. Being a developer takes a huge time, effort, money & sacrifice. If you're a user of this plugin like me, do not just leave your negative feedback unless you talked to the support. Also, if you were a backbencher like me and if you're still a backdated who uses an older version of PHP (just like me), please feel free to use this plugin with peace of mind. Enjoy!
Посмотреть все 17 отзывов

Участники и разработчики

«Highlighting Code Block» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:


«Highlighting Code Block» переведён на 4 языка. Благодарим переводчиков за их работу.

Перевести «Highlighting Code Block» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений


  • Some text of setting items has been changed.


  • Support for WordPress 6.4.
  • Support for PHP 8.2.
  • The CSS and Block UI have been significantly adjusted.
  • CSS custom properties have also been renamed and cleaned up overall.
  • Added data-start attribute settings to blocks.


  • Support for WordPress 6.2.
  • The style loading process has been fine-tuned.
  • Added aria-label to the Copy Code button.


  • Support for WordPress 6.1.


  • Support for WordPress 6.0.


  • Fixed the version number.



  • Fixed a bug.


  • Fixed the problem of misaligned lines in some themes.


  • Fixed a bug.


  • Support for WordPress 5.9.
  • Refactored the CSS.


  • Fixed a bug where changing the settings in the languages list did not change the choices in the block.


  • Fixed a bug that amplified the class of the block.
  • Fixed a bug that caused clipboard.js to be loaded even when it was not needed.


  • Support for WordPress 5.8.
  • Required WordPress version raised to 5.6.


  • Fixed a bug that the number of lines is not displayed.


  • Support for WordPress 5.7.
  • Fixed spelling mistakes. («plane» to «plain»)
  • Code fixes.


  • Added copy button function.
  • Code refactoring.
  • Support for WordPress 5.6.


Fixed file icon 404 error.


  • Made the code lighter.
  • Changed handle name of CSS and JS.


Fixed register block.


Fixed block.json file.


  • Adjustments for registering «block libraries».
  • Abolished the block width adjustment function.
  • Abolished the ability to remove «br» tag from the «code» tag.


Change the code to register the script.


  • Fixed a bug that CSS cannot be read depending on the server.
  • It is now possible to set whether to display the language name for each block.
  • Even if the language name is set to hidden, it will be displayed if the file name is entered.
  • You can now preview the display of language names and file names in the block editor.


Fixed translation file.


Fixed translation file.


English is supported.


  • Compatible with WordPress5.3.
  • Deleted the left and right margins of the HCB code block, and left it to the theme.
  • Enabled conversion with core «source code block».


  • Compress CSS file to read.
  • Changed to load some CSS with style tag in head.
  • Fixed a bug that font family settings were not reflected.
  • Code cleanup for CSS and JS


  • Move reading script to wp_footer.
  • Changed HCB block logo.
  • You can now set font-family for code blocks.


  • Support for WordPress 5.2.1
  • Changed font-family of code block.
  • The file name can be set to the code block.


Support for WordPress 5.1.1


Change readme.txt


Comment delete.


Initial release.