पोस्ट थंबनेल के उपयोगकर्ता के अनुकूल फसल


32

क्या मेरे उपयोगकर्ताओं को पोस्ट थंबनेल के फसल क्षेत्र को परिभाषित करने का एक तरीका है? थंबनेल हमेशा मौजूदा पोस्ट अटैचमेंट होते हैं, मैं प्रति थंबनेल अतिरिक्त अनुलग्नक नहीं बनाऊंगा।

पोस्ट थंबनेल 200x100 पिक्सेल का होना चाहिए, और पोस्ट में उपयोग की गई छवियों में से एक से आना चाहिए। इसलिए मेरी आदर्श दुनिया में, जब आप "सेट फीचर्ड इमेज" लिंक पर क्लिक करते हैं, तो आपको पहले से शामिल छवियों का अवलोकन मिलता है, और जब आप इनमें से किसी एक पर क्लिक करते हैं, तो आप फसल क्षेत्र को स्वयं परिभाषित कर सकते हैं (इसे स्थानांतरित या आकार दे सकते हैं, लेकिन रखते हुए 2x1 पहलू अनुपात)। जब आप "ओके" पर क्लिक करते हैं, तो नया पोस्ट थंबनेल मूल अनुलग्नक ( _wp_attachment_metadata['sizes']['post-thumbnail']उदाहरण के लिए मेटाडेटा फ़ील्ड) के साथ सहेजा जाता है , नए अनुलग्नक के रूप में नहीं। किसी अन्य पोस्ट के लिए पहले से ही थंबनेल के रूप में उपयोग की जाने वाली छवि का उपयोग करने की अनुमति नहीं दी जानी चाहिए, या कम से कम एक चेतावनी देनी चाहिए।

मेरा मानना ​​है कि इसमें शामिल छवि संपादक मेरी जरूरतों के अनुरूप नहीं होगा, क्योंकि आप छवि के सभी संस्करणों को संपादित करने के लिए चुन सकते हैं, या नियमित रूप से थंबनेल, लेकिन न केवल पोस्ट थंबनेल। मुझे यह जानने में थोड़ी उलझन हो रही है कि मैं किन संस्करणों का संपादन कर रहा हूं, इसलिए मुझे लगता है कि मेरे उपयोगकर्ताओं को इससे और भी अधिक परेशानी होगी।

क्या कोई ऐसा प्लगइन है जो मुझे चाहिए, या जिसे मैं अपनी आवश्यकताओं के लिए आसानी से बढ़ा सकता हूं?

अद्यतन: उदाहरण यूआई

मुझे वास्तव में मैक ओएस एक्स एड्रेस बुक इमेज पिकर का इंटरफ़ेस पसंद है: आप एक छवि का चयन करते हैं, और एक स्लाइडर के माध्यम से एक निश्चित अनुपात थंबनेल क्रॉपर का आकार बदलते हैं। आप आधार छवि को चारों ओर भी खींच सकते हैं। आप इस विचार को कई छवि आकारों में विस्तारित कर सकते हैं (मेरे पास एक है post-thumbnailऔर post-thumbnail-1/2यह आधा आकार है, उदाहरण के लिए)। उपयोगकर्ता को चेकबॉक्स के साथ अब आकार (आकार) का चयन करने दें, और स्क्रीन पर उपयुक्त फसल आयतों को आकर्षित करें।

एक्शन में एड्रेस बुक इमेज क्रॉपर


1
@Jan Fabry - वर्डप्रेस में आने से पहले मेरी बहुत पहले भुगतान करने वाली वर्डप्रेस परियोजना छवियों को क्रॉप करने के लिए एक प्लगइन थी। यह आपके द्वारा पूछे जाने से काफी अलग था या मैं इसे एक उत्तर के रूप में शामिल करूंगा। लेकिन जो आप चाहते हैं वह लिखने के लिए बहुत कठिन नहीं होना चाहिए अगर आप प्रेरित हों ...
माइकस्किंकेल

