問題描述
有沒有辦法讓我的使用者定義帖子縮圖的裁剪區域?縮圖始終是現有的附件,我寧可不為每個縮圖建立額外的附件。
帖子的縮圖應該是 200×100 畫素,並且來自該帖子中使用的一個影像。所以在我的理想世界中,當您點選 「設定精選影像」 連結時,您可以概覽已包含的影像,當您單擊其中一個時,您可以自己定義裁剪區域 (移動或調整大小,但保持 2×1 寬高比) 。當您單擊”OK” 時,新的帖子縮圖將儲存在原始附件中 (例如在_wp_attachment_metadata['sizes']['post-thumbnail']後設資料欄位中),而不是新的附件。使用已經用作另一個帖子的帖子縮圖的影像不應該被允許,或至少給出警告。
我相信包含的影像編輯器不符合我的需要,因為您可以選擇編輯影像的所有版本或常規縮圖,而不僅僅是釋出縮圖。我也發現有一些令人困惑的知道我正在編輯哪些版本,所以我認為我的使用者會有更多的麻煩。
有沒有一個外掛可以做我想要的,或者我可以很容易地擴充套件到我的需要?
更新:示例 UI
我非常喜歡 Mac OS X 通訊錄影像選擇器的介面:您選擇一個影像,並透過滑塊調整固定比例縮圖裁剪器的大小。您也可以拖動基本影像。您可以將這個想法擴充套件到多個影像大小 (例如,我有一個 post-thumbnail 和 post-thumbnail-1/2) 。讓使用者用核取方塊選擇他正在編輯的尺寸,並在螢幕上繪製適當的裁剪矩形。
最佳解決方案
程式碼仍然是一團糟,但它似乎工作,即使在 IE 8. 我打算釋出它在儲存庫,但在此期間,你可以玩 my current version 。要訪問它,您在新增或編輯影像時單擊”Edit Image”,它會替換通常的影像編輯器 (它們很難合併) 。由於大多數管理區域使用常規縮圖,而我當前的版本編輯了郵件縮圖,似乎程式碼沒有任何效果,但是透過顯示一個帖子縮圖來嘗試,你應該看到它的更改。
這個外掛需要我的 On-Demand Image Resizer,這也是一個混亂,做實際的調整大小。
次佳解決方案
最好的辦法是使用基於 javascript 的影像裁剪,然後將 php 與 ImageMagick 或 Image GD 結合使用。
它必須寫入您的功能或作為 plug-in,因為我不知道任何現成的 wordpress plug-ins 的手,這是令人驚訝的。
有一個 YUI 影像裁剪與基於 PHP 的儲存選項 http://developer.yahoo.com/yui/examples/imagecropper/conn_crop.html
這是一個不同的教程,關於如何使用 php http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop/的 jquery 裁剪器
第三個選項與上述連結非常相似,使用相同的 jquery 裁剪器但不同的程式碼。 http://www.leonkessler.com/blog/?p=132
這是另一個使用 jquery 的 jcrop 而不是 http://www.talkincode.com/jcrop-extension-implementation-in-php-932.html
誰是一個新的 plug-in,這肯定會受歡迎:)
參考文獻
注:本文內容整合自 Google/Baidu/Bing 輔助翻譯的英文資料結果。如果您對結果不滿意,可以加入我們改善翻譯效果:薇曉朵技術論壇。

