it-swarm.asia

سهل الاستعمال الاقتصاص من الصور المصغرة آخر؟

هل هناك طريقة للسماح للمستخدمين بتحديد مساحة الاقتصاص لصورة مصغرة للنشر؟ الصور المصغرة هي دائمًا مرفقات نشر حالية ، لكنني لا أفضل إنشاء مرفق إضافي لكل صورة مصغرة.

يجب أن تكون الصور المصغرة للنشر 200 × 100 بكسل ، وأن تأتي من إحدى الصور المستخدمة في المنشور. لذلك في العالم المثالي ، عندما تنقر فوق رابط "تعيين صورة مميزة" ، تحصل على نظرة عامة على الصور المضمّنة بالفعل ، وعند النقر فوق إحدى هذه الصور ، يمكنك تحديد منطقة الاقتصاص بنفسك (نقلها أو تغيير حجمها ، مع الحفاظ على نسبة الارتفاع 2x1). عند النقر فوق "موافق" ، يتم حفظ الصورة المصغرة للنشر الجديد مع المرفق الأصلي (في حقل البيانات الوصفية _wp_attachment_metadata['sizes']['post-thumbnail'] على سبيل المثال) ، وليس كمرفق جديد. يجب عدم السماح باستخدام صورة مستخدمة بالفعل كصورة مصغرة للنشر في منشور آخر ، أو على الأقل إعطاء تحذير.

أعتقد أن محرر الصور المضمّن لن يتناسب مع احتياجاتي ، حيث يمكنك اختيار تحرير جميع إصدارات الصورة ، أو الصورة المصغرة العادية ، ولكن ليس فقط الصورة المصغرة للنشر. أجد أنه من المربك بعض الشيء معرفة الإصدارات التي أقوم بتحريرها ، لذلك أعتقد أن المستخدمين سيواجهون المزيد من المتاعب.

هل هناك مكون إضافي يقوم بما أريد ، أو يمكنني توسيعه بسهولة لاحتياجاتي؟

تحديث: مثال واجهة المستخدم

يعجبني حقًا واجهة منتقي الصور في Mac OS X Address Book: يمكنك تحديد صورة وتغيير حجم مصغر الصورة الثابتة بنسبة عبر شريط التمرير. يمكنك أيضًا سحب الصورة الأساسية حولها. يمكنك توسيع هذه الفكرة لتشمل العديد من أحجام الصور (لدي post-thumbnail و post-thumbnail-1/2 بنصف هذا الحجم ، على سبيل المثال). اسمح للمستخدم بتحديد الأحجام (الأحجام) التي يقوم بتحريرها الآن مع مربعات الاختيار ، ورسم مستطيلات القطع المناسبة على الشاشة.

The Address Book image cropper in action

32
Jan Fabry

لا تزال الشفرة في حالة من الفوضى ، لكن يبدو أنها تعمل ، حتى في IE 8. أنوي إصدارها في المستودع ، ولكن في الوقت نفسه ، يمكنك اللعب باستخدام الإصدار الحالي . للوصول إليها ، انقر فوق "تحرير صورة" عند إضافة صورة أو تحريرها ، فهي تحل محل محرر الصور المعتاد (يصعب دمجها). نظرًا لأن معظم منطقة المشرف تستخدم الصورة المصغرة العادية ويقوم الإصدار الحالي بتحرير الصورة المصغرة للنشر ، فقد يبدو أن الرمز ليس له أي تأثير ، لكن حاول ذلك عن طريق عرض صورة مصغرة للنشر وستظهر لك تتغير.

يتطلب هذا البرنامج المساعد/ Resizer Image Resizer ، والذي لا يزال أيضًا في حالة من الفوضى ، للقيام بتغيير الحجم الفعلي.

Example image in the cropper

11
Jan Fabry

أفضل رهان لك هو استخدام مجموعة صور مبنية على جافا سكريبت ثم php مع ImageMagick أو Image Gd.

سيكون من الضروري كتابتها في وظائفك أو كمكون إضافي لأنني لا أعلم بأي حال من الأحوال عن أي وورد في ووردبرف ، وهو ما يثير الدهشة.

هناك محصول صورة YUI مع خيار حفظ يستند إلى php http://developer.yahoo.com/yui/examples/imagecropper/conn_crop.html

فيما يلي برنامج تعليمي مختلف حول كيفية استخدام محصول مسج مع php
http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop/

خيار ثالث يشبه إلى حد كبير الرابط أعلاه باستخدام نفس اقتصاص مسج ولكن رمز مختلف. http://www.leonkessler.com/blog/؟p=132

إليك طريقة أخرى تستخدم jcrop's jcrop بدلاً من ذلك ، http://www.talkincode.com/jcrop-extension-implementation-in-php-932.html

من هو مكون إضافي جديد ، سيكون هذا بالتأكيد أمرًا شائعًا :)