1
@ माइक: मैंने देखा कि एक बार आपकी वेबसाइट पर, और मुझे उम्मीद थी कि यह कहीं उपलब्ध होगा। यहां तक ​​कि अगर यह मेरी (व्यापक) इच्छा सूची की सभी वस्तुओं को टिक नहीं करता है, तो यह एक अच्छी शुरुआत प्रदान कर सकता है।
Jan Fabry

@ माइक - मुझे छवि क्रॉपिंग से संबंधित किसी भी कोड की समीक्षा करने या संशोधित करने में भी बहुत रुचि होगी। मैं सख्त रूप से कस्टम मेटाबॉक्स में jcrop जोड़ना चाह रहा हूं जो कि अभी भी WordPress मीडिया गैलरी में निर्मित उपयोग करते समय छवियों को जोड़ने और क्रॉप करने की अनुमति देगा।
NetConstructor.com

अरे @Jan Fabry और @ NetConstructor.com - मैंने अभी कोड की समीक्षा की है और चूंकि यह WP के लिए मेरा पहला प्लगइन था इसलिए मैं इसे जारी करने के लिए बहुत शर्मिंदा हूं, यह बहुत बुरा है। मैं यहां रिलीज के लिए एक नए समाधान पर काम करना पसंद करूंगा, लेकिन यह थोड़ी देर हो सकती है ...
माइकस्किंकेल

शर्मीले मत बनो, पुराने कोड हमेशा लेखक की अपनी आंखों में खराब होते हैं। यह सिर्फ प्रगति है :)। @Jan - आपके UI उदाहरण में, यह मुझे दिखता है कि पोस्ट थंबनेल आकार किसी तरह पूर्व-परिभाषित है। क्या आप इसके बारे में और कह सकते हैं?
हकेरे

जवाबों:


11

कोड अभी भी एक गड़बड़ है, लेकिन यह भी IE पर काम करने लगता है। मैं इसे भंडार में जारी करने की योजना बना रहा हूं, लेकिन इस बीच आप मेरे वर्तमान संस्करण के साथ खेल सकते हैं । इसे एक्सेस करने के लिए आप किसी इमेज को एडिट या एडिट करते समय "एडिट इमेज" पर क्लिक करते हैं, यह सामान्य इमेज एडिटर की जगह ले लेता है (इन्हें संयोजित करना बहुत कठिन होता है)। चूँकि अधिकांश व्यवस्थापक क्षेत्र नियमित थंबनेल का उपयोग करते हैं और मेरा वर्तमान संस्करण थंबनेल का संपादन करता है, इसलिए ऐसा प्रतीत हो सकता है कि कोड का कोई प्रभाव नहीं है, लेकिन कोशिश करें कि यह थम्बनेल दिखा कर पोस्ट करे और आपको इसे बदलते हुए देखना चाहिए।

इस प्लगइन को मेरे ऑन-डिमांड इमेज रिसाइज़र की आवश्यकता है , जो वास्तविक आकार बदलने के लिए अभी भी एक गड़बड़ है।

उदाहरण के चित्र में क्रोपर


कोड अभी तक रिलीज़ के लिए तैयार है? शायद यह github? मैं अपने बॉयलर में इस तरह की कार्यक्षमता को एकीकृत करने के लिए मर रहा हूं
फज

मुझे इस बात में भी बहुत दिलचस्पी है कि आपने क्या / कैसे किया! कृपया कोड साझा करें। क्या आपका कोड डिफ़ॉल्ट वर्डप्रेस मीडिया लाइब्रेरी का उपयोग करके काम करता है और क्या यह आपको पोस्ट एडिट स्क्रीन पर एक साधारण मेटाबॉक्स बनाने की अनुमति देता है जहां आप एक विशिष्ट छवि को कॉल कर सकते हैं और इसे केवल एक विशिष्ट आकार के लिए कॉपी कर सकते हैं जिसे आपने "new_thumb" के रूप में परिभाषित किया है। कुछ के माध्यम से add_image_size ('new_thumb', 200, 100, true) ;? आदर्श स्थिति केवल हेडर इमेज क्रिएटर की तरह कुछ होगी जिसमें परिभाषित प्रत्येक आकार के लिए अलग-अलग मेटाबोक्स पर आधारित प्रत्येक परिभाषित छवि आकार को बदलने की क्षमता होगी।
NetConstructor.com

