SVG Support - Version 2.3.8

Version Description

  • Added some CSS to make sure featured images show on WooCommerce products, Sensei Courses and Lessons.
  • Fix: Auto insert class setting was stripping featured image HTML in some cases.
Download this release

Release Info

Developer Benbodhi
Plugin Icon 128x128 SVG Support
Version 2.3.8
Comparing to
See all releases

Code changes from version 2.3.7 to 2.3.8

config.codekit3 CHANGED
@@ -7,7 +7,7 @@
7
  "uuidString": "FDF09C14-788E-4A4D-A218-DA6A56580A0D"
8
  }
9
  ],
10
- "creatorBuild": "25704",
11
  "files": {
12
  "\/admin\/admin-init.php": {
13
  "ft": 8192,
@@ -33,6 +33,16 @@
33
  "oAP": "\/admin\/svgs-settings-page.php",
34
  "oF": 0
35
  },
 
 
 
 
 
 
 
 
 
 
36
  "\/css\/svgs-admin-simple-mode.css": {
37
  "aP": 1,
38
  "bl": 0,
@@ -177,6 +187,19 @@
177
  "oAP": "\/readme.txt",
178
  "oF": 0
179
  },
 
 
 
 
 
 
 
 
 
 
 
 
 
180
  "\/scss\/svgs-admin-simple-mode.scss": {
181
  "aP": 0,
182
  "bl": 0,
@@ -1191,6 +1214,10 @@
1191
  "active": 0,
1192
  "optionString": ""
1193
  },
 
 
 
 
1194
  "no-redeclare": {
1195
  "active": 1,
1196
  "optionString": "{'builtinGlobals': false}"
@@ -2015,14 +2042,6 @@
2015
  "orderOutput": 0,
2016
  "outputStyle": 1
2017
  },
2018
- "languageDefaultsJSX": {
2019
- "autoOutputAction": 0,
2020
- "autoOutputPathFilenamePattern": "*.js",
2021
- "autoOutputPathRelativePath": "",
2022
- "autoOutputPathReplace1": "jsx",
2023
- "autoOutputPathReplace2": "js",
2024
- "autoOutputPathStyle": 0
2025
- },
2026
  "languageDefaultsKIT": {
2027
  "autoOutputAction": 0,
2028
  "autoOutputPathFilenamePattern": "*.html",
@@ -2085,7 +2104,7 @@
2085
  "autoOutputPathReplace1": "",
2086
  "autoOutputPathReplace2": "",
2087
  "autoOutputPathStyle": 0,
2088
- "enableLossy": 1,
2089
  "quality": 100
2090
  },
2091
  "languageDefaultsPUG": {
7
  "uuidString": "FDF09C14-788E-4A4D-A218-DA6A56580A0D"
8
  }
9
  ],
