Title: Youbou Code Block
Author: Youssef Bouhlal
Published: <strong>04.08.2024</strong>
Last modified: 04.08.2024

---

Шукати плагіни

Цей плагін **не перевірявся з останніми 3-ма основними випусками WordPress**. Можливо,
він більше не може розроблятися або підтримуватися, і він може мати проблеми сумісності
при використанні з більш новими версіями WordPress.

![](https://s.w.org/plugins/geopattern-icon/youbou-code-block.svg)

# Youbou Code Block

 Від автора [Youssef Bouhlal](https://profiles.wordpress.org/youssefbouhlal/)

[Завантажити](https://downloads.wordpress.org/plugin/youbou-code-block.zip)

 * [Деталі](https://uk.wordpress.org/plugins/youbou-code-block/#description)
 * [Відгуки](https://uk.wordpress.org/plugins/youbou-code-block/#reviews)
 *  [Встановлення](https://uk.wordpress.org/plugins/youbou-code-block/#installation)
 * [Розробка](https://uk.wordpress.org/plugins/youbou-code-block/#developers)

 [Підтримка](https://wordpress.org/support/plugin/youbou-code-block/)

## Опис

The Youbou Code Block is a Gutenberg block plugin for WordPress that allows users
to easily add syntax-highlighted code snippets to their posts and pages. This plugin
supports a wide range of programming languages and includes a convenient copy-to-
clipboard functionality.

### Features

 * Syntax highlighting for various programming languages
 * Supports the following languages:
    - HTML
    - CSS
    - SCSS
    - JavaScript
    - TypeScript
    - PHP
    - Ruby
    - Python
    - Swift
    - C
    - C#
    - C++
    - Objective-C
    - SQL
    - JSON
    - Bash
    - Git
 * Copy-to-clipboard functionality for code snippets
 * Easy to use Gutenberg block interface

### License

This plugin is licensed under the GPLv2 or later. For more information, see [http://www.gnu.org/licenses/gpl-2.0.html](http://www.gnu.org/licenses/gpl-2.0.html).

## Скріншоти

[⌊Example of the Code Highlighting Block in the Gutenberg editor.⌉⌊Example of the
Code Highlighting Block in the Gutenberg editor.⌉[

Example of the Code Highlighting Block in the Gutenberg editor.

[⌊Code block with syntax highlighting and copy-to-clipboard button.⌉⌊Code block 
with syntax highlighting and copy-to-clipboard button.⌉[

Code block with syntax highlighting and copy-to-clipboard button.

## Блоки

Цей плагін надає 1 блок.

 *   Youbou Code Block Code block with syntax highlighting.

## Встановлення

 1. Upload the plugin files to the `/wp-content/plugins/code-highlighting-block` directory,
    or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.
 3. Navigate to the Gutenberg editor and add the ‘Code Highlighting Block’ to your 
    post or page.
 4. Select the programming language and add your code.

## Часті питання

### What programming languages are supported?

The plugin supports the following languages:
 * HTML * CSS * SCSS * JavaScript *
TypeScript * PHP * Ruby * Python * Swift * C * C# * C++ * Objective-C * SQL * JSON*
Bash * Git

### How do I use the copy-to-clipboard functionality?

When you hover over the code block, a ‘Copy’ button will appear. Click this button
to copy the code to your clipboard.

## Відгуки

Для цього плагіна немає відгуків.

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

“Youbou Code Block” — проект з відкритим вихідним кодом. В розвиток плагіну внесли
свій вклад наступні учасники:

Учасники

 *   [ Youssef Bouhlal ](https://profiles.wordpress.org/youssefbouhlal/)

[Перекладіть “Youbou Code Block” на вашу мову.](https://translate.wordpress.org/projects/wp-plugins/youbou-code-block)

### Цікавитесь розробкою?

[Перегляньте код](https://plugins.trac.wordpress.org/browser/youbou-code-block/),
перегляньте [сховище SVN](https://plugins.svn.wordpress.org/youbou-code-block/) 
або підпишіться на [журнал розробки](https://plugins.trac.wordpress.org/log/youbou-code-block/)
за допомогою [RSS](https://plugins.trac.wordpress.org/log/youbou-code-block/?limit=100&mode=stop_on_copy&format=rss).

## Журнал змін

#### 1.0

 * Initial release of the Code Highlighting Block plugin.

## Мета

 *  Версія **1.0.0**
 *  Останнє оновлення **2 роки тому**
 *  Активних встановлень **Менше 10**
 *  Версія WordPress ** 6.1 або вище **
 *  Tested up to **6.5.8**
 *  Версія PHP ** 7.2 або вище **
 *  Мова
 * [English (US)](https://wordpress.org/plugins/youbou-code-block/)
 * Позначки
 * [code highlighting](https://uk.wordpress.org/plugins/tags/code-highlighting/)
   [copy to clipboard](https://uk.wordpress.org/plugins/tags/copy-to-clipboard/)
   [Gutenberg block](https://uk.wordpress.org/plugins/tags/gutenberg-block/)[syntax highlighting](https://uk.wordpress.org/plugins/tags/syntax-highlighting/)
 *  [Розширений перегляд](https://uk.wordpress.org/plugins/youbou-code-block/advanced/)

## Оцінки

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/youbou-code-block/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/youbou-code-block/reviews/)

## Учасники

 *   [ Youssef Bouhlal ](https://profiles.wordpress.org/youssefbouhlal/)

## Підтримка

Є що сказати? Потрібна допомога?

 [Перейти в форум підтримки](https://wordpress.org/support/plugin/youbou-code-block/)