Dropbox CDN

by Chris K


About the “Dropbox CDN”:
This is a WordPress Plugin that will allow you to use your Dropbox ‘Public’ folder as a free Content Delivery Network (or CDN). I would only suggest this plugin for users who aren’t afraid of getting their hands a little dirty.

Download version 1.1

Compatability:
This is tested on the most recent version of WordPress. The minimum for this plugin is WordPress 2.7.1.

*****ALERT*****Please note that, as of now, I am considering this plugin End of Life’d. With the large number of viable CDN options and themes that are building in their own CDN support, it’s becoming increasingly difficult to maintain full compatibility with the high quality themes that are being produced.

To install this plugin within WordPress
1. Login into your wp-admin section
2. From the Plugins menu choose ‘Add New’
3. Search for ‘Dropbox CDN’
4. Click on the ‘Install’ link for this plugin
5. Follow the steps on the settings page

To install this plugin manually:
1. Download the .zip file
2. Unpack into wp-content/plugins/ folder
3. Activate the plugin
4. Follow the steps on the settings page

Change Log:
-Version 1.1-
Added support for ‘stylesheet_url’

-Version 1-
Initial Release

Known Issues
Some themes aren’t supported – not sure of a way that I can get around this
Internet provider (work/school/etc) blocking dl.dropbox.com domain – looking into a way to take care of this
wpTouch incompatibility – Looking into a fix for this mobile theme to still work

{ 42 comments… read them below or add one }

mmln November 28, 2010 at 5:29 pm

I use buddypress plugin with child theme. When dropbox CDN plugin is enabled, home page doesn’t display properly. I am guessing it is not reading the parent theme files (I uploaded the child theme files).
Any solution to this problem ?

Reply

Chris K November 28, 2010 at 7:09 pm

@mmln
It would depend on the theme you are using. As I mentioned in the alert at the beginning of the post, the theme must use the supported methods of getting the path to the CSS. Is this a theme I can download from somewhere to check out? Give me the following and I’ll see what I can do:

Your URL
The Theme you are using
WordPress & BuddyPress versions

Reply

Joseph November 30, 2010 at 12:39 pm

Does it work with multisite as well?

Reply

Chris K November 30, 2010 at 7:06 pm

@Joseph,

I haven’t tried this yet, however, as each multisite has it’s own options and exists to WordPress as an individual site, as long as you go into the ‘Backend’ for each of the sites and setup the proper URL to the files in our Dropbox Public folder for each site, it shouldn’t have any problems. If you do have some issues let me know so I can get in touch with you to see what’s happening.

Thanks,
Chris

Reply

Buzzknow November 30, 2010 at 4:40 pm

Hi, its really simple and nice plugin … using dropdbox for CDN really brilliant idea!

thanks a lot, no need to pay s3, lol …

Reply

Michael December 3, 2010 at 12:06 am

Hello, how can I find out that my theme supports the filters mentioned above?

Reply

Chris K December 3, 2010 at 5:43 am

@Michael
The easiest way to find this is to look at the header.php file for the theme and look for this function wherever a ‘stylesheet’ is loaded. If you aren’t sure what you are looking for, go ahead and shoot me the name of the theme and I can take a quick look.

I’ve been thinking a lot about this and I think I might look into a way to throw up a notice in the plugin settings if the theme currently activated supports the hooks I’m using.

Reply

Savage December 3, 2010 at 12:39 pm

Can’t get it to work with the Suffusion theme…. I’m guessing because it’s a pretty indepth theme and probably doesn’t support the hooks you’re using/looking for.

Reply

Chris K December 3, 2010 at 1:11 pm

@Savage
I will check out that theme this weekend and see what I can find out.

Reply

Michael December 4, 2010 at 1:16 am
Chris K December 4, 2010 at 8:11 am

@Savage
Being an ‘InDepth’ theme isn’t the problem…Some of the best themes out there are ‘In Depth’ themes. Take the Mystique theme. There are plenty of options built into the theme’s Admin area, however, the styles and CSS are still managed by css that are coded using the proper hooks. The Suffusion theme has NO calls for CSS in the files I saw, meaning it’s generating ALL of the styles on the fly, and therefore this plugin cannot be used. This plugin is designed to deliver STATIC files, ones that don’t change. Unfortunately it looks like this plugin will not work with this theme. Sorry.

