Bài Viết, Tất cả bài viết, Thủ thuật wordpress

Code tự in kích thước lên ảnh khi upload ảnh lên website wordpress

Đăng vào Tháng 4 3, 2025 bởi admin

03/04/2025

3 Phút đọc

50 Lượt xem

Đánh giá

Khi upload hình ảnh lên website WordPress, đôi khi bạn muốn tự động in kích thước của ảnh lên chính bức ảnh đó. Điều này giúp quản trị viên hoặc người dùng dễ dàng nhận biết kích thước ảnh mà không cần tải về kiểm tra. Bài viết này sẽ hướng dẫn bạn cách thực hiện điều đó bằng cách chỉnh sửa file functions.php trong theme WordPress của bạn.

Code tự in kích thước lên ảnh khi upload ảnh lên website wordpress

1. Lợi Ích Của Việc In Kích Thước Lên Ảnh

Dễ dàng kiểm tra kích thước ảnh mà không cần mở trình chỉnh sửa.
Tự động hóa quá trình hiển thị kích thước mà không cần nhập tay.
Giúp quản lý ảnh dễ dàng hơn, đặc biệt với các website có nhiều hình ảnh.

2. Cách Thực Hiện

Bước 1: Thêm Code Vào File `functions.php`

Mở file functions.php của theme đang sử dụng và chèn đoạn code sau:

function add_permanent_watermark($file) {
    // Kiểm tra nếu không phải ảnh thì bỏ qua
    $file_type = wp_check_filetype($file);
    if (!in_array($file_type['type'], ['image/jpeg', 'image/png', 'image/gif'])) {
        return $file;
    }

    // Lấy kích thước ảnh
    list($width, $height) = getimagesize($file);
    $text = "{$width}x{$height}"; // Tạo chữ đóng dấu

    // Mở ảnh
    $image = imagecreatefromstring(file_get_contents($file));
    if (!$image) return $file;

    // Màu chữ (trắng) và font
    $text_color = imagecolorallocate($image, 255, 255, 255);
    $font_size = 15; // Kích thước font chữ
    $margin = 20; // Khoảng cách lề

    // Xác định vị trí text (góc phải)
    $text_x = $width - (strlen($text) * 9) - $margin;
    $text_y = $height - $margin;

    // Thêm chữ vào ảnh
    imagestring($image, $font_size, $text_x, $text_y, $text, $text_color);

    // Ghi đè ảnh GỐC
    if ($file_type['type'] == 'image/jpeg') {
        imagejpeg($image, $file, 100);
    } elseif ($file_type['type'] == 'image/png') {
        imagepng($image, $file);
    } elseif ($file_type['type'] == 'image/gif') {
        imagegif($image, $file);
    }

    // Giải phóng bộ nhớ
    imagedestroy($image);

    return $file;
}

// Hook vào khi ảnh được tải lên
add_filter('wp_handle_upload', function ($upload) {
    add_permanent_watermark($upload['file']);
    return $upload;
});

function add_permanent_watermark($file) {

// Kiểm tra nếu không phải ảnh thì bỏ qua

$file_type = wp_check_filetype($file);

if (!in_array($file_type['type'], ['image/jpeg', 'image/png', 'image/gif'])) {

return $file;

}

// Lấy kích thước ảnh

list($width, $height) = getimagesize($file);

$text = "{$width}x{$height}"; // Tạo chữ đóng dấu

// Mở ảnh

$image = imagecreatefromstring(file_get_contents($file));

if (!$image) return $file;

// Màu chữ (trắng) và font

$text_color = imagecolorallocate($image, 255, 255, 255);

$font_size = 15; // Kích thước font chữ

$margin = 20; // Khoảng cách lề

// Xác định vị trí text (góc phải)

$text_x = $width - (strlen($text) * 9) - $margin;

$text_y = $height - $margin;

// Thêm chữ vào ảnh

imagestring($image, $font_size, $text_x, $text_y, $text, $text_color);

// Ghi đè ảnh GỐC

if ($file_type['type'] == 'image/jpeg') {

imagejpeg($image, $file, 100);

} elseif ($file_type['type'] == 'image/png') {

imagepng($image, $file);

} elseif ($file_type['type'] == 'image/gif') {

imagegif($image, $file);

}

// Giải phóng bộ nhớ

imagedestroy($image);

return $file;

}

// Hook vào khi ảnh được tải lên

add_filter('wp_handle_upload', function ($upload) {

add_permanent_watermark($upload['file']);

return $upload;

});

Bước 2: Kiểm Tra Kết Quả

Tải một hình ảnh mới lên WordPress.
Kích thước ảnh sẽ hiển thị trên chính bức ảnh đó.

3. Kết Luận

Với đoạn code trên, bạn đã có thể tự động in kích thước lên ảnh khi upload lên WordPress. Điều này giúp bạn dễ dàng quản lý ảnh hơn mà không cần sử dụng thêm phần mềm chỉnh sửa ảnh. Nếu bạn muốn tùy chỉnh thêm, hãy điều chỉnh các thông số trong code để phù hợp với nhu cầu của bạn.

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

Xem thêm:

