Horje
Users can link their WordPress account to JSFiddle and insert their fiddles via a shortcode. It supports custom skins for JSFiddle embeds. Wordpress Tutorial

Noted That:

  • To install correctly this jsfiddle-shortcode-w-custom-skins.zip .
  • Fisrt Download the jsfiddle-shortcode-w-custom-skins.zip to your computer
  • Extract/Open jsfiddle-shortcode-w-custom-skins.zip to Your Computer.
  • Then, Find readme.txt file inside jsfiddle-shortcode-w-custom-skins.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 " jsfiddle-shortcode-w-custom-skins.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 " jsfiddle-shortcode-w-custom-skins.zip "  Downloaded plugin from your computer, Where you downloaded jsfiddle-shortcode-w-custom-skins.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. " JSFiddle Shortcode by InternetAlche.Me " folder is added on left sidemenu. Now, Click on " JSFiddle Shortcode by InternetAlche.Me " folder.

   Noted that: If you do not see " JSFiddle Shortcode by InternetAlche.Me " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

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



Guide

If you are upgrading from 1.0 or v1.0b (before I understood the WP Repo version tagging), you will have to reset your options because the deactivation process was incorrectly set up. All future versions will maintain your options. I apologize for the inconvenience.

  1. Upload jsfiddle-shortcode-w-custom-skins to your plug-in directory or install it from the WordPress Plug-in Repository
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Add your JSFiddle username to the contact method field for JSFiddle, or open JSFiddle Shortcode Settings from the Settings menu and define your previously added JSFiddle user contact method field
  4. Begin adding JSFiddles to your posts and pages using the metabox
  5. Add custom skins to the /jsfiddle-shortcode-w-custom-skins/jsFiddle-skin-proxy/skins/ directory or open JSFiddle Shortcode Settings and define your custom skin directory there
  6. Add the following code block to your functions.php to allow JSFiddles in your comments:
    function init_comment_shortcodes() {
    remove_all_shortcodes();
    add_shortcode(‘iajsfiddle’, ‘ia_jsfiddle_display_by_shortcode’);
    add_filter(‘comment_text’, ‘do_shortcode’);
    }
    add_filter(‘comments_template’, ‘init_comment_shortcodes’);

their , jsfiddle , users , link , account , insert , fiddles , shortcode , supports , custom ,

Name

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