@JanFabry ने इस कोड को अभी तक एक प्लगइन के रूप में जारी किया है? मैं इसे किसी ऐसे व्यक्ति की सिफारिश करना पसंद करूँगा जिसे इस कार्यक्षमता की आवश्यकता है!
चिप बेनेट

@ जान-फ्राबी यह फंक्शन कैसे चला? कोई सफलता?
स्टीवन

4

आपकी सबसे अच्छी शर्त एक जावास्क्रिप्ट आधारित छवि फसल का उपयोग करना है और फिर ImageMagick या Image GD के साथ संयुक्त php है।

यह आपके फंक्शन्स में या प्लग-इन के रूप में लिखा होगा, क्योंकि मुझे शेल्फ वर्डप्रेस प्लग-इन से किसी का भी पता नहीं चलता, जो आश्चर्य की बात है।

Php आधारित सेव ऑप्शन के साथ YUI इमेज क्रॉप है 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

एक नए प्लग-इन के लिए कौन है, यह निश्चित रूप से लोकप्रिय होगा :)


वर्डप्रेस कोर के भीतर पहले से ही इमेज क्रॉप कोड (HTML, JS और PHP) है। मुझे लगता है कि एक अच्छा प्लगइन फिर से उपयोग करेगा। यह बहुत जरूरी नहीं है। आप इस तथ्य के बारे में सही हैं कि यूआई द्वारा तैयार किए गए उदाहरण यूआई को कुछ इस तरह की आवश्यकता है।
हैकर नोव

@hakre, पिछले एक व्याक से जुड़ा jcrop है जिसे 2.8 में वापस wp कोर में एकीकृत किया गया था । मुझे याद है कि मैं इसके बारे में पढ़ रहा था, लेकिन मुझे इस पर कोई जानकारी नहीं मिल रही थी कि वास्तव में रिपॉजिटरी में एक से अधिक प्लगइन का उपयोग किया जा रहा है जो कि सभी खातों से टूट गया है।
मैट

@matt: यदि इसे कोर में एकीकृत किया गया था (मुझे अभी कोर में क्रॉप UI के बारे में सभी बारीकियों की जानकारी नहीं है) तो मुझे लगता है कि इसका उपयोग कोर इमेज UI फीचर के लिए किया जाता है। यह सुविधा हर समय उपलब्ध नहीं है, लेकिन केवल अगर कुछ PHP या सिस्टम छवि लाइब्रेरी उपलब्ध हैं। उस अनिर्वचनीय होने के लिए खेद है, लेकिन यह सिर्फ इतना है कि मैं अब तक मूल कार्यान्वयन में नहीं था। लेकिन मैं जानता हूँ कि वहाँ एक है;)
hakre

1

मान लें कि आपने पहले ही पोस्ट-थंबनेल के लिए समर्थन जोड़ दिया है, जैसा कि आप "फीचर्ड इमेज" विकल्प के बारे में बात कर रहे हैं।

यदि ऐसा है, तो आपके पास अपलोड सरणी में एक नया छवि आकार जोड़ने के लिए एक विकल्प है। तो डिफ़ॉल्ट रूप से, आपके पास थंबनेल, मध्यम, बड़ा है। निम्न बिट कोड में, यह उस वर्गीकरण में एक चौथी छवि जोड़ता है, जो भी आप चाहते हैं उसके आकार के आधार पर। इस बिट कोड को आपके फंक्शन्स.php फ़ाइल में जोड़ा जाएगा।

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

