Banner for Urvanov Syntax Highlighter
Reincarnation of Crayon Syntax Highlighter. Syntax Highlighter supporting multiple languages, themes, fonts, highlighting from a URL, or post text. Wordpress Tutorial
Noted That:
  • To install correctly this urvanov-syntax-highlighter.zip .
  • Fisrt Download the urvanov-syntax-highlighter.zip to your computer
  • Extract/Open urvanov-syntax-highlighter.zip to Your Computer.
  • Then, Find readme.txt file inside urvanov-syntax-highlighter.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 " urvanov-syntax-highlighter.zip " to Your Local Computer.

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

Login to Wordpress Urvanov Syntax Highlighter

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

Go to Plugin Install Urvanov Syntax Highlighter

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

Click Upload Button Urvanov Syntax Highlighter

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

Upload Plugin Urvanov Syntax Highlighter

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

Activate Urvanov Syntax Highlighter

Step-7 : Then, See left Side Menu. " Urvanov Syntax Highlighter " folder is added on left Side Menu. Now, Click on " Urvanov Syntax Highlighter " folder.

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



Guide
  • Download the .zip of the plugin and extract the contents.
  • Upload it to the WordPress plugin directory and activate the plugin.
  • Even easier, just go to Plugins > Add New and search for “Urvanov Syntax Highlighter”.
  • You can change settings and view help under Settings > Crayon in the WordPress Admin.
  • Make sure your theme either manually specifies jQuery, or uses the version shipped with WordPress (recommended). You should NOT print out jQuery manually in the header as a script tag. Enqueueing it in WordPresss will prevent duplicate jQuery includes (also bad) and will allow other scripts to be placed AFTER jQuery in the head tag so they can use it. If you’re uncertain, just let WordPress handle it and remove any jQuery script tags you find in your theme’s header.php.
  • Oll old Crayon inline and blocks should work by default.
  • Don’t use standard Code block in new posts. Use special Urvanov Syntax Highlighter block in Gutenberg editor.

Name