Banner for Syntaxhighlighter Plus
Easily post source code such as PHP or HTML and display it in a styled box. Wordpress Tutorial
Noted That:
  • To install correctly this syntaxhighlighter-plus.zip .
  • Fisrt Download the syntaxhighlighter-plus.zip to your computer
  • Extract/Open syntaxhighlighter-plus.zip to Your Computer.
  • Then, Find readme.txt file inside syntaxhighlighter-plus.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 " syntaxhighlighter-plus.zip " to Your Local Computer.

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

Login to Wordpress Syntaxhighlighter Plus

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

Go to Plugin Install Syntaxhighlighter Plus

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

Click Upload Button Syntaxhighlighter Plus

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

Upload Plugin Syntaxhighlighter Plus

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

Activate Syntaxhighlighter Plus

Step-7 : Then, See left Side Menu. " Syntaxhighlighter Plus " folder is added on left Side Menu. Now, Click on " Syntaxhighlighter Plus " folder.

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



Guide

Updgrading From A Previous Version

To upgrade from a previous version of this plugin, delete the entire folder and files from the previous version of the plugin and then follow the installation instructions below.

  • Starting from WordPress 2.7, plugin upgrades are handled by WordPress, there is no need to manually upload files.

Important: If you have made any changes to the CSS file, please make sure to back it up before upgrade!

Uploading The Plugin

Extract all files from the ZIP file, making sure to keep the file structure intact, and then upload it to /wp-content/plugins/ .

This should result in the following file structure:


- wp-content - plugins - syntaxhighlighter-plus | readme.txt | syntaxhighlighter.php - syntaxhighlighter - scripts | clipboard.swf | shBrushBash.js | shBrushCpp.js | shBrushCSharp.js | [...] | shCore.js | shLegacy.js - src | shCore.js | shLegacy.js - styles | SyntaxHighlighter.css

See Also: “Installing Plugins” article on the WP Codex

Plugin Activation

Go to the admin area of your WordPress install and click on the “Plugins” menu. Click on “Activate” for the “SyntaxHighlighter” plugin.

Plugin Usage

Just wrap your code in [sourcecode language='css']code here[/sourcecode] . The language attribute is required ! See the plugin’s description for a list of valid language attributes.


Name