"नया-अंगूठा" = नई कस्टम छवि का नाम
"200" = चौड़ाई
"100" = ऊंचाई
"सत्य" = कठोर फसल विकल्प। यह एक छवि को परिभाषित चौड़ाई / ऊँचाई तक ले जाने के लिए बाध्य करेगा। इसके बिना, यह सिर्फ अनुपात के लिए है।

अब, किसी पृष्ठ या पोस्ट सरणी पर नया थंबनेल प्रदर्शित करने के लिए, आप निम्न को अपने HTML में सम्मिलित करेंगे

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

@cnix: इस उत्तर के लिए धन्यवाद, लेकिन यह वह नहीं है जिसकी मुझे तलाश है। मैं एंड्यूसर के लिए उस क्षेत्र को परिभाषित करने का एक तरीका चाहता हूं जिसे क्रॉप किया जाना चाहिए, न कि मुझे साइट के डिजाइनर के रूप में। तो क्षेत्र छवि से छवि में भिन्न हो सकता है।
Jan Fabry

1

आप बड़े लचीलेपन के लिए CSS का उपयोग करना चाह सकते हैं, अपने विषय में थंबनेल फिक्स कर सकते हैं (यदि चाहते हैं) और फ़ाइल अव्यवस्था से बचें:

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

याद रखें कि पूरी छवि लोड हो जाएगी, इसलिए इसके लिए अपने 3MB मूल का उपयोग न करें।

जनवरी के अनुरोध के अनुसार अपडेट करें: यदि आप गतिशील क्लिपिंग चाहते हैं, तो विचार करें:

  • उपयोगकर्ता = व्यवस्थापक के लिए, PHP के माध्यम से सीएसएस बनाएं; आप बस php से लिंक कर सकते हैं जो उचित सेटिंग्स को पढ़ता है और तदनुसार क्लिपिंग मापदंडों को समायोजित करता है।
  • उपयोगकर्ता = आगंतुक के लिए, छवि की शैली विशेषता में कतरन मापदंडों को बदलने के लिए जावास्क्रिप्ट का उपयोग करें।
  • एक कम इनवेसिव समाधान के रूप में, [थंब w =] की तरह एक शॉर्टकोड (महान प्लगइन शोर्टकोड PHP के माध्यम से) बनाने पर विचार करें? h = ??] url [/ thumb] जिसे आप इनलाइन CSS के साथ उपयुक्त HTML टैग में अनुवाद कर सकते हैं।

वास्तव में, आप कई आकारों से बचने के लिए CSS के माध्यम से फसल कर सकते हैं, लेकिन आप उपयोगकर्ता (पोस्ट के लेखक) को उस फसल क्षेत्र को कैसे परिभाषित करेंगे जो दिखाया जाना चाहिए?
Jan Fabry

कृपया ऊपर संपादन देखें।
राफेल

अपना स्पष्टीकरण के लिए धन्यवाद। यह मानता है कि उपयोगकर्ता वांछित फसल क्षेत्र के पिक्सेल स्थानों को जानता है? मैं वास्तव में एक अधिक चित्रमय तरीका (वर्तमान छवि संपादक की तरह, लेकिन पोस्ट थंबनेल और नियमित थंबनेल नहीं करने के लिए लक्षित हूं) की तलाश में हूं।
Jan Fabry

मुझे आशा है कि आप इसे एक प्लगइन होने का इरादा रखते हैं, कुछ हैक नहीं। आप कुछ डिफ़ॉल्ट विकल्प प्रदान कर सकते हैं जो ज्यादातर मामलों में पर्याप्त हैं: कोनों, केंद्र, किनारों पर केंद्रित और इसी तरह (सभी आसानी से गणना की गई)। मैं मुफ्त इनपुट की पेशकश करने से बचना चाहूंगा क्योंकि अगर वे बकवास में आते हैं तो लोग साइट के प्रवाह को बुरी तरह से गड़बड़ कर सकते हैं। एक चित्रमय क्लिप निश्चित करना (कार्यान्वयन के लिए ज़ेनफोटो देखें) ठीक है, मुझे लगता है, लेकिन मूल्यों का उपयोग करने के सिद्धांत, हालांकि प्राप्त किए गए, समान रहें; आपको सिर्फ GUI का निर्माण करना है। यह मैं आपकी मदद नहीं कर सकता।
राफेल

