ครอบตัดภาพขนาดย่อของโพสต์ที่ใช้งานง่าย?

มีวิธีให้ผู้ใช้ของฉันกำหนดพื้นที่ครอบตัดของภาพขนาดย่อของโพสต์หรือไม่ รูปขนาดย่อมักจะเป็นสิ่งที่แนบมาของโพสต์ที่มีอยู่ฉันไม่ต้องการสร้างสิ่งที่แนบมาพิเศษต่อรูปขนาดย่อ

ภาพขนาดย่อของโพสต์ควรเป็น 200x100 พิกเซลและมาจากหนึ่งในภาพที่ใช้ในการโพสต์ ดังนั้นในโลกอุดมคติของฉันเมื่อคุณคลิกลิงก์ "ตั้งค่ารูปภาพเด่น" คุณจะได้รับภาพรวมของภาพที่รวมอยู่แล้วและเมื่อคุณคลิกหนึ่งในภาพเหล่านี้คุณสามารถกำหนดพื้นที่เพาะปลูกด้วยตัวคุณเอง (เคลื่อนย้ายหรือปรับขนาด อัตราส่วน 2x1) เมื่อคุณคลิก "ตกลง" รูปขนาดย่อโพสต์ใหม่จะถูกบันทึกด้วยไฟล์แนบดั้งเดิม (ใน_wp_attachment_metadata['sizes']['post-thumbnail']ฟิลด์เมตะดาต้าเป็นต้น) ไม่ใช่เป็นไฟล์แนบใหม่ ไม่อนุญาตให้ใช้รูปภาพที่ใช้เป็นรูปขนาดย่อโพสต์สำหรับโพสต์อื่นหรืออย่างน้อยก็ให้เตือน

ฉันเชื่อว่าโปรแกรมแก้ไขรูปภาพที่รวมไว้จะไม่เหมาะกับความต้องการของฉันเนื่องจากคุณสามารถเลือกที่จะแก้ไขรูปภาพทุกรูปแบบหรือรูปขนาดย่อทั่วไป แต่ไม่เพียง แต่รูปขนาดย่อของโพสต์ ฉันรู้สึกสับสนเล็กน้อยเมื่อรู้ว่าฉันกำลังแก้ไขเวอร์ชันใดดังนั้นฉันคิดว่าผู้ใช้ของฉันจะมีปัญหามากกว่านี้

มีปลั๊กอินที่ทำในสิ่งที่ฉันต้องการหรือว่าฉันสามารถขยายความต้องการของฉันได้อย่างง่ายดายหรือไม่?

อัปเดต: UI ตัวอย่าง

ฉันชอบอินเทอร์เฟซของตัวเลือกรูปสมุดที่อยู่ Mac OS X: คุณเลือกภาพและปรับขนาด cropper อัตราส่วนภาพคงที่ผ่านแถบเลื่อน คุณยังสามารถลากภาพฐานไปรอบ ๆ คุณสามารถขยายความคิดนี้เป็นขนาดรูปภาพหลายขนาด (เช่นฉันมีpost-thumbnailและpost-thumbnail-1/2นั่นคือครึ่งหนึ่งของขนาดนั้น) ให้ผู้ใช้เลือกขนาดที่เขากำลังแก้ไขในขณะนี้ด้วยช่องทำเครื่องหมายและวาดสี่เหลี่ยมครอบตัดที่เหมาะสมบนหน้าจอ

รหัสยังคงเป็นระเบียบ แต่ดูเหมือนว่าจะทำงานได้แม้ใน IE 8 ฉันวางแผนที่จะวางจำหน่ายในพื้นที่เก็บข้อมูล แต่ในขณะเดียวกันคุณสามารถเล่นกับเวอร์ชันปัจจุบันของฉันได้ ในการเข้าถึงคุณคลิกที่ "แก้ไขภาพ" เมื่อเพิ่มหรือแก้ไขภาพมันจะเข้ามาแทนที่โปรแกรมแก้ไขรูปภาพปกติ (ยากที่จะรวมกัน) เนื่องจากพื้นที่ส่วนใหญ่ของผู้ดูแลระบบใช้รูปขนาดย่อปกติและเวอร์ชันปัจจุบันของฉันแก้ไขรูปขนาดย่อโพสต์อาจดูเหมือนว่ารหัสไม่มีผลกระทบ แต่ลองใช้โดยแสดงรูปขนาดย่อโพสต์และคุณควรเห็นว่ามีการเปลี่ยนแปลง

