Horje
An Elementor widget to add syntax highlighting to your sight with PrismJS. Wordpress Tutorial

Noted That:

  • To install correctly this syntax-highlighter-for-elementor.zip .
  • Fisrt Download the syntax-highlighter-for-elementor.zip to your computer
  • Extract/Open syntax-highlighter-for-elementor.zip to Your Computer.
  • Then, Find readme.txt file inside syntax-highlighter-for-elementor.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 " syntax-highlighter-for-elementor.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 " syntax-highlighter-for-elementor.zip "  Downloaded plugin from your computer, Where you downloaded syntax-highlighter-for-elementor.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. " Elementor Syntax Highlighter " folder is added on left sidemenu. Now, Click on " Elementor Syntax Highlighter " folder.

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

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



Guide

Make sure Elementor is activated, then activate this plugin. You’ll see the widget under the “Basic” section in the Elementor sidebar.

elementor , widget , syntax , highlighting , sight , prismjs , tutorial ,

Name
   How to add Events Manager Zoom in Wordpress
   How to add Wordpress Media Tags in Wordpress
   How to add Postcodes4u Address Finder in Wordpress
   How to add Uptime Robot Monitor in Wordpress
   How to add Url Shortify in Wordpress 

Read Article
https://develop.horje.com/learn/1434/reference

 

Horje