Firewall Anti DDoS
SSL
5
5

3 cách chỉnh kích thước ảnh trong WordPress nhanh chóng

1364
Lượt xem
Home WordPress 3 cách chỉnh kích thước ảnh trong WordPress nhanh chóng

Sử dụng hình ảnh đúng kích thước trên WordPress là yếu tố hàng đầu để giúp bạn triển khai tối ưu website của mình. Tuy nhiên, làm sao để chỉnh sửa kích thước ảnh cho phù hợp thì không phải ai cũng biết. Trong bài viết dưới đây, Vietnix sẽ hướng dẫn bạn 3 cách chỉnh kích thước ảnh trong WordPress nhanh chóng và đơn giản nhất.

Chỉnh kích thước ảnh mặc định WordPress trong cài đặt chung

Để có thể chỉnh sửa kích thước ảnh mặc định trong cài đặt chung của WordPress, bạn hãy thực hiện theo các bước dưới đây:

  • Bước 1: Đầu tiên bạn cần phải truy cập vào trang quản trị để tiến hành chỉnh sửa.
  • Bước 2: Lựa chọn thư mục Settings có trên thanh công cụ phía bên trái màn hình.
  • Bước 3: Tiếp tục nhấn vào mục Media ở bên trong. Tại đây bạn hãy thay đổi 3 giá trị mặc định gồm (Thumbnail size, Medium size, Large size) của WordPress theo ý muốn rồi ấn vào Save Changes là xong.
chỉnh kích thước ảnh trong wordpress
Chỉnh kích thước ảnh mặc định WordPress trong cài đặt chung

Như vậy chỉ với 3 bước đơn giản là bạn đã có thể cài kích thước mặc định cho toàn bộ ảnh đăng trong các bài viết trên web nhằm giảm tải dung lượng và tăng tốc độ tải trang.

Nếu bạn chưa biết cách đổi tên hình ảnh trong WordPress như thế nào, tham khảo hướng dẫn đổi tên hình ảnh nhanh chóng và đơn giản nhất mà Vietnix muốn giới thiệu

Chỉnh kích thước ảnh mặc định bằng code

Thay vì sử dụng tính năng mặc định của WordPress bạn cũng có thể điều chỉnh kích thước ảnh cho mỗi bài đăng bằng cách thêm code nhằm mục đích thay đổi các giá trị mặc định.

Để thực hiện, đầu tiên bạn cần truy cập trực tiếp vào file functions.php có sẵn trong theme và chèn thêm vào đoạn code dưới đây:

// bật hỗ trợ add_image_size (enable the add_image_size function)
add_theme_support( 'post-thumbnails' );
add_image_size( 'post-thumbnail size', 800, 240 ); 
add_image_size( 'homepage-thumb size', 220, 180 ); 
add_image_size( 'fullpage-thumb size', 590, 790 );
chỉnh kích thước ảnh trong wordpress bàng code
Chỉnh kích thước ảnh trong WordPress bằng code

Giờ đây mỗi lần upload ảnh mới cho các bài viết, WordPress sẽ tự động tạo các bản sao kích thước ảnh theo đúng tùy chỉnh code mà bạn đã cài đặt.

Lưu ý: Nếu bạn muốn hiển thị ảnh có kích thước tùy chỉnh mới hãy chèn thêm đoạn code sau:

the_post_thumbnail( 'post-thumbnail' );
Banner WordPress Hosting Singlepost

Chương trình ra mắt dịch vụ WordPress Hosting miễn phí 500 mẫu website

Sử dụng plugin để chỉnh kích thước ảnh trong WordPress

Trong WordPress sẽ có 2 plugin mà bạn có thể lựa chọn sử dụng để thay đổi kích thước ảnh đó là Code Snippets và Image Regenerate & Select Crop.

Plugin Code Snippets

Khi lựa chọn Code Snippets để thay đổi kích thước ảnh bạn hãy thực hiện theo các bước sau:

  • Bước 1: Đầu tiên bạn cần phải tiến hành cài đặt plugin Code Snippets cho WordPress của mình.
  • Bước 2: Tạo một custom Code Snippet mới để sử dụng và thêm đoạn code dưới đây vào:
add_theme_support( 'post-thumbnails' );

add_image_size( 'post-thumbnail size', 800, 240 ); 
add_image_size( 'homepage-thumb size', 220, 180 ); 
add_image_size( 'fullpage-thumb size', 590, 790 );
  • Bước 3: Cuối cùng là nhấn vào nút Save Changes phía trên cùng góc phải màn hình là xong.
