Home-theater-designers
Một bức tranh có giá trị bằng một nghìn từ --- trừ khi nó được thay đổi kích thước không phù hợp, trong trường hợp đó thì hơi xấu hổ. WordPress chứa các công cụ mạnh mẽ để thay đổi kích thước hình ảnh và hình thu nhỏ, nhưng bạn cần biết cách xử lý chúng.
Đọc tiếp mọi thứ bạn cần biết về kích thước hình ảnh trong WordPress và quản lý hình ảnh nổi bật.
Chỉnh sửa PHP trong tệp WordPress
Bài đăng này chứa mã PHP cho WordPress. Bạn có thể muốn đọc khóa học về lỗi PHP miễn phí của chúng tôi trước khi thử bất kỳ sửa đổi nào đối với chủ đề của bạn.
Nếu bạn không thoải mái khi mở các tệp chủ đề của mình hoặc không muốn vì chúng sẽ bị mất với các bản cập nhật chủ đề trong tương lai, bạn có thể sử dụng Chức năng tùy chỉnh của tôi plugin để thêm các khối mã thay thế.
https://en-gb.wordpress.org/plugins/my-custom-functions/
Khái niệm cơ bản về kích thước hình ảnh WordPress
Trong bảng điều khiển quản trị WordPress, có thể bạn đã biết về Cài đặt > Một nửa.
nâng cấp windows 10 không đủ dung lượng đĩa
Đây là ba kích thước hình ảnh mặc định mà WordPress gọi: hình nhỏ , Trung bình , và lớn . Kích thước hình thu nhỏ có một cài đặt đặc biệt để được cắt theo kích thước chính xác mà bạn chỉ định tại đây. Đây không cần phải là thứ nguyên tỷ lệ 1: 1 --- bạn có thể đặt nó theo cách bạn muốn.
Khi bật tính năng cắt, hình ảnh sẽ được chia tỷ lệ và căn giữa, sau đó bất kỳ thứ gì không phù hợp sẽ bị loại bỏ.
Cài đặt trung bình và lớn hoạt động hơi khác nhau, trong đó bạn sẽ chỉ định tối đa kích thước cho cả chiều rộng và chiều cao, và hình ảnh sẽ được thu nhỏ tương ứng. Nếu hình ảnh quá nhỏ, những kích thước hình ảnh đó sẽ không được tạo.
Khi bạn tải lên một hình ảnh mới, bản gốc sẽ được lưu và có sẵn để chèn vào bài đăng ở kích thước đầy đủ, và các kích thước hình ảnh đã đăng ký khác sẽ tự động được tạo.
Thêm kích thước hình ảnh tùy chỉnh trong WordPress
Ba kích thước được xác định theo mặc định trong WordPress có thể không đủ, đó là lý do tại sao các chủ đề và plugin được phép thêm kích thước tùy chỉnh của riêng chúng. Nếu bạn cảm thấy thoải mái khi chỉnh sửa các tệp chủ đề của mình, bạn cũng có thể làm điều này.
Mở thư mục chủ đề và tìm kiếm functions.php tập tin. Thêm mã sau đây, một cho mỗi kích thước hình ảnh bạn muốn xác định:
add_image_size( 'my-thumbnail', 400, 200, true);Mỗi kích thước hình ảnh mới cần có tên, kích thước chiều rộng và chiều cao và liệu hình ảnh có được cắt theo kích thước chính xác này hay không ( thật hoặc sai ). Đối với các phần cấu trúc của chủ đề hoặc tiện ích, bạn thường muốn cắt bớt để nó không phá vỡ bố cục.
Bạn có thể bị cám dỗ để tạo nhiều kích thước hình ảnh tùy chỉnh, nhưng bạn nên làm như vậy một cách tiết kiệm. Mỗi kích thước hình ảnh bạn xác định sẽ được tạo cho mỗi hình ảnh bạn tải lên, ngay cả khi bạn chỉ định cho chúng tôi hình ảnh nổi bật.
Vì vậy, nếu bạn có bảy kích thước hình ảnh tùy chỉnh, cộng với ba kích thước mặc định, mỗi hình ảnh bạn tải lên sẽ tạo ra 10 bản sao nhỏ của chính nó. Nếu bạn cho rằng một bài đăng có thể có 10 hình ảnh được nhúng trong đó, thì đó là 100 tệp đang được tạo chỉ cho riêng bài đăng đó.
Bạn không thể tạo kích thước hình ảnh tùy chỉnh và chỉ định kích thước hình ảnh đó chỉ nên được sử dụng cho các hình ảnh nổi bật của bạn.
Ngoài ra, ngay cả khi bạn không còn sử dụng một kích thước tùy chỉnh nhất định và đã xóa mã đó (hoặc thay đổi chủ đề), các hình ảnh cũ sẽ vẫn còn trên máy chủ mãi mãi. WordPress sẽ không xóa các hình ảnh không sử dụng cho bạn. Trên một trang web cũ hoặc lớn như MakeUseOf, điều này có nghĩa là một vài trăm gigabyte bị lãng phí khi lưu trữ những hình ảnh không còn được sử dụng nữa.
Đối với các trang web nhỏ hơn, Media Cleaner plugin có thể hữu ích, nhưng luôn chạy bản sao lưu đầy đủ trước.
https://wordpress.org/plugins/media-cleaner/#description
Kích thước hình ảnh tùy chỉnh để sử dụng trong nội dung bài đăng
Theo mặc định, kích thước hình ảnh tùy chỉnh sẽ không xuất hiện trong hộp thả xuống khi chèn hình ảnh vào bài đăng. Điều duy nhất bạn sẽ thấy ở đó là Hình thu nhỏ, Trung bình, Lớn và Kích thước đầy đủ (tùy thuộc vào kích thước của hình ảnh gốc, vì nó sẽ không được nâng cấp).
Nếu bạn muốn kích thước tùy chỉnh của mình cũng có trong danh sách, chúng tôi sẽ cần thêm một chút mã. Một lần nữa, hãy thêm vào functions.php tập tin:
function image_sizes_to_mediapicker( $default_sizes ) {
return array_merge( $default_sizes, array(
'my-thumbnail' => __( 'My Thumbail Size' ),
) );
}
add_filter( 'image_size_names_choose', 'image_sizes_to_mediapicker' );
Điều này hoạt động bằng cách lọc danh sách bộ chọn phương tiện. Chúng tôi hợp nhất mảng danh sách kích thước ban đầu với bất kỳ kích thước mới nào mà chúng tôi cũng muốn được liệt kê. Thay đổi 'hình thu nhỏ của tôi' và 'Kích thước hình thu nhỏ của tôi' thành kích thước tùy chỉnh của bạn và tên thân thiện có thể đọc được với con người mà bạn muốn nó được liệt kê.
Tùy chọn hình ảnh nổi bật của WordPress
Hình ảnh nổi bật là một hình ảnh duy nhất được liên kết với một bài đăng, nhưng không nhất thiết phải chèn vào nội dung bài đăng. Chúng thường được sử dụng bởi các chủ đề trong tiêu đề, trên trang đầu hoặc trên thanh bên. Tuy nhiên, về kích thước hình ảnh, chúng không được xử lý khác với hình ảnh bình thường.
Đối với mọi kích thước bạn đã xác định, bất kỳ hình ảnh nào được tải lên sẽ được sao chép và thay đổi kích thước, bao gồm cả hình ảnh nổi bật.
cách kiểm tra iphone để tìm vi-rút hoặc phần mềm độc hại
Nếu bạn không thấy tùy chọn Đặt hình ảnh nổi bật trên màn hình chỉnh sửa bài đăng của bạn, có thể chủ đề của bạn không hỗ trợ tính năng này. Bạn có thể buộc hỗ trợ bằng cách thêm dòng sau vào chủ đề của bạn functions.php nhưng tôi thực sự khuyên bạn nên tìm một chủ đề mới để thay thế.
Thiếu hỗ trợ cho một cái gì đó cơ bản như hình ảnh nổi bật sẽ là dấu hiệu của mã lỗi thời ở những nơi khác.
add_theme_support('post-thumbnails');Để sử dụng hình ảnh nổi bật trong chủ đề hoặc plugin của riêng bạn, hãy sử dụng the_post_thumbnail () chức năng xuất thẻ hình ảnh:
the_post_thumbnail('my-thumbnail',array('class'=>'my_post_thumbnail_css_class'));Hàm nhận 2 tham số: kích thước được đặt tên mà bạn đang tìm kiếm (trong trường hợp này là 'my-thumbnail') và bất kỳ thuộc tính nào bạn muốn chuyển vào, chẳng hạn như một lớp CSS tùy chỉnh.
Nếu bạn chỉ muốn lấy URL thực của hình ảnh nổi bật hơn là HTML bắt buộc, hãy thử cách này thay thế (lấy kích thước hình ảnh trung bình trong ví dụ này):
cách xóa ứng dụng tiền mặt
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
echo $thumbnail[0];Tạo lại hình ảnh thu nhỏ của WordPress
Bất cứ khi nào bạn thay đổi kích thước hình ảnh mặc định của mình hoặc tạo kích thước hình ảnh tùy chỉnh, nó sẽ chỉ áp dụng cho Mới tải lên. Tất cả hình ảnh hiện có của bạn vẫn ở kích thước ban đầu.
Nếu bạn muốn thay đổi kích thước hình ảnh đã tải lên trước đó, bạn sẽ cần một plugin. Tạo lại hình thu nhỏ AJAX cho phép bạn chọn kích thước để tạo lại và sẽ hoạt động từ từ trong kho lưu trữ của bạn.
https://wordpress.org/plugins/ajax-thumbnail-rebuild/
Tuy nhiên, có một số hạn chế và cạm bẫy bạn nên biết.
Mặc dù hình ảnh nổi bật có thể được thay đổi kích thước tự động, nhưng không plugin nào có thể viết lại nội dung bài đăng. Ví dụ: nếu bạn đã thêm một hình ảnh vào một bài đăng tại lớn kích thước (có thể là 500px vào thời điểm đó), thay đổi định nghĩa của lớn sẽ không thay đổi kích thước hình ảnh trong bài đăng. Nó sẽ ở 500px trừ khi bạn chỉnh sửa bài đăng và chèn lại cùng một hình ảnh ở kích thước mới.
Như đã đề cập, nếu bạn có nhiều kích thước hình ảnh, bạn sẽ tạo ra rất nhiều hình ảnh. Rất may, xây dựng lại hình thu nhỏ cho phép bạn giới hạn điều này ở chỉ những hình ảnh nổi bật . Nhưng một lần nữa, hãy nhớ điều này chỉ áp dụng cho hình ảnh trước đó của bạn. Tất cả các hình ảnh tải lên trong tương lai sẽ được quản lý bởi WordPress, có nghĩa là tất cả các kích thước hình ảnh sẽ được tạo cho mọi thứ.
Bây giờ sẽ là thời điểm tuyệt vời để học sự khác biệt giữa JPG và PNG để bạn biết cách sử dụng định dạng tối ưu trong tương lai.
Đưa trang web WordPress của bạn lên cấp độ tiếp theo
Bạn muốn điều chỉnh chủ đề WordPress của mình? Việc sử dụng hình ảnh, màu sắc và vị trí của các phần tử trong chủ đề của bạn chủ yếu được xác định bởi CSS và HTML, vì vậy chúng tôi khuyên bạn nên xem các hướng dẫn từng bước này để học CSS và HTML.
Và nếu bạn quan tâm đến các chủ đề, hãy xem các chủ đề WordPress thú vị này để có danh mục nhiếp ảnh.
Trang web WordPress của bạn có thường xuyên bị lỗi không? bạn đang trả quá nhiều? Chuyển sang dịch vụ lưu trữ nổi tiếng như InMotion Hosting (giảm giá MakeUseOf đặc biệt với liên kết này ) hoặc Bluehost (giảm giá MakeUseOf đặc biệt với liên kết này ).
Đăng lại Đăng lại tiếng riu ríu E-mail Đây là lý do tại sao FBI ban hành cảnh báo cho Hive RansomwareFBI đã đưa ra cảnh báo về một loại ransomware đặc biệt khó chịu. Đây là lý do tại sao bạn cần phải đặc biệt cảnh giác với ransomware Hive.
Đọc tiếp Chủ đề liên quan- Lập trình
- Wordpress
James có bằng Cử nhân về Trí tuệ nhân tạo và được chứng nhận CompTIA A + và Network +. Khi không bận rộn với tư cách là Biên tập viên đánh giá phần cứng, anh ấy thích LEGO, VR và các trò chơi trên bàn. Trước khi gia nhập MakeUseOf, anh ấy là kỹ thuật viên ánh sáng, giáo viên tiếng Anh và kỹ sư trung tâm dữ liệu.
Xem thêm từ James BruceTheo dõi bản tin của chúng tôi
Tham gia bản tin của chúng tôi để biết các mẹo công nghệ, đánh giá, sách điện tử miễn phí và các ưu đãi độc quyền!
Bấm vào đây để đăng ký