게시물 미리보기 이미지의 사용자 친화적 자르기?

사용자가 게시물 미리보기 이미지의 자르기 영역을 정의 할 수있는 방법이 있습니까? 미리보기 이미지는 항상 기존 게시물 첨부 파일이므로 미리보기 이미지마다 추가 첨부 파일을 만들지 않습니다.

게시물 미리보기 이미지는 200x100 픽셀이어야하며 게시물에 사용 된 이미지 중 하나에서 가져와야합니다. 이상적으로는 "특징 이미지 설정"링크를 클릭하면 이미 포함 된 이미지에 대한 개요를 볼 수 있으며이 중 하나를 클릭하면 자르기 영역을 직접 정의 (이동 또는 크기 조정) 할 수 있습니다. 2x1 종횡비). "확인"을 클릭하면 새 게시물 축소판이 _wp_attachment_metadata['sizes']['post-thumbnail']새 첨부 파일이 아닌 원본 첨부 파일 ( 예 : 메타 데이터 필드) 과 함께 저장됩니다 . 다른 게시물의 게시물 미리보기 이미지로 이미 사용 된 이미지를 사용해서는 안되며 최소한 경고 메시지가 표시됩니다.

이미지의 모든 버전 또는 일반 썸네일을 편집 할 수 있지만 게시물 썸네일뿐만 아니라 포함 된 이미지 편집기가 내 요구에 적합하지 않다고 생각합니다. 또한 편집중인 버전을 아는 것이 약간 혼란 스럽기 때문에 사용자가 더 많은 문제를 겪을 것으로 생각합니다.

원하는 기능을 수행하거나 필요에 따라 쉽게 확장 할 수있는 플러그인이 있습니까?

업데이트 : 예제 UI

Mac OS X 주소록 이미지 선택기의 인터페이스가 정말 마음에 듭니다. 이미지를 선택하고 슬라이더를 통해 고정 비율 썸네일 자르기의 크기를 조정하십시오. 기본 이미지를 드래그 할 수도 있습니다. 여러 이미지 크기에이 아이디어를 확장 할 수 있습니다 (I는이 post-thumbnail와 post-thumbnail-1/2그 예를 들어, 절반 크기이다). 사용자가 확인란을 사용하여 편집중인 크기를 선택하고 화면에 적절한 자르기 사각형을 그립니다.

코드는 여전히 엉망이지만 IE 8에서도 작동합니다. 리포지토리에서 코드를 릴리스 할 계획이지만 그 동안 내 현재 버전으로 재생할 수 있습니다 . 이미지에 추가하거나 편집 할 때 "이미지 편집"을 클릭하면 일반적인 이미지 편집기가 대체됩니다 (결합하기 매우 어렵습니다). 대부분의 관리 영역은 일반 썸네일을 사용하고 현재 버전은 게시물 썸네일을 편집하므로 코드에 아무런 영향을 미치지 않지만 게시물 썸네일을 표시하여 시도하면 변경되는 것을 볼 수 있습니다.

이 플러그인에는 실제 크기 조정을 수행하기 위해 여전히 엉망인 On-Demand Image Resizer 가 필요합니다.

가장 좋은 방법은 자바 스크립트 기반 이미지 자르기를 사용한 다음 PHP를 ImageMagick 또는 Image GD와 결합하는 것입니다.

기성품 워드 프레스 플러그인을 모르는 것처럼 함수 또는 플러그인으로 작성해야합니다. 놀랍습니다.

PHP 기반 저장 옵션 http://developer.yahoo.com/yui/examples/imagecropper/conn_crop.html을 사용하여 YUI 이미지 자르기가 있습니다.

다음은 PHP와 함께 jquery 크롭 퍼를 사용하는 방법에 대한 다른 튜토리얼입니다
http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop

동일한 jquery 크롭 퍼이지만 다른 코드를 사용하는 위의 링크와 매우 유사한 세 번째 옵션입니다. http://www.leonkessler.com/blog/?p=132

다음은 jquery의 jcrop을 사용하는 또 다른 방법입니다. http://www.talkincode.com/jcrop-extension-implementation-in-php-932.html

