Sử dụng Imgur – Lưu ảnh online cho web

Từ 1/6, các bạn download theme hoặc plugin tại trang https://sharecode.pro nhé

Các bạn đang mới học làm web và mới chỉ đủ sức đầu tư một host nho nhỏ cho riêng mình? Với các gói hosting nhỏ thì việc bị giới hạn dung lượng là thường gặp. Các bạn chỉ có khoảng 300mb đến 500mb để sử dụng, khá gò bó. Để tiết kiệm được dung lượng bộ nhớ, các bạn có thể sử dụng các công cụ cho phép upload lưu trữ ảnh, video online sau đó chèn vào website của mình, rất nhanh gọn nhẹ. Một trong số các công cụ hữu ích đó là Imgur.com. Sau đây mình sẽ hướng dẫn các bạn sử dụng imgur để lưu trữ ảnh cho web.

1. Công cụ sử dụng: 

Ở đây mình sử dụng plugin Plugin DW tinymce imgur upload

Các bạn có thể download về tại: http://url.legiang.vip/imgur

2. Tiến hành cài đặt

Sau khi download plugin về các bạn tiến hành cài đặt như các plugin bình thường khác.

Tiếp theo là phần cấu hình. Để cấu hình cho plugin này ta cần 1 cái mã API từ imgur, do đó việc đầu tiên là đăng ký 1 tài khoản tại imgur, các bạn có thể đăng ký bằng tài khoản FB hoặc gmail, nhưng tốt nhất vẫn là đăng ký kiểu thông thường qua form bên dưới. Link đăng ký tại đây

Sau khi đăng ký xong, ta sẽ tiến hành lấy mã API.

Các bạn truy cập vào link: https://api.imgur.com/oauth2/addclient

Ta bắt đầu tạo 1 cái APP nhé. Các bạn điền các thông số sau vào ô

  • Application name: Tên của APP, cái này điền gì cũng được
  • Authorization type: chọn OAuth 2 authorization without a callback URL
  • Email: điền email của các bạn vào nhé, mail nào cũng được

Tick vào nút I’m not a robot rồi bấm Submit là hoàn thành

Sau khi nhấn Submit xong, imgur sẽ cung cấp cho ta 2 mã, nhưng ta chỉ cần 1 mã là Client ID thôi, các bạn copy lại nhé.

3. Cấu hình plugin

Bạn vào Setting –> DW Imgur. Sau đó điền cái Client ID vừa copy ở trên vào ô Imgur Client ID rồi bấm Save change là xong

4. Cách sử dụng:

Khi các bạn đăng bài thì các bạn sẽ thấy 1 nút   trên thanh công cụ soạn thảo, các bạn bấm vào và chọn upload và chọn ảnh cần up thì plugin sẽ tự động up ảnh đó qua imgur và chèn vào bài viết của các bạn.

5. Lưu ý:

Đối với trường hợp website sử dụng SSL, thì bài viết sẽ không xanh được do link của imgur là link thường dạng http://i.imgur.com/…… Để fix lỗi này chúng ta sử dụng plugin SSL Insecure Content Fixer hoặc dùng htaccess để fix cái http đó thành https. Khi đó link bài viết của các bạn sẽ xanh trở lại.

Phương án dùng functions để fix lỗi SSL của imgur

Như vậy, bằng việc sử dụng plugin DW tinymce imgur upload, các bạn đã tiết kiệm được cho mình 1 lượng lớn không gian lưu trữ cũng như là tiền bạc để mua hosting, đồng thời giảm tải khi tiến hành backup website.

Chúc các bạn thành công!

Từ 1/6, các bạn download theme hoặc plugin tại trang https://sharecode.pro nhé
CHIA SẺ