Chỉnh kích thước ảnh trong WordPress bằng plugin

Với phương pháp này thực chất vẫn là sử dụng code để cài đặt kích thước cho ảnh. Nhưng chúng được cài đặt thông qua một plugin thay vì bạn lựa chọn viết code trực tiếp vào file functions.php có sẵn trong theme.

Plugin Image Regenerate & Select Crop

Trong plugin này bạn không cần phải chèn thêm code mà chỉ cần thực hiện theo các bước đơn giản dưới đây:

  • Bước 1: Cũng giống với Code Snippets, bạn hãy tiến hành cài đặt plugin Image Regenerate & Select Crop cho WordPress của mình.
  • Bước 2: Mở thư mục Settings trên thanh công cụ và nhấn chọn Media.
  • Bước 3: Tùy chỉnh kích thước ảnh mà bạn muốn và ấn vào Save Changes là xong.
Chỉnh kích thước ảnh trong WordPress bằng plugin

Hiện nay, nhằm hỗ trợ khách hàng tiết kiệm thời gian thiết kế, tối ưu và quản trị website, Vietnix đang triển khai chương trình tặng bộ theme & plugin bản quyền trị giá tới 26.000.000 VND/Năm khi đăng ký dịch vụ hosting, VPS tốc độ cao. Các công cụ miễn phí tới thời điểm hiện tại có thể kể đến như: WP Rocket, itheme Security Pro, theme + plugin của MyThemeShop, Divi,…

Vietnix hiện đang là một trong những nhà cung cấp uy tín, chuyên nghiệp tại thị trường Việt Nam với hơn 11 năm kinh nghiệm. Trong suốt thời gian hoạt động, Vietnix đã cung cấp dịch vụ cho hơn 50.000 khách hàng cá nhân, doanh nghiệp, với hơn 100.000 dịch vụ được kích hoạt. Sự hài lòng của khách hàng là ưu tiên hàng đầu của Vietnix, và Vietnix tự hào khi có tới 97% khách hàng giới thiệu dịch vụ sau khi sử dụng. Năm 2022, Vietnix đã đạt được giải thưởng Thương hiệu Việt Nam xuất sắc, một minh chứng cho sự cam kết của về chất lượng và dịch vụ tốt nhất cho khách hàng.

cd branding 2

Bạn có thể liên hệ với đội ngũ hỗ trợ, chăm sóc khách hàng để được tư vấn chi tiết về gói hosting, VPS tối ưu nhất và nhận phần quà cực giá trị từ Vietnix. Mọi vấn đề thắc mắc cần tư vấn, quý khách vui lòng liên hệ:

  • Địa chỉ: 265 Hồng Lạc, Phường 10, Quận Tân Bình, Thành Phố Hồ Chí Minh.
  • Hotline: 1800 1093.
  • Email: sales@vietnix.com.vn.

Lời kết

Trên đây là toàn bộ thông tin mà Vietnix muốn chia sẻ cho bạn về các cách điều chỉnh kích thước ảnh trong WordPress đơn giản, nhanh chóng. Mong rằng thông qua bài viết này, bạn đã có thể tự điều chỉnh kích thước, thay đổi tỷ lệ hình ảnh theo đúng mong muốn cho các bài viết trên website của mình.

Chia sẻ lên
Theo dõi trên
Đánh giá
5/5 - (56 bình chọn)
Kết nối với mình qua
Mình là Trường - hiện đang phụ trách một số mảng trong chiến lược Marketing của Vietnix và đặc biệt là SEO. Ngoài ra, mình còn thích sử dụng WordPress để xây dựng website trong nhiều năm qua. Mình mong muốn có thể dùng trải nghiệm thực tế khi làm việc tại Vietnix để đem lại những chia sẻ hữu ích cho các bạn.
Đăng ký nhận tin
Để không bỏ sót bất kỳ tin tức hoặc chương trình khuyến mãi từ Vietnix
Bài viết liên quan
Bình luận
Theo dõi
Thông báo của
guest
2 Comments
Cũ nhất
Mới nhất Được bỏ phiếu nhiều nhất
Phản hồi nội tuyến
Xem tất cả bình luận
Nguyen An
Khách
Nguyen An
3 tháng trước

Của mình hình ảnh nó bị dính sát vào text thì phải chỉnh css như thế nào ạ? Xin cám ơn!

Screenshot_1.png