Banner for Jsfiddle Shortcode W Custom Skins
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:

Step-1 : Download " jsfiddle-shortcode-w-custom-skins.zip " to Your Local Computer.

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

Login to Wordpress Jsfiddle Shortcode W Custom Skins

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

Go to Plugin Install Jsfiddle Shortcode W Custom Skins

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

Click Upload Button Jsfiddle Shortcode W Custom Skins

Step-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 "

Upload Plugin Jsfiddle Shortcode W Custom Skins

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

Activate Jsfiddle Shortcode W Custom Skins

Step-7 : Then, See left Side Menu. " Jsfiddle Shortcode W Custom Skins " folder is added on left Side Menu. Now, Click on " Jsfiddle Shortcode W Custom Skins " folder.

Noted that: If you do not see " Jsfiddle Shortcode W Custom Skins " 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 Jsfiddle Shortcode W Custom Skins Configurations and Settings or How to work " Jsfiddle Shortcode W Custom Skins " 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’);

Name