ปลั๊กอินนี้ต้องการตัวปรับขนาดรูปภาพตามคำขอของฉันซึ่งยังคงเป็นระเบียบเพื่อทำการปรับขนาดจริง

ทางออกที่ดีที่สุดของคุณคือการใช้การครอบตัดรูปภาพตาม javascript แล้ว php รวมกับ ImageMagick หรือ Image GD

มันจะต้องมีการเขียนลงในฟังก์ชั่นของคุณหรือเป็น plug-in ที่ฉันไม่ทราบว่ามือปลั๊กอิน wordpress ชั้นวางใด ๆ ซึ่งน่าแปลกใจ

มีการครอบตัดรูปภาพ YUI พร้อมตัวเลือกการบันทึกตาม php คือhttp://developer.yahoo.com/yui/examples/imagecropper/conn_crop.html

นี่คือบทช่วยสอนที่แตกต่างกันเกี่ยวกับวิธีใช้ jquery cropper ด้วย php
http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop/

ตัวเลือกที่สามคล้ายกับลิงค์ด้านบนโดยใช้ jQuery cropper เดียวกัน แต่มีรหัสต่างกัน http://www.leonkessler.com/blog/?p=132

นี่คืออีกการใช้ jcery ของ 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 ให้สร้าง CSS ผ่าน PHP; คุณสามารถลิงก์ไปยัง php ที่อ่านการตั้งค่าที่เหมาะสมและปรับพารามิเตอร์การคลิปตาม
• สำหรับผู้ใช้ = ผู้เยี่ยมชมให้ใช้ JavaScript เพื่อเปลี่ยนพารามิเตอร์การตัดในแอตทริบิวต์สไตล์ของรูปภาพ
• ในฐานะที่เป็นโซลูชันที่ไม่รุกรานลองพิจารณาสร้างรหัสย่อ (ผ่านทางปลั๊กอินที่ยอดเยี่ยม Shortcode Exec PHP) เช่น [thumb w = ?? h = ??] url [/ thumb] ที่คุณสามารถแปลเป็นแท็ก HTML ที่เหมาะสมด้วย inline CSS

มีปลั๊กอินรุ่นเก่าที่ชื่อว่า 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 );) ได้รับการใช้โดยอัตโนมัติแล้วรับรหัสเพื่อแทนที่ (หรือขยาย) ลิงก์ "แก้ไข" เมื่อคุณต้องการแก้ไขภาพ

การใช้วิธีการนี้ wordpress สามารถสร้างขนาดภาพที่ใช้ได้ตามปกติ แต่ถ้าคุณต้องการแก้ไขพื้นที่ที่ครอบตัดของภาพใด ๆ โดยเฉพาะคุณมีความสามารถในการทำเช่นนั้นซึ่งจะแทนที่รูปภาพที่สร้างขึ้นโดยอัตโนมัติสำหรับขนาดนั้น หืมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมมม ....

ขณะนี้ฉันเชื่อว่าปลั๊กอินบันทึกขนาดรูปภาพที่กำหนดเองเหล่านี้ลงในฟิลด์ที่กำหนดเองภายในโพสต์แทนการโพสต์สำหรับรูปภาพที่ใช้งานได้

ฉันได้ตัดสินใจที่จะครอบตัดภาพขนาดย่อโดยใช้ "wp_get_attachment_image" ดั้งเดิม ... ... นี่เป็นตัวอย่างของแกลเลอรี่ภาพพร้อมภาพขนาดย่อที่ถูกครอบตัด

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

ด้วยความเคารพ