1

WP Post Thumbnail नामक एक पुराना प्लगइन है जिसका उपयोग हम कभी-कभी करते हैं। यह सही नहीं है, और WP के नवीनतम संस्करण के साथ कुछ छोटे कीड़े हैं (यह 2008 से अपडेट नहीं किया गया है, इसलिए यह आवश्यक रूप से विश्वसनीय नहीं है)। http://wordpress.org/extend/plugins/wp-post-thumbnail/


1

मेरा मानना ​​है कि आप इसकी तलाश कर रहे हैं: http://wordpress.org/support/topic/screens-for-wordpress-29-also-works-on-30-hurray

मैंने इसे आज़माया नहीं है, लेकिन यह आपको वह कार्यक्षमता प्रदान करनी चाहिए जिसकी आप तलाश कर रहे हैं।

मूल प्लगइन पृष्ठ यहाँ। http://wordpress.org/extend/plugins/scissors/

मैं एक परियोजना के लिए यह काम कर रहा हूँ, मैं भी काम कर रहा हूँ।


सलाह के लिये धन्यवाद। मैंने कैंची को देखा है (और जानता था कि किसी ने इसे 3.0 में अपग्रेड किया है), लेकिन मुझे लगता है कि मैं जो चाहता हूं, उसके लिए यह बहुत लचीला है: एक क्रोपर होना चाहिए जो पूर्वनिर्धारित आकार में फसल करेगा। कैंची बहुत अधिक कर सकती है, और इसलिए मेरे अंतिम उपयोगकर्ताओं को भ्रमित कर सकती है।
Jan Fabry

1

मुझे लगता है कि इस समस्या का अंतिम समाधान http://www.seoadsensethemes.com/wordpress-wp-post-thumbnail-plugin/ से प्लगइन को संशोधित करना होगा

और इसे कस्टमाइज़ करें ताकि आपके फ़ंक्शंस .php फ़ाइल (का उपयोग करके add_image_size( 'new_thumb', 200, 100, true );) के भीतर परिभाषित कोई भी कस्टम छवि आकार स्वचालित रूप से उपयोग हो जाए और फिर किसी छवि को संशोधित करने के लिए "संपादित करें" लिंक को बदलने (या विस्तारित) करने के लिए कोड प्राप्त करें।

इस दृष्टिकोण का उपयोग करते हुए वर्डप्रेस अपने लागू छवि आकारों को बनाना जारी रख सकता है जैसा कि यह सामान्य रूप से करता है लेकिन यदि आप विशेष रूप से किसी भी विशिष्ट छवि के क्रॉप्ड क्षेत्र को संशोधित करना चाहते हैं तो आपके पास ऐसा करने की क्षमता है जो बदले में उस आकार के लिए स्वचालित रूप से उत्पन्न छवि को बदल देगा। हम्म् ... हालाँकि यह सुनने में भ्रमित करने वाला लगता है कि यह फिर से वही है जो मुझे लगता है कि गायब है।

वर्तमान में मेरा मानना ​​है कि प्लगइन इन कस्टम छवि आकारों को एक लागू छवि के लिए पोस्ट के बजाय किसी पोस्ट के भीतर कस्टम फ़ील्ड में सहेजता है।


1

मैंने देशी "wp_get_attachment_image" का उपयोग करके फ़सल काटने का निर्णय लिया है ... यहाँ एक छवि गैलरी का उदाहरण दिया गया है, जिसमें फ़सल काटे गए हैं

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

सादर

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.