새로운 플러그인을 사용하는 사람은 다음과 같습니다.)

'추천 이미지'옵션에 대해 이야기하면서 미리보기 이미지에 대한 지원을 이미 추가했다고 가정합니다.

그렇다면 업로드 배열에 새 이미지 크기를 추가 할 수있는 옵션이 있습니다. 따라서 기본적으로 축소판 그림, 중간 크기, 큰 크기가 있습니다. 다음 코드에서는 원하는 크기에 따라 4 번째 이미지를 해당 분류에 추가합니다. 이 코드는 functions.php 파일에 추가됩니다.

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

"new-thumb"= 새 사용자 정의 이미지의 이름
"200"= 너비
"100"= 높이
"true"= 하드 자르기 옵션. 그러면 이미지가 정의 된 너비 / 높이로 잘립니다. 그렇지 않으면 비율에 비례하여 확장됩니다.

이제 페이지 나 게시물 배열에 새 축소판을 표시하려면 HTML에 다음을 삽입합니다.

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

유연성을 높이고 테마에서 썸네일을 수정하고 (필요한 경우) 파일 혼란을 피하기 위해 CSS를 사용할 수 있습니다.

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

전체 이미지가로드되므로 3MB 원본을 사용하지 마십시오.

Jan의 요청에 따라 업데이트 : 동적 클리핑을 원하면 다음을 고려하십시오.

• user = administrator의 경우 PHP를 통해 CSS를 작성하십시오. 적절한 설정을 읽은 PHP에 연결하고 클리핑 매개 변수를 적절하게 조정할 수 있습니다.
• user = visitor의 경우 JavaScript를 사용하여 이미지의 스타일 속성에서 클리핑 매개 변수를 변경하십시오.
• 덜 침습적 인 해결책으로, [thumb w = ??와 같은 훌륭한 플러그인 Shortcode Exec PHP를 통해) h = ??] url [/ thumb] 인라인 CSS를 사용하여 적절한 HTML 태그로 변환 할 수 있습니다.

우리가 때때로 사용하는 WP Post Thumbnail이라는 오래된 플러그인이 있습니다. 완벽하지는 않으며 WP 최신 버전의 일부 버그가 있습니다 (2008 년 이후 업데이트되지 않았으므로 반드시 신뢰할 수는 없습니다). http://wordpress.org/extend/plugins/wp-post-thumbnail/

나는 당신이 이것을 찾고 있다고 생각합니다 : http://wordpress.org/support/topic/scissors-for-wordpress-29-also-works-on-30-hurray

나는 이것을 시도하지 않았지만 찾고있는 기능을 제공해야합니다.

원래 플러그인 페이지는 여기입니다. http://wordpress.org/extend/plugins/scissors/

내가 작업중 인 프로젝트 에도이 기능이 필요합니다.

이 문제에 대한 궁극적 인 해결책은 http://www.seoadsensethemes.com/wordpress-wp-post-thumbnail-plugin/ 에서 플러그인을 수정하는 것입니다 .

functions.php 파일에 정의 된 모든 사용자 정의 이미지 크기가 (을 사용하여 add_image_size( 'new_thumb', 200, 100, true );) 자동으로 사용되도록하고 이미지를 수정하려고 할 때 "편집"링크를 바꾸거나 확장하도록 코드를 가져옵니다.

이 방법을 사용하면 워드 프레스가 정상적으로 적용되는 이미지 크기를 계속 만들 수 있지만 특정 이미지의 자른 영역을 구체적으로 수정하려는 경우 해당 크기에 대해 자동으로 생성 된 이미지를 대체 할 수 있습니다. 흠 ... 그것이 다시 읽히는 것을 혼란스럽게 들리지만, 내가 느낀 것 같습니다.

현재 플러그인은 이러한 사용자 정의 이미지 크기를 해당 이미지의 게시물 대신 게시물 내의 사용자 정의 필드에 저장한다고 생각합니다.

기본 "wp_get_attachment_image"를 사용하여 썸네일을 자르기로 결정했습니다 ... 자른 썸네일이있는 이미지 갤러리의 예가 있습니다.

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

친애하는