GithubHelp home page GithubHelp logo

uploadcare / uploadcare-wordpress Goto Github PK

View Code? Open in Web Editor NEW
13.0 16.0 12.0 6.51 MB

Uploadcare Widget like a plugin for WordPress

Home Page: https://uploadcare.com

License: MIT License

CSS 2.75% PHP 60.57% JavaScript 2.35% TypeScript 23.16% SCSS 2.76% Shell 3.29% Twig 5.13%

uploadcare-wordpress's Introduction

Uploadcare WordPress File Uploader and Adaptive Delivery

Uploadcare, all-round media upload, storage, management, and delivery solution, breaks many WordPress Media Library limitations. Upload large files from many sources including social media and cloud services. Insert them to WordPress posts and serve responsive lazy loaded images with Uploadcare CDN to improve your WordPress site performance.

Build Status Uploadcare stack on StackShare

Features

  • Upload files of any type (image, video, document, archive) and size (up to 5 TB).
  • Upload from your device, URL, social network (Facebook, Instagram, VK, Flickr), and cloud (Dropbox, Google Drive, Google Photos, OneDrive, Box, Huddle, Evernote).
  • Insert images into your posts, and place other files and archives for download.
  • Uploadcare CDN serves images faster in all parts of the world. Adaptive Delivery analyzes users' context and serves images in a suitable format, resolution, compression, which closes all image-related frontend tasks.
  • Transfer your existing Media Library to your Uploadcare storage with no risk of data loss.
  • Specify your custom CDN domain, and use a Secure Uploading feature to control who and when can upload files.
  • Compatible with a standard WordPress image editor.

Requirements

  • Wordpress 5+
  • PHP 7.4+
  • php-curl
  • php-json
  • php-dom

Install

The fastest way

Install from the WordPress plugins directory.

Installing WP plugin

Manual installation

  1. Download the [latest release][github-releases]. The zip file contains the Wordpress plugin.
  2. Unzip the archive to your wp-content/plugins folder.
  3. Run composer install (install Composer).
  4. Run yarn && yarn build (install Node and Yarn).
  5. Activate the plugin in the "Plugins" menu in your WordPress admin account.
  6. Go to "Settings" -> "Uploadcare" and follow the instructions.

Usage

  • To add an image while editing a post or a page, choose "Uploadcare image" block. Also, you can upload any file directly to your Media Library with “Upload with Uploadcare” button — it’ll be hosted and delivered with Uploadcare.
  • Use a built-in image editor when needed.
  • If you accidentally upload a file using a standard WordPress option, you can easily transfer them to Uploadcare to use Adaptive Delivery and other features.

Useful links

Uploadcare documentation
Changelog
Contributing guide
Security policy
Support

uploadcare-wordpress's People

Contributors

andrew72ru avatar bautrukevich avatar dayton1987 avatar dcherevatenko avatar dillix avatar dimaninc avatar dmitry-mukhin avatar grayhound avatar michaos1 avatar rsedykh avatar zmoki avatar znick1982 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

uploadcare-wordpress's Issues

500 Internal Server Error

Wordpress version: Version 4.9.8
PHP version: 7.2.11
PHP Memory limit setting: 128
PHP Upload size setting: 100
Filesize of file to be uploaded: 6MB

After selecting images in the Uploadcare widget and clicking "Add", the spinner keeps spinning forever. When researching what's going on using browser inspection tools, I noticed a 500 error when trying to post to the endpoint:

https://www.mydomain.com/blog/wp-admin/admin-ajax.php

Even when you directly visit the below URL (GET request instead of POST) the error appears:

https://www.mydonain.com/blog/wp-admin/admin-ajax.php?action=uploadcare_handle

When changing the action parameter to another value than uploadcare_handle the error disappears. When disabling all other plugins and only enabling the Uploadcare plugin, the error appears, so other plugins don't seem to be the cause.

Improve API keys input experience.

We need to strip whitespaces when user enters API keys.
See #29 and some of our customer support tickets.

Optionally, we could try to make a dummy request to API with given keys to detect errors/typos ASAP.

Support for CDN base?

In the field Widget fine tuning field on the settings page of the Uploadcare plugin I've entered the following, but it does not have any effect:

var UPLOADCARE_CDN_BASE = 'https://cdn2.mydomain.com/';

Check if CDN host is properly set

After we made it possible to change CDN Host in /wp-admin/options-general.php?page=uploadcare to allow custom CNAME (like cdn.acme.com), it seems that default host (ucarecdn.com) isn't properly written to the DB.

Original bug report in russian:

Эта ошибка появлялась у пользователя при том, что CDN host у него стоял ucarecdn.com. Я попросил поменять хост на его CNAME и все заработало. Я думаю, что если поменять обратно на ucarecdn.com, то тоже будет работать. Проблема скорее всего в том, что после обновления версии у него появилось эта настройка, она заполнилась дефолтным значением, но оно не применилось, и чтобы оно применилось, надо сделать save settings.

image

Conflicts with Divi theme

Describe the bug

I did a lot more testing over the weekend and determined that the Uploadcare plugin does not work properly with the popular Divi theme.

I did get it to work with transformations, etc., when not using Divi but only when images were uploaded using the plugin. If I uploaded directly to Uploadcare, not through the plugin, and then copied the URL into WordPress, it did not do any transformations.

In my testing, I created a clean new install of WordPress and installed the Divi theme and the Uploadcare plugin. When the Uploadcare plugin was deactivated, Divi worked fine. But, when the Uploadcare plugin was activated, the Divi theme would not load when trying to create new post.

To my surprise, when I had Divi, Uploadcare and FooGallery all active, Divi would load proplerly! Turn off FooGallery and it wouldn’t! With all three active, I could upload images using the Uploadcare plugin and they would display on the Divi-based page. However, no transformations were applied.

Update error when languages directory is missing

when updating from 2.4.1 to 2.5.0 i had no /wp-content/languages/ directory, because it was unneeded yet. the plugin update showed an error about a missing languages directory. it still installed the 2.5.0 version, but showed some errors on the settings-page.

Warning: in_array() expects parameter 2 to be array, boolean given in /www/htdocs/xxx/wp-content/plugins/uploadcare/inc/utils.php on line 166

Warning: array_search() expects parameter 2 to be array, boolean given in /www/htdocs/xxx/wp-content/plugins/uploadcare/inc/utils.php on line 171

Warning: implode(): Invalid arguments passed in /www/htdocs/xxx/wp-content/plugins/uploadcare/inc/utils.php on line 182

it's seems to be fixed with updating the settings, still wanted to let you know about it.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.