Banner for Highlighting Code Block
Add code block with syntax highlighting using prism.js. (Available for Gutenberg and Classic Editor) Wordpress Tutorial
Noted That:
  • To install correctly this highlighting-code-block.zip .
  • Fisrt Download the highlighting-code-block.zip to your computer
  • Extract/Open highlighting-code-block.zip to Your Computer.
  • Then, Find readme.txt file inside highlighting-code-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 " highlighting-code-block.zip " to Your Local Computer.

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

Login to Wordpress Highlighting Code Block

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

Go to Plugin Install Highlighting Code Block

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

Click Upload Button Highlighting Code Block

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

Upload Plugin Highlighting Code Block

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

Activate Highlighting Code Block

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

Noted that: If you do not see " Highlighting Code 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 Highlighting Code Block Configurations and Settings or How to work " Highlighting Code Block " in your WordPress site.

oR

After Activated Plugin According to Step-6 then,

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



Guide

This plugin can be installed directly from your site.

  1. Log in and navigate to “Plugins” ? “Add New”.
  2. Type “Highlighting Code Block” in the search field and press Enter.
  3. Locate the plugin in the list of search results and click “Install Now”.
  4. Once installed, click the “Activate” button.

Name