How to add Code Syntax Block in Wordpress

Code Syntax Block plugin extends the Gutenberg Block Editor by adding syntax highlighting to the core code block. Wordpress Tutorial

Noted That:

To install correctly this code-syntax-block.zip .
Fisrt Download the code-syntax-block.zip to your computer
Extract/Open code-syntax-block.zip to Your Computer.
Then, Find readme.txt file inside code-syntax-block.zip and Open readme.txt .
Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
Then, Follow the Tips Below.

Start the Tips:

Step-1 : Download " code-syntax-block.zip " to Your Local Computer.

Step-2 : Then, Login to your " yourdomain.com/wp-admin " Dashboard.

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Step-4 : Now, Click on " Upload Plugin " button.

Step-5 : Now, Browse " code-syntax-block.zip " Downloaded plugin from your computer, Where you downloaded " code-syntax-block.zip " According to Step – 1 Above then, click on " Install Now "

Step-6 : Now, Click on " Active Plugin "

Step-7 : Then, See left Side Menu. " Code Syntax Block " folder is added on left Side Menu. Now, Click on " Code Syntax Block " folder.

Noted that: If you do not see " Code Syntax Block " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about Code Syntax Block Configurations and Settings or How to work " Code Syntax Block " in your WordPress site.

After Activated Plugin According to Step-6 then,

Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
or Direct go to: https://yourdomain/wp-admin/plugins.php
Then, Find " Code Syntax Block " Activated Plugin from Plugin List.
Then, Click on " Settings " from Plugin that is Code Syntax Block
Now, Edit/Add/Config the setting and Click on " Save Changes " button,

Guide
After installing and activating the plugin, use in the Block Editor by creating a standard code block and selecting a language format. When creating a new code block, select Code block, and then in the Inspector (Block Controls on the Right) select the language for the code. The code will not change within the editor, but you’ll see a small label with the selected language. On the front-end when the post is being viewed, the code will be color syntax highlighted.

Guide

After installing and activating the plugin, use in the Block Editor by creating a standard code block and selecting a language format.

When creating a new code block, select Code block, and then in the Inspector (Block Controls on the Right) select the language for the code. The code will not change within the editor, but you’ll see a small label with the selected language.

On the front-end when the post is being viewed, the code will be color syntax highlighted.

Name
How to add Miniorange Saml 20 Single Sign On in Wordpress
How to add Image Hover Effects in Wordpress
How to add Wpshopify in Wordpress
How to add Wplms Coauthors Plus in Wordpress
How to add Responsive Vector Maps in Wordpress