Highlighting Code Block


Το “Highlighting Code Block” σας επιτρέπει να προσθέσετε ένα μπλοκ κώδικα με επισήμανση σύνταξης με ένα μόνο κλικ.

It supports both “Block Editor” and “Classic Editor”.
(However, we recommend using it in the “Block Editor”.)

Παρακαλούμε δείτε αυτή τη σελίδα για μια λεπτομερή περιγραφή αυτού του plugin. (Ιαπωνικό άρθρο)

Πως χρησιμοποιείτε (για τον συντάκτη μπλοκ)

  • Open the “Formatting” category of the Block Inserter.
  • There is a custom block named “Highlighing Code Block”.
  • Select it, the block will be inserted.
  • Select the language of the code and enter any code.

Πως χρησιμοποιείτε (για τον κλασικό συντάκτη)

  • You should see a select box labeled “Code Block” on the toolbar (2nd row by default).
  • When you select a language from the select box, a code block (pre tag) is inserted.

Αν δεν δουλέψει

Αυτό το πρόσθετο λειτουργεί μόνο με έκδοση PHP 5.6 ή νεότερη, WordPress 5.6 ή νεότερο.
Παρακαλούμε ελέγξτε την έκδοση PHP σας και την έκδοση WordPress.

Πληροφορίες για τις ρυθμίσεις

The menu “[HCB] Settings” should be added to “Settings” in the left menu of the management screen.
Settings related to this plugin are set in this menu.


  • Χρωματισμός κώδικα
  • Select 「Highlighing Code Block
  • Επιλογή γλώσσας (Gutenberg)
  • Συγγραφή κώδικα (Gurenberg)
  • Added select box (Tinymce)
  • Επιλογή γλώσσας (Tinymce)
  • Συγγραφή κώδικα (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


25 Ιουλίου 2023
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 Νοεμβρίου 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!
9 Οκτωβρίου 2022 1 απάντηση
I found it difficult to configure and support is non-existent.
1 Νοεμβρίου 2021
Does what it should do without bells and whistles
Ανάγνωση όλων των 16 κριτικών

Συνεισφέροντες & Προγραμματιστές

“Highlighting Code Block” είναι λογισμικό ανοιχτού κώδικα. Οι παρακάτω έχουν συνεισφέρει στη δημιουργία του.


Το “Highlighting Code Block” έχει μεταφραστεί σε 4 γλώσσες. Ευχαριστούμε τους μεταφραστές για τις συνεισφορές τους.

Μεταφράστε το “Highlighting Code Block” στην γλώσσα σας.

Ενδιαφέρεστε για την ανάπτυξη;

Περιηγηθείτε στον κώδικα, ανατρέξτε στο αποθετήριο SVN ή εγγραφείτε στο αρχείο καταγραφής αλλαγών ανάπτυξης μέσω RSS .

Σύνοψη αλλαγών


  • 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.
  • Υποστήριξη για WordPress 5.6.


Fixed file icon 404 error.


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


Fixed register block.


Διόρθωση αρχείου block.json.


  • 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.


Διόρθωση αρχείου μετάφρασης.


Διόρθωση αρχείου μετάφρασης.


Υποστήριξη Αγγλικών.


  • Συμβατό με WordPress5.3.
  • Διαγράφηκαν τα αριστερά και δεξιά περιθώρια του μπλοκ κώδικα του HCB.
  • 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.


  • Αλλάχθηκε το font-family του μπλοκ κώδικα.
  • Αλλάχθηκε το font-family του μπλοκ κώδικα.
  • The file name can be set to the code block.


Υποστήριξη για WordPress 5.1.1


Αλλαγή readme.txt


Διαγραφή σχολίου.


Αρχική έκδοση.