4
Wyck

قد ترغب في استخدام CSS من أجل الحصول على مرونة كبيرة وإصلاح الصورة المصغرة في السمة الخاصة بك (إذا أردت) وتجنب فوضى الملفات:

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

تذكر أنه سيتم تحميل الصورة بأكملها ، لذلك لا تستخدم النسخ الأصلية 3 ميجابايت لهذا الغرض.

تحديث حسب طلب يناير: إذا كنت تريد لقطة ديناميكية ، فكر في:

  • للمستخدم = المسؤول ، إنشاء CSS عبر PHP ؛ يمكنك فقط الارتباط بفب الذي يقرأ الإعدادات المناسبة وضبط المعلمات لقطة وفقا لذلك.
  • بالنسبة للمستخدم = زائر ، استخدم JavaScript لتغيير معلمات القطع في سمة نمط الصورة.
  • كحل أقل اقتحاماً ، فكر في إنشاء رمز قصير (عبر البرنامج المساعد الرائع Shortcode Exec PHP) مثل [thumb w = ؟؟ h = ؟؟] url [/ thumb] التي يمكنك ترجمتها إلى علامة HTML المناسبة باستخدام CSS مضمّن.
1
Raphael

أعتقد أنك تبحث عن هذا: http://wordpress.org/support/topic/scissors-for-wordpress-29-also-works-on-30-hurray

لم أجرب ذلك ، لكن يجب أن يوفر لك الوظيفة التي تبحث عنها.

البرنامج المساعد الأصلي الصفحة هنا. http://wordpress.org/extend/plugins/scissors/

أنا بحاجة إلى هذا لمشروع أعمل عليه أيضًا.

1
tomcat23

لقد قررت اقتصاص الصور المصغرة باستخدام "wp_get_attachment_image" الأصلي ... ... هنا مثال على معرض للصور ، مع صور مصغرة تم اقتصاصها

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

تحياتي الحارة

1
Alvaro Neto

هناك مكون إضافي أقدم يسمى _ ​​WP نشر الصورة المصغرة التي نستخدمها في بعض الأحيان. إنه ليس مثاليًا ، وهناك بعض الأخطاء الطفيفة التي تحتوي على أحدث إصدار لـ WP (لم يتم تحديثه منذ عام 2008 ، لذا فهو غير موثوق به بالضرورة). http://wordpress.org/extend/plugins/wp-post-thumbnail/

1
gabrielk

على افتراض أنك أضفت بالفعل دعمًا لصور ما بعد الصور المصغرة ، وأنت تتحدث عن خيار "صورة مميزة".

إذا كان الأمر كذلك ، فأحد الخيارات لديك لإضافة حجم صورة جديد إلى صفيف التحميل. لذلك بشكل افتراضي ، لديك صورة مصغرة ومتوسطة وكبيرة. في الجزء التالي من الشفرة ، يضيف هذا صورة رابعة إلى هذا التشكيل ، بناءً على أي حجم تريده. ستتم إضافة جزء البت هذا إلى ملف jobs.php الخاص بك.

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

"new-thumb" = اسم الصورة المخصصة الجديدة
"200" = العرض
"100" = الارتفاع
"صواب" = خيار القطع الصعب. سيؤدي ذلك إلى إجبار صورة ما على اقتصاص العرض/الارتفاع المحدد. بدون ذلك ، فإنه يتناسب مع المقاييس.

الآن ، لعرض الصورة المصغرة الجديدة على صفحة أو صفيف نشر ، يمكنك إدراج ما يلي في HTML الخاص بك

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

أعتقد أن الحل النهائي لهذه المشكلة هو تعديل المكون الإضافي من http://www.seoadsensethemes.com/wordpress-wp-post-thumbnail-plugin/

وقم بتخصيصه بحيث يتم تلقائيًا استخدام أحجام الصور المخصصة المحددة في ملف function.php (باستخدام add_image_size( 'new_thumb', 200, 100, true );) ، ثم الحصول على الكود ليحل محل (أو يمدد) رابط "تحرير" عندما تريد تعديل صورة.

الاستفادة من هذا النهج ، يمكن أن يستمر برنامج WordPress في إنشاء أحجام صوره القابلة للتطبيق كما هو معتاد ، ولكن إذا كنت ترغب في تعديل المنطقة المحصورة في أي صورة محددة على وجه التحديد ، فستتمكن من القيام بذلك والتي بدورها ستحل محل الصورة التي تم إنشاؤها تلقائيًا بهذا الحجم. هممم ... على الرغم من أن هذا يبدو مربكا القراءة أكثر من ذلك بالضبط ما أشعر به هو مفقود.

أعتقد حاليًا أن المكوّن الإضافي يحفظ أحجام الصور المخصصة هذه في حقل مخصص داخل منشور بدلاً من منشور لصورة قابلة للتطبيق.

1
NetConstructor.com