Đổi tên hình ảnh khi upload trong wordpress

Một url tốt sẽ là tuyệt vời cho SEO và công cụ tìm kiếm thân thiện, mặc định trong các hình ảnh url WordPress khi tải lên được làm sạch nhưng giữ lại các ký tự có dấu và dấu gạch ngang. Vì vậy, để có một url dẫn đến hình ảnh đẹp và thân thiện, chúng ta cần phải sử dụng một số thủ thuật.

Ở đây tôi sẽ chia sẻ với bạn 2 cách để làm sạch tên url khi tải lên hình ảnh.

1. Sử dụng chức năng, mã tự viết

Bạn viết các chức năng này vào file.php tập tin, có thể tham khảo hai cách sau đây:

function wp_modify_uploaded_file_names($image_name){
    if(isset($_GET['post_id'])){
        $post_id = $_GET['post_id'];
    }
    elseif( isset($_POST['post_id'])){
        $post_id = $_POST['post_id'];
    }
    if(is_numeric($post_id)){
        $post_obj = get_post($post_id);
        $post_slug = $post_obj->post_name;
        if($post_slug){
            $random_number = rand(1,9999);
            $image_name['name'] = $post_slug . '-' . $random_number . '.jpg';
        }
    }
    return $image_name;
}

Tùy chọn 1: Chức năng đổi tên tiêu đề bài viết và thêm một số ngẫu nhiên từ 1 đến 9999
Ví dụ sau khi đổi tên: https://example.com/.../lam-sach-ten-anh-khi-upload-len-website-wordpress-2345.jpg

Phương pháp 2: Chức năng đặt lại tên chuỗi MD5 được mã hoá từ tên ban đầu của hình ảnh
Ví dụ sau khi đổi tên: https://example.com/.../6f4bcda5cedd1cadf497b5ef1efad203.jpg

function so_3261107_hash_filename($filename){
    $info = pathinfo($filename);
    $ext = empty($info['extension']) ? '' : '.' . $info['extension'];
    $name = basename($filename, $ext);
    return md5($name) . $ext;
}
add_filter('sanitize_file_name', 'so_3261107_hash_filename', 10);

2. Sử dụng plugin

Hiện tại có rất nhiều plugin có chức năng đổi tên hình ảnh, nhưng tôi muốn giới thiệu với bạn plugin Clean Image Filenames, nhận được nhiều đánh giá tốt của cộng đồng và cá nhân tôi thấy plugin này thực sự hữu ích để Tạo một url đẹp và thân thiện

Tên tệp hình ảnh trong trình cắm thêm sạch
Tên tệp hình ảnh trong trình cắm thêm sạch

Sau khi cài đặt, vào Settings> Media và cuộn xuống phần Clean Image Filenames, File Types bạn chọn Images chỉ để dọn dẹp URL hình ảnh, bạn cũng có thể chọn All types files để dọn sạch url cho tất cả Upload files lên trang web.

Cài đặt tên tập tin hình ảnh sạch
Cài đặt tên tập tin hình ảnh sạch

Sau đó nhấp vào Lưu thay đổi để lưu và trải nghiệm duy nhất, url sau khi đổi tên sẽ là biểu mẫu https://example.com/.../lam-sach-ten-anh-...-upload-len-website-wordpress . Jpg cho hình ảnh có tên "Tên sạch khi tải ảnh lên trang web WordPress"

Bài báo

Với 2 cách trên, tôi khuyên bạn nên sử dụng cách thứ hai, theo cách này đơn giản, plugin cũng rất nhẹ, tạo url tốt đẹp mà không mất nhiều hoạt động.

Bạn có thể tham khảo để làm, chúc bạn thành công!

Plugin miễn phí tạo mega menu, vertical menu cho wordpress

Có rất nhiều plugin hỗ trợ tạo menu một cách chuyên nghiệp, kèm hình ảnh, nội dung trên menu.
Nổi tiếng hiện nay có Uber menu, tuy nhiên nó là một plugin trả phí và khó sử dụng cho người mới.

Hôm nay mình giới thiệu một plugin miễn phí tạo mega menu và có thể tạo menu dọc vertical menu cho wordpress.
Đó là plugin Max Mega Menu By Tom Hemsley

Có khá nhiều bạn thắc mắc làm sao để tạo thêm menu sổ xuống cho theme flatsome ( theme thần thánh trong tạo website ) sẽ có bài nói về theme này nhiều hơn và chia sẽ theme bản quyền cho bạn sử dụng.

Cách sử dụng bạn hãy tham khảo chính chủ từ link trên, mình sẽ hướng dẫn sơ cách dùng nó vào flatsome hay một số theme mà chưa có tính năng vertical menu, menu sổ xuống.

Trước tiên ta cần xác định vị trí để hiển thị, đối với flatsome khi muốn nó hiển thị ở sidebar thì bạn hãy dùng widget và kéo nó vào là xong.

Còn muốn hiển thị ra một ví trí nào khác mà theme chưa hỗ trợ thì phải rành code, vào tạo thêm một widget mới và sử dụng thôi.

Tài liệu & Demo: https://www.megamenu.com

TÍNH NĂNG, ĐẶC ĐIỂM:

• Xây dựng dựa trên các tiêu chuẩn hệ thống menu WordPress
• Hỗ trợ nhiều địa điểm thực đơn mỗi cấu hình riêng của họ
• Kéo và thả người xây dựng đơn Mega
• Hiển thị WordPress Widgets trong thực đơn của bạn
• Tùy chỉnh phong cách của menu của bạn bằng cách sử dụng được xây dựng trong trình soạn thảo chủ đề
• Hỗ trợ flyout (truyền thống) hay phong cách trình đơn menu phụ Mega
• Di chuột, di chuột Ý định hoặc Nhấn vào sự kiện để mở menu phụ
• Fade, phai Up, Trượt Up hoặc Trượt hiệu ứng cho menu phụ
• Thêm biểu tượng cho các mục menu
• tùy chọn menu item bao gồm Hide Text, Disable Link, Ẩn trên di động vv
• Căn mục menu bên trái hoặc bên phải của thanh menu
• Căn menu phụ sang trái hoặc bên phải của cha mẹ mục menu

Max Mega Menu đều được phát triển với một tập trung vào chất lượng mã, hiệu suất và khả năng sử dụng.

• Các chỉ cắm đơn khổng lồ với zero “! Important”, khối hoặc inline CSS
• Menu được theo kiểu sử dụng một, file CSS tĩnh duy nhất
• Ít hơn 2KB JavaScript (khi gzip)
• Đáp ứng, Touch & Retina Ready
• Được xây dựng với accessibity trong tâm trí - bàn phím chuyển hướng hỗ trợ
• Rộng rãi thử nghiệm trong tất cả các máy tính để bàn hiện đại và các trình duyệt di động
• mã sạch sẽ với một bộ nhớ thấp
• Bộ lọc và hành động nơi bạn cần đến chúng
• Trong tài liệu hướng dẫn sâu
• Hỗ trợ cơ bản