Reply

Chris K December 4, 2010 at 8:25 am

@Michael
The version I just released, 1.1, should support this theme if you follow the steps in the setup process. Let me know if you have any issues and I’ll check it out. Make sure you get 1.1 though.

Reply

mmln December 4, 2010 at 6:24 pm

@Chris K
Hi chris,
I use BuddyPress Widget Theme 1.2.1
this is a child theme of buddypress default theme. I use the latest released wp & bp.
BP – 1.2.6
WP – 3.0.2

Reply

Diego January 4, 2011 at 9:58 pm

Hi!

I’m using Atahualpa theme for my blog and your plugin doesn’t work.
I saw the header.php and is not using the default functions to get the paths.
What I can do?

Reply

Chris K January 9, 2011 at 9:45 am

@Diego

Unfortunately, if the theme does not use the proper hooks that this plugin needs, then it cannot work with the plugin. I appologize for the frustration this may cause, but due to the way that WordPress works with hooks, if the theme does not use it, the theme doesn’t know where to insert the proper alterations to the theme directories.

Reply

Rajesh Namase January 22, 2011 at 9:50 am

Hi Chris,
I am using Mystique Wordpres theme 2.4.2, and I want to use this plugin. Is mystique theme supports these plugin.

Reply

Chris K February 2, 2011 at 8:48 am

@Rajesh

This plugin works fine with this version of the Mystique theme. I’m using it @ sudoaptgetlife.com, my other blog.

Reply

Eken January 23, 2011 at 4:59 am

