Banner for Wp Code Highlight
WP Code Highlight provides clean syntax highlighting and it also provides a code button. Wordpress Tutorial
Noted That:
  • To install correctly this wp-code-highlight.zip .
  • Fisrt Download the wp-code-highlight.zip to your computer
  • Extract/Open wp-code-highlight.zip to Your Computer.
  • Then, Find readme.txt file inside wp-code-highlight.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 " wp-code-highlight.zip " to Your Local Computer.

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

Login to Wordpress Wp Code Highlight

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

Go to Plugin Install Wp Code Highlight

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

Click Upload Button Wp Code Highlight

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

Upload Plugin Wp Code Highlight

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

Activate Wp Code Highlight

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

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



Guide
  1. Download and extract wp-code-highlight.zip to wp-content/plugins/
  2. Activate the plugin through the “Plugins” menu in WordPress
  3. “Dashboard”-> ”Users”-> ”Your Profile”-> ”Disable the visual editor when writing”
  4. “Dashboard”-> ”Settings”-> ”WP Code Highlight”
  5. Wrap code blocks with
    
     and 
    
    (It provides a code button in the HTML editor)
  6. You don’t need to specify the language since WP Code Highlight will guess, all languages are supported
  7. It can also load wp-code-highlight.css from current wordpress theme directory

Name