Cách upload file SVG trong WordPress (4 giải pháp đơn giản)

• Phương pháp 1. Cho phép tệp SVG trong WordPress bằng WPCode (Được khuyến nghị)
• Phương pháp 2. Tải tệp SVG lên trong WordPress bằng hỗ trợ SVG
• Phương pháp 3. Tải tệp SVG lên WordPress bằng SVG an toàn

Các phương pháp để upload file SVG trong WordPress

Phương pháp 1: Sử dụng một đoạn code nhỏ cho phép thêm file SVG

Đây là cách tôi hay dùng nhất và không cần sử dụng plugin. Thêm đoạn code bên dưới vào file functions.php của theme đang sử dụng.

function cc_mime_types($mimes) {
$mimes['svg'] = 'image/svg+xml';
return $mimes;
}
add_filter('upload_mimes', 'cc_mime_types');

Sau khi sử dụng xong thì nên xóa đoạn code này để tăng bảo mật cho website.

Phương pháp 2: Cho phép file SVG trong WordPress bằng WPCode (Được khuyến nghị)

Cách đơn giản và dễ dàng nhất để cho phép tải file SVG lên WordPress một cách an toàn là sử dụng WPCode, plugin code snippets mạnh mẽ nhất hiện có.

WPCode đi kèm với một thư viện lớn các đoạn mã được cấu hình sẵn có thể thay thế nhiều plugin sử dụng một lần trên trang web của bạn, từ việc vô hiệu hóa các trang đính kèm , sử dụng Trình chỉnh sửa bài đăng cổ điển hoặc cho phép tải lên tệp SVG.

Trước tiên, bạn sẽ cần cài đặt và kích hoạt plugin WPCode miễn phí. Sau khi kích hoạt, bạn nên điều hướng đến Code Snippets » Add Snippet in your WordPress trong bảng quản trị WordPress của bạn. Chỉ cần tìm kiếm ‘svg’ và di chuột qua ‘Cho phép tải lên tệp SVG’.

Sau đó, bạn có thể nhấp vào ‘Use snippet‘

Tiếp theo, bạn sẽ được đưa đến trang ‘Chỉnh sửa đoạn mã’ nơi WPCode đã định cấu hình tất cả cài đặt mà mã cần chạy.

Tất cả những gì bạn cần làm là nhấp vào nút chuyển sang ‘Active’ và sau đó nhấn nút ‘Update’.

Giờ đây, bạn sẽ có thể tải lên các tệp SVG mà không bị WordPress đưa ra thông báo lỗi hoặc cảnh báo.

Sau đó, bạn có thể coi nó như bất kỳ hình ảnh nào khác trên trang web WordPress của mình.

Theo mặc định, đoạn mã WPCode chỉ cho phép người dùng có vai trò Quản trị viên thêm SVG vào WordPress.

Bạn cũng có thể cấp quyền cho tất cả các vai trò người dùng khác bằng cách xóa Dòng 14-16 của đoạn mã mà bạn thấy trong hình ảnh bên dưới.

Bạn cũng có thể note lại code bằng cách thêm hai dấu gạch chéo ‘//’ vào đầu mỗi dòng đó, biến chúng thành màu nâu nhạt. WPCode sẽ không thực thi bất kỳ phần nào của đoạn mã mà nó coi là nhận xét thay vì code.

Bạn có thể xem ví dụ về điều này ở Dòng 11-13 trong hình bên dưới.

Dù bằng cách nào, khi mã bị xóa, tất cả người dùng sẽ có thể tải tệp SVG lên trang web WordPress của bạn . Chỉ cần nhớ nhấp vào ‘Update‘ để lưu mọi thay đổi bạn thực hiện.

Phương pháp 3: Tải File SVG lên trong WordPress bằng plugin SVG Support

Phương pháp này sử dụng plugin SVG Support và cho phép bạn hiển thị SVG nội tuyến trong các bài đăng và trang WordPress, cũng như kiểm soát ai có quyền tải chúng lên.

Trước tiên, bạn cần cài đặt và kích hoạt plugin SVG Support. Sau khi kích hoạt, bạn cần truy cập trang Cài đặt »SVG Support để định cấu hình cài đặt plugin.

Trên trang cài đặt, bạn cần chọn hộp bên cạnh ‘Restrict to Administrators?’ lựa chọn. Điều này sẽ chỉ cho phép quản trị viên trang web upload các file SVG trong WordPress.

Tùy chọn tiếp theo là bật chế độ nâng cao. Bạn chỉ cần chọn tùy chọn này nếu muốn sử dụng các tính năng nâng cao như hoạt ảnh CSS và hiển thị SVG nội tuyến.

Đừng quên nhấp vào nút ‘Save Changes’ để lưu cài đặt của bạn.

Bây giờ bạn có thể tạo một bài viết mới hoặc chỉnh sửa một bài viết hiện có. Trong trình chỉnh sửa bài đăng, bạn sẽ tải lên tệp SVG của mình giống như bạn tải lên bất kỳ tệp hình ảnh nào khác. Chỉ cần thêm khối hình ảnh vào trình chỉnh sửa rồi tải tệp SVG lên.

Bây giờ bạn sẽ có thể tải lên và nhúng các tệp SVG trong WordPress.

Phương pháp 4: Tải tệp SVG lên WordPress bằng plugin Safe SVG

Phương pháp này cũng sử dụng một plugin và cho phép bạn thực hiện dọn dẹp các tệp SVG được tải lên WordPress.

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin Safe SVG. Plugin hoạt động tốt và không có cài đặt nào để bạn định cấu hình. Bạn chỉ cần tiếp tục và bắt đầu tải lên các tệp SVG.

Nhược điểm là plugin này cho phép tải lên SVG bởi tất cả người dùng có thể viết bài trên trang WordPress của bạn. Để kiểm soát ai có thể upload file SVG, bạn sẽ cần mua phiên bản cao cấp của plugin này.

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách thêm file SVG trong WordPress một cách an toàn. Nếu bạn thích bài viết này, bạn có thể chia sẻ bài viết này cho bạn bè của bạn. Hoặc có thể để lại bình luận góp ý giúp chúng tôi có thể cải thiện nội dung.