How do I know that this plugin is working for my site (http://blog.ekendraonline.com) ??? I have followed all the procedure.

Reply

Chris K January 29, 2011 at 10:03 pm

To find out if the plugin is working, you can use the ‘Page Info’ feature of Firefox and look for the CSS and javascript files of your theme to have a url of dl.dropbox.com……

Reply

rohan @techlunatic.com January 27, 2011 at 2:31 am

i am using the thesis theme , can you advice how to use this plugin or whether it is supported in thesis , the way thesis is coded?

Reply

Chris K January 29, 2011 at 10:04 pm

The Thesis Theme holds many of it’s design options in the database. Unfortunately, this will not help with that type of theme.

Reply

Danny Michel February 2, 2011 at 11:13 pm

Doesnt work bro. I have the supported hooks, but it doesnt work

Reply

Chris K February 3, 2011 at 5:33 am

@Danny

I looked at your site and your plugin wp-minify is taking all your CSS and modifying it and then using it’s own version of your CSS. That appears to be undoing any modifications my plugin is using. Take a look:
Your CSS is going to: http://nybodyart.com/wp-content/plugins/wp-minify/min/?f=wp-content/themes/nyb/style.css,wp-content/plugins/contact-form-7/styles.css&m=1296716751

This tells me that even though your theme is using the proper hooks, the wp-minify is altering the location where the theme is looking for the CSS for the display.

Reply

Lawrence Meckan February 4, 2011 at 6:28 am

Any chance you could figure out how to make this work with W3 Total Cache?

I’ve also encountered the same problems as Danny with WP-Minify

Reply

Lawrence Meckan February 4, 2011 at 7:43 am

Follow up post: It also breaks against the HeadJS loader plugin, which is something else that might need a fix.

Reply

Chris K February 8, 2011 at 9:30 am

@Lawrence

I’m using W3 Total Cache on this website right now as we speak. Keep in mind that ANY option that tries to alter the URL to the stylesheet or cache a stylesheet in another location, will be impossible to thwart. The Wp-Minify plugin I can’t mitigate as it’s doing the SAME thing I am. Trying to alter where the CSS files are stored can’t be done twice. I’m guessing HeadJS is doing the same thing but I can try and take a look at it.

Reply

Daniel February 16, 2011 at 5:23 am

Not too sure if this is realted, but I noticed after installing this plugin my W3 Total Cache plugin started to… Well not work. Do you think it could be related?

Reply

Claude June 15, 2011 at 12:42 pm

Hello,
I have a problem for acivate this plugin (error message) :
Parse error: syntax error, unexpected $end in C:xampphtdocswp-contentpluginsdropbox-cdndropbox-cdn.php on line 119
…sorry for my bad english !
thanks

Reply

Chris K June 15, 2011 at 6:58 pm

@Claude

Sorry for any issues, the line you have specified is the last line of the plugin. You can try removing the ‘?>’ from the end of the file and see if that fixes it.

I’m using the current version of this plugin and am not having the same problem. Let me know if removing that fixes it for you.

Thanks,
Chris

Reply

Danny July 29, 2011 at 6:09 am

Hi,

Is it possible to add support for Child themes, i.e. add the ability to have mulitple paths to a theme, so instead of having one field to fill in with your path to your dropbox account we have two or more?

Reply

Chris K July 29, 2011 at 8:19 am

@Danny
I don’t know how I would do that currently, but I will look into it and see if it’s a feasible feature to add. Thanks for the suggestion!

-Chris

Reply

ANUJ RAWAT October 3, 2011 at 8:04 am

Hello, Sir, you have made wonderful plugin can you make similar cdn plugin for this http://www.minus.com
Please have a look, it gives 10gb free space and apis, similar to dropbox and free leaching. Also it is not blocked by corporate and can be used as cdn, Please reply to me.

Reply

Ben Palmer February 28, 2012 at 3:44 pm

How do i get this plugin to upload media files when they are added or is that a different plugin i require?

Reply

Chris K March 27, 2012 at 4:28 pm

@Ben

This plugin does not upload the files to Dropbox directly. You would still need to manually upload them to your public folder on Dropbox. When this plugin was initially built, the API for uploading files did not yet exist. It is certainly something that may be looked into.

Reply

Joshua Nelson April 12, 2012 at 9:35 am

Has this plugin been tested with Thesis?

Thanks!
Joshua

Reply

Chris K April 26, 2012 at 8:01 am

@Joshua

It has not yet. I just purchased thesis myself. I will see if it’s compatible in the near future. My suspicion is going to be with the custom directory not linking correctly but I will let you know after some more testing is done.

Thanks
-Chris

Reply

Rebekah Fedrowitz July 26, 2012 at 9:56 pm

I installed this plugin on my wordpress website and it distorted everything. I deactivated it and deleted it, yet it’s the site is still distorted and nothing I do returns it to normal. What can I do to correct this problem?

Reply

Chris K August 4, 2012 at 11:59 am

@Rebekah Fedrowitz

Hey Rebekah, sorry for your bad experience. I have a few suggestions.

After you setup the plugin did you be sure to copy the CSS, JS and Image files up to dropbox? Also, What theme were you using on this?

Secondly, after deactivating, this should fix your issues, however if you are using a Caching plugin like W3 Total Cache or WP Super Cache, you would need to clear your cache. Keep in mind that this plugin isn’t fully compatible with The Minification features of these caching plugins.

Let me know if you are using either of those caching plugins and the theme you are using and I can take a further look into the issue.

Thanks!

Reply

Francesco September 4, 2012 at 9:01 am

hi, i’m using wordpress 3.4.1 and i’ve trouble with this plugin! here’s the fatal error

Parse error: syntax error, unexpected $end in …\wp-content\plugins\dropbox-cdn\dropbox-cdn.php on line 119

idea?

Francesco

Reply

murangkalih kasep September 12, 2012 at 11:09 pm

I installed this plugin on my site (matagadget.co.cc), but it distorted my font..Would you like to help me to find what’s going on ? I’m using path theme from wordpress.org and it’s hybrid based..Thank’s a lot

Reply

murangkalih kasep September 12, 2012 at 11:11 pm

not entire font actually but it’s about the title for the article..sorry

Reply

Chris K October 18, 2012 at 11:40 pm

@murangkalih kasep & @Francesco

I’m sorry you are having issues with this plugin, however, I’ve stopped development on it due to the increasing number of themes that are now built with CDN as a feature. It’s becoming difficult to maintain compatibility with these quality themes as they are starting to implement their own calls to CSS and JS resources.

Francesco, I believe your issue is in relation to PHP short tags. Look for the string ;?> where the semi-colon is right next to the ?. If you place a space in there you should resolve this issue.

Murangkalih kasep, the domain you specified is not working, however it sounds like you are running into a font compatibility issue. Is this font from the Google Web Fonts service or is it a standard web font?

Reply

Leave a Comment

{ 4 trackbacks }