How to add Highlight Source Pro in Wordpress

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

Step-1 : Download " highlight-source-pro.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 " highlight-source-pro.zip " Downloaded plugin from your computer, Where you downloaded " highlight-source-pro.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. " Highlight Source Pro " folder is added on left Side Menu. Now, Click on " Highlight Source Pro " folder.

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

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 " Highlight Source Pro " Activated Plugin from Plugin List.
4. Then, Click on " Settings " from Plugin that is Highlight Source Pro
5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,

The plugin is simple to install:

1. Upload the highlight_source_pro folder to your /wp-content/plugins directory
2. Enable via Admin-Interface

How to Use

Set your code-blocks as

-tags. If the language is supported by GeSHi (see file list in the 
/geshi-directory
) use the filename (without extension) as language-attribute. If your code is encoded (html-entities; e.g. 
<
 is displayed as 
<
 – most likely the case if you write in the visual editor) add the 
enc__
-prefix. For example for a php-codeblock you would start as follows:





You can control various things:

* Start of Line-Offset, e.g. for #17: 



* define entity-encoded blocks, e.g. for php: 



* Define a title for your code-block that appears inside the block, but above the code lines. Everything in the same line as the opening 

 tag will be considered the title, including HTML works fine:


 

This is
 an 
example
 with a 

headline



* disable line numbers by not specifying an offset

* combine all those things as long as you stick to the right order: