Cắt xén thân thiện với người dùng của hình thu nhỏ bài?

Có cách nào để cho phép người dùng của tôi xác định vùng cắt của hình thu nhỏ của bài đăng không? Các hình thu nhỏ luôn là các tệp đính kèm bài đăng hiện có, tôi không muốn tạo thêm một tệp đính kèm cho mỗi hình thu nhỏ.

Hình thu nhỏ của bài đăng phải là 200x100 pixel và đến từ một trong những hình ảnh được sử dụng trong bài đăng. Vì vậy, trong thế giới lý tưởng của tôi, khi bạn nhấp vào liên kết "Đặt hình ảnh nổi bật", bạn sẽ có được cái nhìn tổng quan về các hình ảnh đã được bao gồm và khi bạn nhấp vào một trong số đó, bạn có thể tự xác định vùng cắt (di chuyển hoặc thay đổi kích thước của nó, nhưng vẫn giữ tỷ lệ khung hình 2x1). Khi bạn nhấp vào "OK", hình thu nhỏ bài đăng mới được lưu với tệp đính kèm ban đầu ( _wp_attachment_metadata['sizes']['post-thumbnail']ví dụ trong trường siêu dữ liệu), không phải là tệp đính kèm mới. Không nên cho phép sử dụng hình ảnh đã được sử dụng làm hình thu nhỏ cho bài đăng khác hoặc ít nhất là đưa ra cảnh báo.

Tôi tin rằng trình chỉnh sửa hình ảnh đi kèm sẽ không phù hợp với nhu cầu của tôi, vì bạn có thể chọn chỉnh sửa tất cả các phiên bản của hình ảnh hoặc hình thu nhỏ thông thường, nhưng không chỉ hình thu nhỏ của bài đăng. Tôi cũng thấy hơi khó hiểu khi biết mình đang chỉnh sửa phiên bản nào, vì vậy tôi nghĩ người dùng của tôi sẽ còn gặp nhiều rắc rối hơn với nó.

Có một plugin nào làm những gì tôi muốn, hoặc tôi có thể dễ dàng mở rộng theo nhu cầu của mình không?

Cập nhật: Ví dụ UI

Tôi thực sự thích giao diện của trình chọn hình ảnh trong Sổ địa chỉ Mac OS X: bạn chọn một hình ảnh và thay đổi kích thước của trình cắt hình thu nhỏ tỷ lệ cố định thông qua một thanh trượt. Bạn cũng có thể kéo hình ảnh cơ sở xung quanh. Bạn có thể mở rộng ý tưởng này với nhiều kích thước hình ảnh (Tôi có một post-thumbnailvà post-thumbnail-1/2đó là một nửa kích thước đó, ví dụ). Để người dùng chọn (các) kích thước anh ta đang chỉnh sửa bằng các hộp kiểm và vẽ hình chữ nhật cắt phù hợp trên màn hình.

Mã vẫn còn là một mớ hỗn độn, nhưng nó dường như hoạt động, ngay cả trên IE 8. Tôi dự định phát hành nó trong kho lưu trữ, nhưng trong thời gian đó bạn có thể chơi với phiên bản hiện tại của tôi . Để truy cập nó, bạn nhấp vào "Chỉnh sửa hình ảnh" khi thêm hoặc chỉnh sửa hình ảnh, nó thay thế trình chỉnh sửa hình ảnh thông thường (chúng rất khó kết hợp). Vì hầu hết khu vực quản trị sử dụng hình thu nhỏ thông thường và phiên bản hiện tại của tôi chỉnh sửa hình thu nhỏ của bài đăng, có vẻ như mã không có hiệu lực, nhưng hãy thử bằng cách hiển thị hình thu nhỏ của bài đăng và bạn sẽ thấy nó thay đổi.

Plugin này yêu cầu Trình chỉnh lại hình ảnh theo yêu cầu của tôi , vẫn còn là một mớ hỗn độn, để thực hiện thay đổi kích thước thực tế.

Đặt cược tốt nhất của bạn là sử dụng crop crop dựa trên javascript và sau đó php kết hợp với ImageMagick hoặc Image GD.

Nó sẽ phải được ghi vào các chức năng của bạn hoặc như là một trình cắm thêm vì tôi không biết về bất kỳ trình cắm wordpress nào, điều này thật đáng ngạc nhiên.

Có một ảnh crop YUI với tùy chọn lưu dựa trên php http://developer.yahoo.com/yui/examples/imagecropper/conn_crop.html

Dưới đây là một hướng dẫn khác nhau về cách sử dụng trình cắt xén jquery với php
http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop/

Một tùy chọn thứ ba rất giống với liên kết ở trên bằng cách sử dụng cùng một trình cắt jquery nhưng mã khác nhau. http://www.leonkessler.com/blog/?p=132

Đây là một cách khác sử dụng jcrop của jquery thay vào đó, http://www.talkincode.com/jcrop-extension-im THỰCation-in-php-932.html

