Cách Chèn Link ảnh Trong Wordpress - Thêm Liên Kết ảnh Gốc

Hiện nay wordpress dùng bộ lọc cho ảnh với thuộc tính “secret” để hiển thị hình ảnh có độ phân giải phù hợp với độ phân giải của màn hình máy tính, chẳng hạn bạn dùng máy tính có độ phân giải màn hình (1366 x  768) để truy cập vào website wordpress thì hình ảnh có độ phân giải theo tỷ lệ (1366 x  768) sẽ được hiển thị. Điều này giúp tăng tốc độ tải cho website và trải nghiệm của người dùng, tuy nhiên có một điểm bất tiện là người dùng sẽ không bao giờ xem và tải được những ảnh gốc chất lượng có độ phân giải cao. Để khắc phục bất tiện này chúng ta có thể chèn liên kết cho ảnh cho phép người dùng click vào ảnh để xem và tải được file ảnh gốc, nhưng cần phải chèn link ảnh đúng cách để không ảnh hưởng đến trải nghiệm của người dùng.

Trong bài viết này mình sẽ hướng dẫn các bạn cách chèn link ảnh trong wordpress giúp tăng tốc tải trang cho website, giúp người dùng xem được ảnh chất lượng cao mà không ảnh hưởng đến trải nghiệm người dùng.

Cách chèn link ảnh trong wordpress

– Khi upload và chèn ảnh mới vào bài viết ở mục Link To: chọn Media File

– Đối với những hình ảnh đã được chèn vào bài viết trước đó ta có thể mở bài viết lên click vào ảnh cần chèn link > chọn hình cây viết chì để edit ảnh

– Ở mục Link To: chọn Media File. Khi chọn từ option này link sẽ chỉ đến ảnh gốc và trình soạn thảo của WordPress sẽ tự động nhớ và chèn link ảnh tự động cho những lần chèn ảnh sau.

– Click vào ADVANCED OPTIONS > chọn vào check box Open link in a new tab, khi check box này được chọn wordpress sẽ thêm thuộc tính target=”_blank” cho ảnh để khi người dùng click vào ảnh để xem ảnh gốc trình duyệt web sẽ mở bằng tab mới (không nhấn nút back để quay lại xem bài viết) sẽ không ảnh đến trải nghiệm của người dùng.

– Lưu ý: WordPress sẽ không lưu tùy chọn “Open link in a new tab” cho ảnh trong những lần chèn ảnh sau này, vì thế để không ảnh hưởng đến trải nghiệm người dùng chúng ta phải thêm thuộc tính này một cách thủ công.

Như vậy chúng ta đã chèn link cho ảnh trong wordpress một cách tự động giúp người người dùng xem được các ảnh gốc chất lượng cao mà không giảm hiệu suất tải trang, tuy nhiên chúng ta vãn phải thêm thuộc tính target=”_blank” cho ảnh một cách thủ công. Nếu bạn nào có cách nào giúp chèn thêm thuộc tính target=”_blank” cho ảnh một cách tự động thì chia sẻ cho người biết nhé.

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

Bài viết liên quan:

Hiện các nút bị ẩn trong trình soạn thảo WordPress Briefly Unavailable for Scheduled Maintenance. Check back in a minute Disable image scaling in WordPress – Tắt scale image WordPress 5.3 Cách tạo widget cố định (Fixed widget) cho WordPress đơn giản nhất Sửa lỗi Missed schedule trên WordPress bằng Plugin Scheduled Post Trigger Hướng dẫn cài đặt classic editor wordpress đơn giản nhất Cách thêm bài viết liên quan WordPress bằng Plugin Cách tạo lại ảnh thumbnail wordpress bằng Regenerate thumbnail Cách reset password wordpress bằng PhpMyAdmin Code bài viết liên quan WordPress