Thông báo chính thức: Muathemewpgiare chân thành mong muốn được đồng hành và hỗ trợ tốt nhất cho các khách hàng trong quá trình sử dụng giao diện WordPress. Vì vậy, khi mua những theme wordpress tại chúng tôi, chúng tôi cam kết hỗ trợ quý khách hàng hết sức có thể.

Chúng tôi hiểu rằng sự lựa chọn của quý khách là rất quan trọng. Việc mua source code tại chúng tôi không chỉ giúp đảm bảo chất lượng mà còn nhận được sự hỗ trợ tận tâm từ Muathemewpgiare. Chúng tôi rất mong quý khách cân nhắc kỹ, tránh những rủi ro không đáng có khi mua các source code không rõ nguồn gốc. Chúng tôi luôn sẵn sàng hỗ trợ và đồng hành cùng quý khách. Xin chân thành cảm ơn!

WordPress 6.8 có gì mới? Đánh giá chi tiết & thực tế sau khi trải nghiệm bản cập nhật mới nhất

Tóm tắt nhanh: WordPress 6.8 ra mắt với hàng loạt cải tiến về hiệu suất, bảo mật và trải nghiệm người dùng. Trải nghiệm thực...
Theme WordPress thời trang đẹp, chuẩn SEO, giá rẻ cho shop quần áo online

Bạn đang tìm kiếm một theme WordPress thời trang vừa đẹp mắt, dễ dùng lại chuẩn SEO và thân thiện với mobile? Nếu bạn đang...
Có nên chèn sản phẩm vào trong bài viết website WordPress không?

Bạn đang xây dựng website WordPress cho doanh nghiệp hoặc cá nhân và băn khoăn: Có nên chèn sản phẩm vào trong bài viết website...
Sharecode chức năng quảng cáo bài viết wordpress

🎁Nội dung miễn phí có giới hạnBài viết này sẽ miễn phí trong 1 ngày nữa. Sau thời gian này, bạn cần phải mua để...
Flash sale kho theme wordpress giải phóng Miền Nam 30/4

Mục Lục1. Lợi Ích Của Việc In Kích Thước Lên Ảnh2. Cách Thực HiệnBước 1: Thêm Code Vào File functions.phpBước 2: Kiểm Tra Kết Quả3....
Hướng Dẫn Tạo Gallery Video Highlight Chuyên Nghiệp Cho WordPress (Chuẩn YouTube, Chuẩn SEO)

🎁Nội dung miễn phí có giới hạnBài viết này sẽ miễn phí trong 10 ngày nữa. Sau thời gian này, bạn cần phải mua để...
Sharecode tạo uxbuider element đẹp wordpress

Để tạo một section khí thế, mãnh liệt, mạnh mẽ, đẹp và cực kỳ bắt mắt cho UX Builder/Flatsome, bạn cần kết hợp các yếu...
Sharecode Bộ Công Cụ Tool Đếm Ký Tự Phân Tích SEO Nâng Cao

Bạn đang tìm kiếm một công cụ phân tích nội dung mạnh mẽ, giao diện hiện đại, tích hợp AI và các tính năng SEO...
Code hệ thống điểm danh và affilate

Bạn đang muốn thêm tính năng điểm danh hàng ngày để tăng tương tác người dùng trên website WordPress? Bài viết này sẽ hướng dẫn...
Flatsome vs Woodmart – Nên Chọn Chủ Đề Nào Cho Website Của Bạn?

Flatsome và Woodmart là hai cái tên nổi bật trong thế giới theme WordPress bán hàng chuyên nghiệp. Nhưng nếu bạn đang bắt đầu xây...
Cách Để Website Hiển Thị Nổi Bật Trên Google

Bạn từng thấy một số website xuất hiện nổi bật trên Google với tiêu đề hấp dẫn, phần mô tả rõ ràng và nhiều liên...
Theme WordPress Giá Rẻ Đáng Tin?

Bạn đang cân nhắc mua một theme WordPress giá rẻ? Có thể bạn đã thấy hàng trăm lời mời gọi như “theme WordPress chuẩn SEO...
Thủ Thuật Flatsome: Tạo Shortcode Đánh Giá Khách Hàng Cực Đẹp Cho Website WordPress

Bạn đang xây dựng một website bằng theme Flatsome và muốn hiển thị các đánh giá khách hàng chuyên nghiệp, đẹp mắt, tùy chỉnh linh...
Plugin Nulled Là Gì? Có Nên Tải Miễn Phí Trên Internet?

Ngày nay, khi xây dựng website bằng WordPress, rất nhiều người tìm đến các plugin bản quyền (premium) để tối ưu hóa tính năng, tăng...
Hướng Dẫn Cách Làm Menu Chính và Submenu trong WordPress Admin Với License Key

Trong bài viết này, chúng ta sẽ cùng tìm hiểu cách tạo một menu chính trong WordPress với tên “Mua Theme WP Giá Rẻ”, di...
Tự Động Xoá Tất Cả Admin Khác Được Tạo Ra Trái Phép WordPress

Mục Lục1. Lợi Ích Của Việc In Kích Thước Lên Ảnh2. Cách Thực HiệnBước 1: Thêm Code Vào File functions.phpBước 2: Kiểm Tra Kết Quả3....