Ai đang chuẩn bị một plugin mới, điều này chắc chắn sẽ phổ biến :)

Giả sử bạn đã thêm hỗ trợ cho hình thu nhỏ sau khi bạn nói về tùy chọn "Hình ảnh nổi bật".

Nếu vậy, một tùy chọn bạn có nó để thêm kích thước hình ảnh mới vào mảng tải lên. Vì vậy, theo mặc định, bạn có hình thu nhỏ, trung bình, lớn. Trong đoạn mã sau, phần này thêm hình ảnh thứ 4 vào loại đó, dựa trên bất kỳ kích thước nào bạn muốn. Bit mã này sẽ được thêm vào tệp tin.php.

add_image_size( 'new_thumb', 200, 100, true );

"new-thumb" = tên của hình ảnh tùy chỉnh mới
"200" = width
"100" = height
"true" = tùy chọn cắt cứng. Điều này sẽ buộc một hình ảnh được cắt theo chiều rộng / chiều cao được xác định. Không có, nó chỉ cân theo tỷ lệ.

Bây giờ, để hiển thị hình thu nhỏ mới trên một trang hoặc mảng bài đăng, bạn sẽ chèn đoạn sau vào HTML của mình

<?php the_post_thumbnail('new_thumb'); ?>

Bạn có thể muốn sử dụng CSS để có tính linh hoạt cao, sửa hình thu nhỏ trong chủ đề của bạn (nếu muốn) và tránh lộn xộn tập tin:

http://www.seifi.org/css/creating-thumbnails-USE-the-css-clip-property.html

Hãy nhớ rằng toàn bộ hình ảnh sẽ được tải, vì vậy đừng sử dụng bản gốc 3 MB của bạn cho việc này.

Cập nhật theo yêu cầu của tháng 1: Nếu bạn muốn cắt động, hãy xem xét:

• Đối với người dùng = quản trị viên, tạo CSS thông qua PHP; bạn chỉ có thể liên kết với php để đọc các cài đặt phù hợp và điều chỉnh các tham số cắt cho phù hợp.
• Đối với người dùng = khách truy cập, hãy sử dụng JavaScript để thay đổi các tham số cắt trong thuộc tính kiểu của hình ảnh.
• Là một giải pháp ít xâm lấn hơn, hãy xem xét việc tạo một shortcode (thông qua plugin tuyệt vời Shortcode Exec PHP) như [thumb w = ?? h = ??] url [/ thumb] mà bạn có thể dịch sang thẻ HTML thích hợp bằng CSS nội tuyến.

Có một plugin cũ hơn được gọi là WP Post Thumbnail mà đôi khi chúng ta sử dụng. Nó không hoàn hảo và có một số lỗi nhỏ với phiên bản mới nhất cho WP (nó chưa được cập nhật từ năm 2008 nên không nhất thiết phải đáng tin cậy). http://wordpress.org/extend/plugins/wp-post-thumbnail/

Tôi tin rằng bạn đang tìm kiếm điều này: http://wordpress.org/support/topic/sc khoa- for- wordpress-29-also-works-on-30-h bồ

Tôi đã không thử điều này, nhưng nó sẽ cung cấp cho bạn chức năng mà bạn đang tìm kiếm.

Trang plugin gốc ở đây. http://wordpress.org/extend/plugins/sc khoa /

Tôi cũng cần điều này cho một dự án tôi đang thực hiện.

Tôi nghĩ rằng giải pháp cuối cùng cho vấn đề này sẽ là sửa đổi plugin từ http://www.seoadsensetheme.com/wordpress-wp-post-thumbnail-plugin/

và tùy chỉnh nó để mọi kích thước hình ảnh tùy chỉnh được xác định trong tệp tin.php của bạn (sử dụng add_image_size( 'new_thumb', 200, 100, true );) sẽ tự động được sử dụng và sau đó lấy mã để thay thế (hoặc mở rộng) liên kết "chỉnh sửa" khi bạn muốn sửa đổi hình ảnh.

Sử dụng phương pháp này, wordpress có thể tiếp tục tạo kích thước hình ảnh có thể áp dụng như bình thường nhưng nếu bạn muốn sửa đổi cụ thể vùng bị cắt của bất kỳ hình ảnh cụ thể nào, bạn sẽ có khả năng thực hiện để thay thế hình ảnh được tạo tự động cho kích thước đó. Hmmm ... mặc dù điều đó nghe có vẻ khó hiểu khi đọc lại nó chính xác là những gì tôi cảm thấy thiếu.

Hiện tại tôi tin rằng plugin lưu các kích thước hình ảnh tùy chỉnh này vào trường tùy chỉnh trong bài đăng thay vì bài đăng cho hình ảnh có thể áp dụng.

Tôi đã quyết định cắt hình thu nhỏ bằng cách sử dụng "wp_get_attachment_image" ... đây là một ví dụ về thư viện hình ảnh, với hình thu nhỏ được cắt

http://wpworks.wordpress.com/2010/12/27/image-gallery-with-image-crop/

Trân trọng