10
+ "creatorBuild": "25813",
11
  "files": {
12
  "\/admin\/admin-init.php": {
13
  "ft": 8192,
33
  "oAP": "\/admin\/svgs-settings-page.php",
34
  "oF": 0
35
  },
36
+ "\/css\/svgs-admin-edit-post.css": {
37
+ "aP": 1,
38
+ "bl": 0,
39
+ "ft": 16,
40
+ "ma": 0,
41
+ "oA": 0,
42
+ "oAP": "\/css\/svgs-admin-edit-post-min.css",
43
+ "oF": 0,
44
+ "oS": 0
45
+ },
46
  "\/css\/svgs-admin-simple-mode.css": {
47
  "aP": 1,
48
  "bl": 0,
187
  "oAP": "\/readme.txt",
188
  "oF": 0
189
  },
190
+ "\/scss\/svgs-admin-edit-post.scss": {
191
+ "aP": 0,
192
+ "bl": 0,
193
+ "dP": 10,
194
+ "dS": 0,
195
+ "ft": 4,
196
+ "ma": 0,
197
+ "oA": 0,
198
+ "oAP": "\/css\/svgs-admin-edit-post.css",
199
+ "oF": 2,
200
+ "oS": 3,
201
+ "uL": 1
202
+ },
203
  "\/scss\/svgs-admin-simple-mode.scss": {
204
  "aP": 0,
205
  "bl": 0,
1214
  "active": 0,
1215
  "optionString": ""
1216
  },
1217
+ "no-prototype-builtins": {
1218
+ "active": 0,
1219
+ "optionString": ""
1220
+ },
1221
  "no-redeclare": {
1222
  "active": 1,
1223
  "optionString": "{'builtinGlobals': false}"
2042
  "orderOutput": 0,
2043
  "outputStyle": 1
2044
  },
 
 
 
 
 
 
 
 
2045
  "languageDefaultsKIT": {
2046
  "autoOutputAction": 0,
2047
  "autoOutputPathFilenamePattern": "*.html",
2104
  "autoOutputPathReplace1": "",
2105
  "autoOutputPathReplace2": "",
2106
  "autoOutputPathStyle": 0,
2107
+ "optimizerType": 1,
2108
  "quality": 100
2109
  },
2110
  "languageDefaultsPUG": {
css/svgs-admin-edit-post.css ADDED
@@ -0,0 +1 @@
 
1
+ body #set-post-thumbnail,body #postimagediv .inside img{width:100%}
functions/attribute-control.php CHANGED
@@ -52,8 +52,8 @@ if ( bodhi_svgs_advanced_mode() ) {
52
  */
53
  if ( ! empty( $bodhi_svgs_options['auto_insert_class'] ) ) {
54
  add_filter( 'image_send_to_editor', 'bodhi_svgs_auto_insert_class', 10 );
55
- add_filter( 'post_thumbnail_html', 'bodhi_svgs_auto_insert_class', 10 );
56
  }
57
 
58
 
59
- }
52
  */
53
  if ( ! empty( $bodhi_svgs_options['auto_insert_class'] ) ) {
54
  add_filter( 'image_send_to_editor', 'bodhi_svgs_auto_insert_class', 10 );
55
+ // add_filter( 'post_thumbnail_html', 'bodhi_svgs_auto_insert_class', 10 );
56
  }
57
 
58
 
59
+ }
functions/enqueue.php CHANGED
@@ -28,6 +28,14 @@ function bodhi_svgs_admin_css() {
28
 
29
  }
30
 
 
 
 
 
 
 
 
 
31
  }
32
  add_action( 'admin_enqueue_scripts', 'bodhi_svgs_admin_css' );
33
 
@@ -74,4 +82,4 @@ function bodhi_svgs_inline() {
74
  }
75
 
76
  }
77
- add_action( 'wp_enqueue_scripts', 'bodhi_svgs_inline' );
28
 
29
  }
30
 
31
+ // check if user is on an edit post page
32
+ if ( bodhi_svgs_is_edit_page() ) {
33
+
34
+ // enqueue the edit post CSS
35
+ wp_enqueue_style( 'bodhi-svgs-admin-edit-post', BODHI_SVGS_PLUGIN_URL . 'css/svgs-admin-edit-post.css' );
36
+
37
+ }
38
+
39
  }
40
  add_action( 'admin_enqueue_scripts', 'bodhi_svgs_admin_css' );
41
 
82
  }
83
 
84
  }
85
+ add_action( 'wp_enqueue_scripts', 'bodhi_svgs_inline' );
readme.txt CHANGED
@@ -1,10 +1,10 @@
1
  === SVG Support ===
2
  Contributors: Benbodhi
3
  Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=Z9R7JERS82EQQ
4
- Tags: svg, vector, css, style, mime, mime type, embed, img, inline, animation
5
  Requires at least: 4.0
6
- Tested up to: 4.8-alpha-40396
7
- Stable tag: 2.3.7
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -24,71 +24,82 @@ The main purpose of this is to allow styling of SVG elements. Usually your styli
24
  = Features =
25
 
26
  * SVG Support for your media library
 
 
27
  * Style SVG elements directly using CSS
28
  * Super easy settings page with instructions
29
  * Restrict SVG upload ability to Administrators only
30
  * Set custom css target class
31
  * **Extremely Simple To Use**
32
 
33
- = Usage =
34
 
35
- Firstly, install SVG Support (this plugin) and activate it.
36
 
37
  Once activated, you can simply upload SVG images to your media library like any other file.
38
 
