Banner for Code Block For Elementor
An Elementor widget which adds syntax highlighting to your site with PrismJS 1.22.0. This plugin is free and is open source under the MIT license. Wordpress Tutorial
Noted That:
  • To install correctly this code-block-for-elementor.zip .
  • Fisrt Download the code-block-for-elementor.zip to your computer
  • Extract/Open code-block-for-elementor.zip to Your Computer.
  • Then, Find readme.txt file inside code-block-for-elementor.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-block-for-elementor.zip " to Your Local Computer.

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

Login to Wordpress Code Block For Elementor

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

Go to Plugin Install Code Block For Elementor

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

Click Upload Button Code Block For Elementor

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

Upload Plugin Code Block For Elementor

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

Activate Code Block For Elementor

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

Noted that: If you do not see " Code Block For Elementor " 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 Block For Elementor Configurations and Settings or How to work " Code Block For Elementor " 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 " Code Block Syntax Highlighter for Elementor " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is Code Block Syntax Highlighter for Elementor
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide
  1. Upload the plugin to your blog and activate

Name