पिछले महीने टिमटूम्ब के नाम से जाने जाने वाले एक प्रसिद्ध छवि रीसाइज़ स्क्रिप्ट में देखा गया एक बड़ा भेद्यता था। तब से समुदाय ने सहयोग और मुद्दों को तय किया है। जबकि टिमटूम्ब एक व्यवहार्य विकल्प है, हमारा मानना है कि वर्डप्रेस थीम डेवलपर्स को तीसरे पक्ष के लिपियों पर निर्भर होने के बजाय मूल फ़ंक्शंस का उपयोग करने पर ध्यान केंद्रित करना चाहिए। इस अनुच्छेद में हम आपको दिखाएंगे कि वर्डप्रेस में अतिरिक्त छवि आकार कैसे जोड़े जाएंगे।
वर्डप्रेस में एक अंतर्निहित सुविधा है पोस्ट थंबनेल उर्फ फीचर्ड छवियां इसमें एक अंतर्निहित फ़ंक्शन add_image_size () है जो आपको छवि आकार निर्दिष्ट करने देता है और आपको फसल का विकल्प देता है। अपने विषय में इन मुख्य फ़ंक्शन का उपयोग करना, अधिकांश मामलों में टिमटहुप जैसी तीसरी पार्टी स्क्रिप्ट की आवश्यकता को अनिवार्य रूप से समाप्त कर सकता है।
अपने थीम के लिए अतिरिक्त छवि आकार दर्ज करना
आपको अपने थीम के फ़ंक्शंस। Php फ़ाइल में निम्नलिखित कोड डालकर पोस्ट थंबनेल के समर्थन को जोड़कर शुरू करना होगा:
add_theme_support ('पोस्ट थंबनेल');
पोस्ट थंबनेल के लिए समर्थन को सक्षम करने के बाद, अब आप add_image_size () फ़ंक्शन के साथ अतिरिक्त छवि आकार दर्ज करने की कार्यक्षमता का उपयोग कर सकते हैं। Add_image_size फ़ंक्शन का उपयोग इस तरह है: add_image_size (‘name-of-size’, width, height, crop mode);
उदाहरण कोड ऐसा दिख सकता है:
add_image_size ('साइडबार-अंगूठे', 120, 120, सत्य); // हार्ड क्रॉप मोड
add_image_size ('मुखपृष्ठ-अंगूठे', 220, 180); // नरम फसल मोड
add_image_size ('एकलपॉस्ट-अंगूठे', 590, 99 99); // असीमित ऊँचाई मोड
अब अगर आप नोटिस करते हैं, तो हमने तीन अलग-अलग प्रकार के छवि आकार निर्दिष्ट किए हैं। प्रत्येक में अलग-अलग तरीके हैं जैसे हार्ड फसल, नरम फसल, और असीमित ऊंचाई। तो प्रत्येक उदाहरण को कवर करने दें और आप अपने लाभों के लिए उनका उपयोग कैसे कर सकते हैं।
हार्ड क्रॉप मोड – जैसा कि आप देख रहे हैं, ऊंचाई के बाद एक मूल्य “सत्य” जोड़ा गया है यह सच मान वर्डप्रेस को छवि को उस आकार में क्रॉप करने के लिए कह रहा है जिसे हमने परिभाषित किया है (इस मामले में 120 x 120px)। यह तरीका है कि हम अपने विषय डिजाइनों में बहुत कुछ उपयोग करने के लिए यह सुनिश्चित करने के लिए करते हैं कि सब कुछ आनुपातिक है और हमारे डिजाइन को तोड़ना नहीं है। यह फ़ंक्शन स्वचालित रूप से छवि को पक्ष के आधार पर या आकार के आधार पर ऊपर और नीचे से स्वचालित रूप से क्रॉप करेगा। कठिन फसल के नकारात्मक पक्ष यह है कि आप चित्र को प्रदर्शित नहीं कर सकते हैं ।
माइक लिटल द्वारा सुधार – जब आप एक छवि अपलोड कर लेते हैं और पोस्ट में डालने से पहले आप ‘इमेज को संपादित कर सकते हैं’ और वहां से थम्बनेल या पूरी इमेज, स्केल, रोटेट, या छवि फ्लिप और थंबनेल के लिए बदल सकते हैं आपके इच्छित छवि का सटीक भाग चुनें
नरम फसल मोड – डिफ़ॉल्ट रूप से नरम पीकिंग मोड चालू होता है इसलिए आपको ऊँचाई के बाद कोई अतिरिक्त मूल्य नहीं मिला है। यह विधि बिना किसी विकृत छवि के आकार के आकार का आकार बदलती है। इसलिए आप उन आयामों को नहीं प्राप्त कर सकते हैं जिन्हें आप चाहते थे आम तौर पर यह चौड़ाई आयाम से मेल खाता है और ऊंचाई प्रत्येक छवि के अनुपात के आधार पर अलग है। एक उदाहरण प्रदर्शन ऐसा दिखेगा:
असीमित ऊँचाई मोड – ऐसे समय होते हैं जब आपके पास सुपर लम्बी छवियां होती हैं जो आप अपने डिज़ाइन में उपयोग करना चाहते हैं, लेकिन आप यह सुनिश्चित करना चाहते हैं कि चौड़ाई सीमित है। इस प्रकार की छवि आकार के लिए हम मुख्य उपयोग इन्फोग्राफिक पोस्ट पर हैं I इन्फोग्राफिक्स बहुत लंबी और जानकारी से भरा हो जाते हैं। एक एकल पोस्ट पेज पर इस तरह की छवि को फसल करना बहुत अच्छा विचार नहीं है। लेकिन प्रकृति इन्फोग्राफिक्स सामग्री की चौड़ाई से अधिक व्यापक हैं। तो आप क्या कर सकते हैं एक चौड़ाई निर्दिष्ट करें जो ऊंचाई को छोड़कर अपने डिजाइन को नहीं तोड़ पाएगी, इसलिए असीमित सभी इंफोग्राफिक बिना किसी विरूपण के दिखाए जा सकते हैं। एक उदाहरण प्रदर्शन ऐसा दिखेगा:
अपने WordPress थीम में अतिरिक्त छवि आकार प्रदर्शित करना
अब जब आप वांछित छवि आकार के लिए कार्यक्षमता जोड़ चुके हैं तो उन्हें अपने वर्डप्रेस थीम में प्रदर्शित करने पर एक नज़र डालें। थीम फ़ाइल खोलें जहां आप चित्र प्रदर्शित करना चाहते हैं और निम्न कोड पेस्ट करें:
नोट: कोड का यह बिट पोस्ट लूप के अंदर चिपकाया जाना चाहिए।
यह आपके लिए वास्तव में आपके वर्डप्रेस थीम में अतिरिक्त छवि आकार प्रदर्शित करने के लिए करना है। आपको संभवतः स्टाइल के साथ इसे लपेटकर रखना चाहिए जो आपकी ज़रूरत से मेल खाता है
अतिरिक्त छवि आकार पुनर्जन्म
यदि आप यह एक नई साइट पर नहीं कर रहे हैं, तो आपको शायद थंबनेल को पुनर्जन्म करना होगा जिस तरह से add_image_size () फ़ंक्शन काम करता है वह यह कि विषय में जोड़ा गया बिंदु से केवल आकार उत्पन्न करता है इसलिए किसी भी पोस्ट की छवियों को इस फ़ंक्शन के शामिल करने से पहले जोड़ा गया था, नए आकार का नहीं होगा। तो हमें पुराने पोस्ट की छवियों के लिए नया चित्र आकार पुनर्जन्म करने की ज़रूरत है। यह पुन: उत्पन्न थंबनेल नामक प्लगइन द्वारा आसान बना दिया गया है एक बार जब आप इस प्लगइन को स्थापित और सक्रिय करते हैं, तो मेनू के अंतर्गत एक नया विकल्प जोड़ा जाता है: टूल »Regen थंबनेल
थंबनेल आइकन को फिर से बनाएं क्लिक करें और प्लगइन को अपना कार्य करने दें।
एक और प्लगइन जो यह काम कर सकता है सरल छवि आकार
अपनी पोस्ट सामग्री के लिए अतिरिक्त छवि आकार सक्षम करना
हालांकि आपने अपने विषय में छवि आकार को सक्षम किया है, इसका उपयोग केवल आपकी थीम तक ही सीमित है, जो किसी भी प्रकार का अर्थ नहीं है। चाहे सभी चित्र आकार जनरेट किए जा रहे हों, तो पोस्ट लेखक के लिए पोस्ट सामग्री के भीतर इसे उपयोग करने के लिए क्यों नहीं इसे उपलब्ध कराएं। आप सरल छवि आकार नामक एक प्लगइन का उपयोग कर ऐसा कर सकते हैं।
एक बार जब आप इस प्लगइन को स्थापित और सक्रिय करते हैं तो नए विकल्प आपके सेटिंग्स »मीडिया पेज पर जोड़े जाएंगे। आप अपने विषय में परिभाषित आकारों की एक सूची देखेंगे। आपको जो करना है, वह बॉक्स चेक होता है जो “पोस्ट प्रविष्टि में दिखाएं” कहता है।
एक बार जब आप इस बॉक्स को चेक करते हैं, तो आपके लेखकों को पोस्ट सामग्री में उपयोग करने के लिए अतिरिक्त आकार उपलब्ध होंगे।
उपरोक्त छवि में नोटिस, हमारे पास सभी छवि आकार हैं जिन्हें हमने हमारे लेखकों के लिए उपलब्ध सामग्री में पोस्ट सामग्री में उपयोग करने के लिए हमारे लेख में परिभाषित किया है।
सरल छवि आकार प्लगइन भी आपको सीधे वर्डप्रेस डैशबोर्ड से कस्टम छवि आकार बनाने की सुविधा देता है।
हम मानते हैं कि इस पद्धति को सभी वर्डप्रेस थीम डेवलपर्स के लिए सर्वोत्तम अभ्यास के तहत जोड़ा जाना चाहिए। आपके क्या विचार हैं?