Xác định chiều rộng nội dung WordPress

Thủ thuật WordPress
#1
Tất cả các oEmbed không được tạo ra như nhau
Chiều rộng nội dung là một tính năng trong chủ đề cho phép bạn đặt chiều rộng tối đa được phép cho video, hình ảnh và nội dung oEmbed khác trong chủ đề.

Điều đó có nghĩa là, khi bạn dán URL YouTube đó vào trình chỉnh sửa trực quan và WordPress tự động hiển thị video thực tế trên giao diện người dùng, video đó sẽ không vượt quá chiều rộng bạn đã đặt bằng cách sử dụng $content_width biến.

Ví dụ: để giới hạn bất kỳ nội dung nhúng nào có chiều rộng 600px, hãy thêm phần sau vào :functions.php

if ( ! isset( $content_width ) )
  $content_width = 600;

 

WordPress cũng khuyên bạn nên bổ sung các quy tắc CSS sau vào style.css:

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}

Mặc dù tính năng Chiều rộng nội dung hữu ích nhưng nó hơi nặng tay. Nó xác định rõ ràng chiều rộng nội dung cho TẤT CẢ nội dung. Điều gì sẽ xảy ra nếu bạn muốn video có chiều rộng trên trang lớn hơn trong bài đăng và kích thước thậm chí lớn hơn trong loại bài đăng tùy chỉnh? Hiện tại, không có cách nào để xác định điều này.

Tuy nhiên, có một yêu cầu tính năng đề xuất việc đưa $content_width biến vào tích hợp sẵn .add_theme_support()

Một điều kiện chào đón

Bất kỳ giao diện người dùng nào có nhiều câu lệnh điều kiện sẽ nhanh chóng bị loại khỏi tầm tay nhưng nếu và cho đến khi tính năng này là một phần của lõi WordPress, thì câu lệnh điều kiện là cách duy nhất để làm cho nó trở nên linh hoạt.

Crack mở chủ đề Twenty Fourteen hiện tại và bạn sẽ tìm thấy chức năng này trong :functions.php

function twentyfourteen_content_width() {
  if ( is_attachment() && wp_attachment_is_image() ) {
    $GLOBALS['content_width'] = 810;
  }
}
add_action( 'template_redirect', 'twentyfourteen_content_width' );

Chức năng này là một số dòng xuống trong . Tuy nhiên, hàm đầu tiên trong hàm xác định chiều rộng nội dung ở chiều rộng tối đa có vẻ tùy ý là 474:functions.phpfunctions.php

if ( ! isset( $content_width ) ) {
  $content_width = 474;
}

Các chức năng là, bề ngoài, một trong đó không giữ đúng các chức năng cốt lõi được định nghĩa trước. Nó là một Mulligan . Một việc nên làm. Chức năng này lấy những gì đã được xác định và thay đổi nó cho các trang là tệp đính kèm và có hình ảnh như tệp đính kèm đã nói.twentyfourteen_content_width()

Tuy nhiên, cho đến khi một chức năng chính thức được thêm vào lõi, việc triển khai ở trên là cách duy nhất để xác định có điều kiện chiều rộng nội dung.