Horje
  • Home

  • How to add Wp Codemirror Block in Wordpress

CodeMirror Blocks is useful for developers blog, tutorial site where display formatted (highlighted) code of any program. With support of 100+ Languag …

Noted That:

  • To install correctly this wp-codemirror-block.zip.
  • Fisrt Download the wp-codemirror-block.zip to your computer
  • Extract/Open wp-codemirror-block.zip to Your Computer.
  • Then, Find readme.txt file inside wp-codemirror-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:

1. First Download "wp-codemirror-block.zip" Plugin to your Local Computer. (Click Download)

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

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

3. Then, Click on "Plugins" + "Add New" from left sidemenu of Dashboard.

/stack/wp/e1593231378Screenshot20.png

4. Now, Click on "Upload Plugin" button.

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

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

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on "Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

7. Then, See left sidemenu. "CodeMirror Blocks" folder is added on left sidemenu. Now, Click on "CodeMirror Blocks" folder.

   Noted that: If you do not see "CodeMirror Blocks" folder on left sidemenu then, see at left sidemenu "Settings" or "Tools".

8. Now you configure yourself oR Watch video tutorial below about CodeMirror Blocks Configurtions and Settings or How to work "CodeMirror Blocks" 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 "CodeMirror Blocks" Activated Plugin from Plugin List.
  4. Then, Click on "Settings" from Plugin that is CodeMirror Blocks
  5. Now, Edit/Add/Config the setting and Click on "Save Changes" button,
WP Plugin Setting


Guide

Install “CodeMirror Blocks” just as you would any other WordPress Plugin.

Automatically via WordPress Admin Area:

  1. Log in to Admin Area of your WordPress website.
  2. Go to Plugins -> Add New.
  3. Find this plugin and click install.
  4. Activate this plugin through the Plugins tab.

Manually via FTP access:

  1. Download a copy (ZIP file) of this plugin from WordPress.org.
  2. Unzip the ZIP file.
  3. Upload the unzipped catalog to your website’s plugin directory (/wp-content/plugins/).
  4. Log in to Admin Area of your WordPress website.
  5. Activate this plugin through the Plugins tab.

More help installing plugins

 
Reffered: https://wordpress.org/