39
  As an administrator, you can go to the admin settings page 'Settings' > 'SVG Support' and restrict SVG file uploads to administrators only and even define a custom CSS class to target if you wish.
40
 
41
- If you only need simple functionality to upload SVG files, then you don't need to enable "Advanced Mode" which will make sure that the frontend script is not enqueued for performance and will hide the unnecessary settings.
 
 
 
 
42
 
43
- For advanced users, enable the "Advanced Mode" under Settings > SVG Support. Then you can embed your SVG images just like you would a standard image with the addition of adding (in text view) the class `"style-svg"` (or the custom class you defined) to your IMG tags that you want this plugin to swap out with your actual SVG code. You can also remove any other attributes from the tag and use CSS to manage the size. There is also a setting to automatically add your class to the IMG tag for you when you're inserting it in to a post or page.<br />
44
  For example:
45
 
46
  `<img class="style-svg" alt="alt-text" src="image-source.svg" />`
 
47
  or
 
48
  `<img class="your-custom-class" alt="alt-text" src="image-source.svg" />`
49
 
50
  The whole IMG tag element will now be dynamically replaced by the actual code of your SVG, making the inner content targetable.<br />
51
  This allows you to target elements within your SVG using CSS.
52
 
 
 
 
 
53
  *Featured Images:* If a post/page is saved with your SVG as a featured image, a checkbox will display in the featured image meta box to allow you to render it inline (only if advanced mode is active).
54
 
55
- Please Note: You will need to set your own height and width in your CSS for SVG files to display correctly.
56
 
57
  *If you are having any issues, please use the support tab and I will try my best to get back to you quickly*
58
 
59
- = Security =
60
 
61
  As with allowing uploads of any files, there is potential risks involved. Only allow users to upload SVG files if you trust them. You have the option to restrict SVG usage to Administrators only from the settings page. By default, anyone with Media Library access or upload_files capability will be able to upload SVG files (that is Administrators, Authors and Editors). Please note that SVG files are actually XML which would allow someone to inject malicious code if you're not careful with who has upload privileges.
62
 
63
- = Feedback =
64
 
65
  * I am open to your [suggestions and feedback](mailto:wp@benbodhi.com) - Thanks for using SVG Support!
66
- * Drop me a line [@benbodhi](http://twitter.com/benbodhi) or [@GoWebben](http://twitter.com/gowebben) on Twitter
67
- * Follow me on [my Facebook page](http://www.facebook.com/gowebben)
68
  * Or circle [+GoWebben](https://plus.google.com/+Gowebben/) on Google Plus ;-)
69
 
70
- *Note:* This is the second plugin I have submitted to the WordPress repository, I hope you like it. Please take a moment to rate it and click 'works' under compatibility with your version of WordPress.<br />
71
- As always, feel free to [send me any suggestions](mailto:wp@benbodhi.com).
72
 
73
- == Installation ==
74
 
75
- To install this plugin:
 
76
 
77
- = via wp-admin =
78
- 1. Visit 'Plugins' > 'Add New'
79
- 2. Type "SVG Support" into the search field
80
- 3. Click 'Install Plugin' and confirm in the pop up
81
- 4. Hover over SVG Support and click 'Activate Plugin'
82
 
83
- or
 
 
 
84
 
85
- 1. Upload the compressed version `svg-support.zip` through 'Plugins' > 'Add New' > 'Upload'
86
- 2. Click 'Activate Plugin'
87
 
88
- = via FTP =
89
- 1. Download plugin file and extract it
90
- 2. Upload folder `svg-support` to your `/wp-content/plugins/` directory
91
- 3. Activate the plugin through the 'Plugins' menu in WordPress
 
92
 
93
  == Frequently Asked Questions ==
94
 
@@ -131,8 +142,32 @@ You need to add the mime type for svg and svgz to: "MLA Settings > Media Library
131
  3. Featured Image checkbox to render SVG inline
132
  4. Inline SVG in the front end markup
133
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
134
  == Changelog ==
135
 
 
 
 
 
 
136
  = 2.3.7 =
137
 
138
  * Added WP version check to wrap mime fix function needed for WP v4.7.1 - v4.7.2.
@@ -281,6 +316,10 @@ You need to add the mime type for svg and svgz to: "MLA Settings > Media Library
281
 
282
  == Upgrade Notice ==
283
 
 
 
 
 
284
  = 2.3.7 =
285
 
286
  * Fixes issues with media library not loading for some, attachment-modal errors and adds some wider compatibility.
@@ -386,25 +425,3 @@ IMPORTANT, MAJOR CHANGES, BACKUP BEFORE UPDATING: Users that are inlining SVG wi
386
  = 1.0 =
387
 
388
  * Initial Release.
389
-
390
- == Translations ==
391
-
392
- You can [contribute your translation here](https://translate.wordpress.org/projects/wp-plugins/svg-support).
393
- New to Translating WordPress? Read through the [Translator Handbook](https://make.wordpress.org/polyglots/handbook/tools/glotpress-translate-wordpress-org/) to get started.
394
-
395
- == Additional Info ==
396
- **Idea Behind / Philosophy:** I needed an easy way to include SVG support in sites instead of having to copy and paste the code for each one. I also needed the ability to make odd shaped image links which SVG allows by embedding the links in the SVG file directly. I found a [really cool snippet](http://stackoverflow.com/questions/11978995/how-to-change-color-of-svg-image-using-css-jquery-svg-image-replacement) of jQuery written by Drew Baker a while ago and have used it (modified for WordPress) a few times until I was inspired to build it all into a plugin for ease of use and to share with others. Now styling SVG elements is super easy :)
397
-
398
- == Future Features ==
399
- * Option to choose which user ID can access the settings
400
- * Option to choose specific user ID's for usage restriction (both helpful if you have multiple administrators)
401
-
402
- Again, feel free to [shoot me suggestions](mailto:wp@benbodhi.com)
403
-
404
- == Credits ==
405
- Plugin by [Benbodhi Mantra](http://benbodhi.com/) [@benbodhi](http://twitter.com/benbodhi) from [GoWebben](http://gowebben.com/) [@GoWebben](http://twitter.com/gowebben)
406
-
407
- Thanks to [laurosello](https://wordpress.org/support/profile/laurosollero) for his code contribution in svg-inline.php.
408
- Thanks to Ogi Djuraskovic from [first site guide]( http://firstsiteguide.com/) for providing the Serbian translation!
409
- Thanks to [Apasionados del Marketing](http://apasionados.es) for the Spanish translation.
410
- Logo By W3C, CC BY 2.5, [https://commons.wikimedia.org/w/index.php?curid=1895005](https://commons.wikimedia.org/w/index.php?curid=1895005).
1
  === SVG Support ===
2
  Contributors: Benbodhi
3
  Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=Z9R7JERS82EQQ
4
+ Tags: svg, vector, css, style, mime, mime type, embed, img, inline, animation, animate
5
  Requires at least: 4.0
6
+ Tested up to: 4.8-alpha-40609
7
+ Stable tag: 2.3.8
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
24
  = Features =
25
 
26
  * SVG Support for your media library
27
+ * Inline your SVG code
28
+ * Works with the new Image Widget (WordPress 4.8+)
29
  * Style SVG elements directly using CSS
30
  * Super easy settings page with instructions
31
  * Restrict SVG upload ability to Administrators only
32
  * Set custom css target class
33
  * **Extremely Simple To Use**
34
 
35
+ == Usage ==
36
 
37
+ Firstly, install and activate SVG Support (this plugin).
38
 
39
  Once activated, you can simply upload SVG images to your media library like any other file.
40
 
41
  As an administrator, you can go to the admin settings page 'Settings' > 'SVG Support' and restrict SVG file uploads to administrators only and even define a custom CSS class to target if you wish.
42
 
43
+ If you only need to upload SVG files to use as images, you don't need to enable "Advanced Mode”. Leaving it disabled ensures the frontend script is not enqueued and the unnecessary settings stay hidden.
44
+
45
+ **For advanced users:** Enable the "Advanced Mode" under Settings > SVG Support.
46
+
47
+ With advanced mode enabled, you can embed your SVG images just like you would a standard image with the addition of adding (in text view) the class `"style-svg"` (or the custom class you defined) to your IMG tags that you want this plugin to swap out with your actual SVG code.
48
 
 
49
  For example:
50
 
51
  `<img class="style-svg" alt="alt-text" src="image-source.svg" />`
52
+
53
  or
54
+
55
  `<img class="your-custom-class" alt="alt-text" src="image-source.svg" />`
56
 
57
  The whole IMG tag element will now be dynamically replaced by the actual code of your SVG, making the inner content targetable.<br />
58
  This allows you to target elements within your SVG using CSS.
59
 
60
+ You can remove all other attributes from the IMG tag as it will disappear anyway.
61
+
62
+ There’s a setting to automatically add your class to the IMG tag for you when you're inserting SVG’s in to a post or page, which also removes unnecessary tags.
63
+
64
  *Featured Images:* If a post/page is saved with your SVG as a featured image, a checkbox will display in the featured image meta box to allow you to render it inline (only if advanced mode is active).
65
 
66
+ Please Note: If your SVG isn’t showing, it’s likely that it is being displayed with 0 height and width. In this case, you will need to set your own height and width in your CSS for SVG files to display correctly.
67
 
68
  *If you are having any issues, please use the support tab and I will try my best to get back to you quickly*
69
 
70
+ == Security ==
71
 
72
  As with allowing uploads of any files, there is potential risks involved. Only allow users to upload SVG files if you trust them. You have the option to restrict SVG usage to Administrators only from the settings page. By default, anyone with Media Library access or upload_files capability will be able to upload SVG files (that is Administrators, Authors and Editors). Please note that SVG files are actually XML which would allow someone to inject malicious code if you're not careful with who has upload privileges.
73
 
74
+ == Feedback ==
75
 
76
  * I am open to your [suggestions and feedback](mailto:wp@benbodhi.com) - Thanks for using SVG Support!
77
+ * Tag me [@benbodhi](https://twitter.com/benbodhi) or [@GoWebben](https://twitter.com/gowebben) on Twitter
78
+ * Like & Follow [my Facebook page](https://www.facebook.com/gowebben)
79
  * Or circle [+GoWebben](https://plus.google.com/+Gowebben/) on Google Plus ;-)
80
 
81
+ *Note:* This is the second plugin on the WordPress repository, I hope you like it. Please take a moment to rate it and click 'works' under compatibility with your version of WordPress.
 
82
 
83
+ == Translations ==
84
 
85
+ You can [contribute your translation here](https://translate.wordpress.org/projects/wp-plugins/svg-support).
86
+ New to Translating WordPress? Read through the [Translator Handbook](https://make.wordpress.org/polyglots/handbook/tools/glotpress-translate-wordpress-org/) to get started.
87
 
88
+ == Additional Info ==
89
+ **Idea Behind / Philosophy:** I needed an easy way to include SVG support in sites instead of having to copy and paste the code for each one. I also needed the ability to make odd shaped image links which SVG allows by embedding the links in the SVG file directly. I found a [really cool snippet](http://stackoverflow.com/questions/11978995/how-to-change-color-of-svg-image-using-css-jquery-svg-image-replacement) of jQuery written by Drew Baker a while ago and have used it (modified for WordPress) a few times until I was inspired to build it all into a plugin for ease of use and to share with others. Now styling SVG elements is super easy :)
 
 
 
90
 
91
+ == Future Features ==
92
+ * Option to choose which user ID can access the settings
93
+ * Option to choose specific user ID's for usage restriction (both helpful if you have multiple administrators)
94
+ * Built in SVG animation editor
95
 
96
+ Again, feel free to [shoot me suggestions](mailto:wp@benbodhi.com)
 
97
 
98
+ == Credits ==
99
+ Plugin by [Benbodhi](https://benbodhi.com/) [@benbodhi](https://twitter.com/benbodhi) from [GoWebben](http://gowebben.com/) [@GoWebben](https://twitter.com/gowebben)
100
+
101
+ Thanks to [laurosello](https://wordpress.org/support/profile/laurosollero) for his code contribution in svg-inline.php.
102
+ Logo By W3C, CC BY 2.5, [https://commons.wikimedia.org/w/index.php?curid=1895005](https://commons.wikimedia.org/w/index.php?curid=1895005).
103
 
104
  == Frequently Asked Questions ==
105
 
142
  3. Featured Image checkbox to render SVG inline
143
  4. Inline SVG in the front end markup
144
 
145
+ == Installation ==
146
+
147
+ = via wp-admin =
148
+ 1. Visit 'Plugins' > 'Add New'
149
+ 2. Type "SVG Support" into the search field
150
+ 3. Click 'Install Plugin' and confirm in the pop up
151
+ 4. Click 'Activate Plugin'
152
+
153
+ or
154
+
155
+ 1. Upload the compressed version `svg-support.zip` through 'Plugins' > 'Add New' > 'Upload'
156
+ 2. Click 'Activate Plugin'
157
+
158
+ = via FTP =
159
+ 1. Download plugin zip and extract it on your computer
160
+ 2. Upload folder `svg-support` to your `/wp-content/plugins/` directory
161
+ 3. Activate the plugin through the 'Plugins' menu in WordPress
162
+
163
+
164
  == Changelog ==
165
 
166
+ = 2.3.8 =
167
+
168
+ * Added some CSS to make sure featured images show on WooCommerce products, Sensei Courses and Lessons.
169
+ * Fix: Auto insert class setting was stripping featured image HTML in some cases.
170
+
171
  = 2.3.7 =
172
 
173
  * Added WP version check to wrap mime fix function needed for WP v4.7.1 - v4.7.2.
316
 
317
  == Upgrade Notice ==
318
 
319
+ = 2.3.8 =
320
+
321
+ * Adds better support for WooCommerce and Sensei. Fixes issue with featured images not showing up when auto insert class setting is on.
322
+
323
  = 2.3.7 =
324
 
325
  * Fixes issues with media library not loading for some, attachment-modal errors and adds some wider compatibility.
425
  = 1.0 =
426
 
427
  * Initial Release.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
scss/svgs-admin-edit-post.scss ADDED
@@ -0,0 +1,10 @@
 
 
 
 
 
 
 
 
 
 
1
+ /**
2
+ * Featured Image Display
3
+ *
4
+ * Fixes the 0px featured image on edit screen
5
+ * WooCommerce Product, Sensei Course
6
+ */
7
+ body #set-post-thumbnail,
8
+ body #postimagediv .inside img {
9
+ width: 100%;
10
+ }
svg-support.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: SVG Support
4
  Plugin URI: http://wordpress.org/plugins/svg-support/
5
  Description: Allow SVG file uploads using the WordPress Media Library uploader plus the ability to inline SVG files for direct targeting of SVG elements for CSS and JS.
6
- Version: 2.3.7
7
  Author: Benbodhi
8
  Author URI: http://benbodhi.com
9
  Text Domain: svg-support
@@ -22,7 +22,7 @@ if ( ! defined( 'ABSPATH' ) ) {
22
  /**
23
  * Global variables
24
  */
25
- $svgs_plugin_version = '2.3.7'; // for use on admin pages
26
  $plugin_file = plugin_basename(__FILE__); // plugin file for reference
27
  define( 'BODHI_SVGS_PLUGIN_PATH', plugin_dir_path( __FILE__ ) ); // define the absolute plugin path for includes
28
  define( 'BODHI_SVGS_PLUGIN_URL', plugin_dir_url( __FILE__ ) ); // define the plugin url for use in enqueue
3
  Plugin Name: SVG Support
4
  Plugin URI: http://wordpress.org/plugins/svg-support/
5
  Description: Allow SVG file uploads using the WordPress Media Library uploader plus the ability to inline SVG files for direct targeting of SVG elements for CSS and JS.
6
+ Version: 2.3.8
7
  Author: Benbodhi
8
  Author URI: http://benbodhi.com
9
  Text Domain: svg-support
22
  /**
23
  * Global variables
24
  */
25
+ $svgs_plugin_version = '2.3.8'; // for use on admin pages
26
  $plugin_file = plugin_basename(__FILE__); // plugin file for reference
27
  define( 'BODHI_SVGS_PLUGIN_PATH', plugin_dir_path( __FILE__ ) ); // define the absolute plugin path for includes
28
  define( 'BODHI_SVGS_PLUGIN_URL', plugin_dir_url( __FILE__ ) ); // define the plugin url for use in enqueue