WordPress में स्वचालित वेबसाइट स्क्रीनशॉट कैसे बनाएं

WordPress में स्वचालित वेबसाइट स्क्रीनशॉट कैसे बनाएं

क्या आप अपने WordPress साइट में स्वचालित वेबसाइट स्क्रीनशॉट बनाना चाहते हैं? यदि आप अक्सर अपने वर्डप्रेस पोस्ट या पेज पर वेबसाइट स्क्रीनशॉट जोड़ते हैं, तो प्रक्रिया को स्वचालित करके आप स्क्रीनशॉट्स को मैन्युअल रूप से कैप्चर करने में बिताए समय बचाएंगे। इस आलेख में, हम आपको दिखाएंगे कि वर्डप्रेस में स्वचालित वेबसाइट स्क्रीनशॉट कैसे तैयार करें।

WordPress में स्वचालित वेबसाइट स्क्रीनशॉट बनाना

विधि 1: प्लगइन का उपयोग करके WordPress में स्वचालित वेबसाइट स्क्रीनशॉट बनाएं

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

सबसे पहले आपको ऐसा करने की ज़रूरत है ब्राउज़र शॉट्स प्लगइन को स्थापित और सक्रिय करना। अधिक जानकारी के लिए

प्लगइन बॉक्स से बाहर काम करता है, और आपके लिए कॉन्फ़िगर करने की कोई भी सेटिंग नहीं है

बस एक पोस्ट / पृष्ठ संपादित करें या एक नया बनाएं वेबसाइट स्क्रीनशॉट जोड़ने के लिए आप दृश्य संपादक में एक नया बटन देखेंगे।

WordPress दृश्य संपादक में ब्राउज़र शॉट्स बटन

उस पर क्लिक करने से एक पॉपअप लाया जाएगा, जहां आप वेबसाइट यूआरएल, वैकल्पिक पाठ, यूआरएल के लिए लिंक और स्क्रीनशॉट की ऊंचाई / चौड़ाई दर्ज कर सकते हैं।

वेबसाइट स्क्रीनशॉट जेनरेट करने के लिए यूआरएल दर्ज करें

ठीक बटन पर क्लिक करें और प्लगइन आपके वर्डप्रेस पोस्ट में एक शोर्ट जोड़ देगा। अब आप कार्यवाही में प्लग इन देखने के लिए अपनी पोस्ट का पूर्वावलोकन कर सकते हैं।

यदि आप वर्डप्रेस में टेक्स्ट एडिटर का उपयोग कर रहे हैं या दृश्य संपादक में बटन का उपयोग नहीं करना चाहते हैं, तो आप मैन्युअल रूप से खुद को शॉर्टकोड भी जोड़ सकते हैं।

[ब्राउज़र-शॉट यूआरएल = "http://www.site.com"]

डिफ़ॉल्ट रूप से, प्लगइन 600 x 600 पिक्सल का एक स्क्रीनशॉट बनाएगा। आप शोर्टकोड में चौड़ाई और ऊंचाई विशेषता जोड़कर इसे बदल सकते हैं।

[ब्राउज़र शॉट यूआरएल = "http://www.site.com" चौड़ाई = "400" ऊंचाई = "400"]

यह स्वचालित रूप से वेबसाइट से लिंक होगा। आप शोर्टकोड पर एक लिंक विशेषता जोड़कर इसे बदल सकते हैं और कोई भी लिंक जो आप चाहते हैं उसे जोड़ सकते हैं।

[ब्राउज़र-शॉट यूआरएल = "http://www.site.com" चौड़ाई = "400" ऊंचाई = "400" लिंक = "http://example.com"]

यदि आप स्क्रीनशॉट के नीचे एक कैप्शन जोड़ना चाहते हैं, तो आप शोर्ट के आस-पास कैप्शन पाठ को लपेटकर ऐसा कर सकते हैं।

साइट

कैप्शन आपके WordPress थीम की कैप्शन शैलियों का उपयोग करेगा। हमारे डेमो वेबसाइट पर यह कैसे देखा गया है:

ब्राउज़र शॉट्स प्लगइन से उत्पन्न वेबसाइट स्क्रीनशॉट

ब्राउज़र शॉट्स प्लग इन उड़ता पर स्क्रीनशॉट बनाने के लिए WordPress.com के mshots API का उपयोग करता है। ये छवियां आपके वर्डप्रेस मीडिया लाइब्रेरी में संग्रहीत नहीं हैं वे सीधे WordPress.com सर्वर से सेवा की जाती हैं

विधि 2: WordPress को कोड जोड़कर स्वचालित स्क्रीनशॉट बनाएं

इस पद्धति के लिए आपको अपने वर्डप्रेस फाइलों में कोड जोड़ने की आवश्यकता है। यह शुरुआती के लिए अनुशंसित नहीं है यदि आप वेब से वर्डप्रेस में स्निपेट्स चिपकाने के लिए सहज हैं, तो आप इस विधि का उपयोग कर सकते हैं।

बस अपने विषय के functions.php फ़ाइल या साइट-विशिष्ट प्लग इन में इस कोड को जोड़ें।

फ़ंक्शन wpb_screenshots ($ atts, $ content = null) {
 निकालने (shortcode_atts (सरणी (
 "स्नैप" => 'http://s.wordpress.com/mshots/v1/',
 "url" => 'http://www.site.com',
 "alt" => 'स्क्रीनशॉट',
 "w" => '600', // चौड़ाई
 "एच" => '450' // ऊंचाई
 ), $ एटीटी));
 
 $ img = ' '  $ alt  ' ';

 वापसी $ img;
 }
 add_shortcode ("स्क्रीन", "wpb_screenshots"); 

हमने पहले उल्लेखित प्लगइन के समान, यह कोड भी WordPress.com mshots एपीआई का उपयोग उड़ता पर स्क्रीनशॉट उत्पन्न करने के लिए करता है।

अपने वर्डप्रेस पोस्ट्स और पेजों में एक वेबसाइट स्क्रीनशॉट प्रदर्शित करने के लिए, आपको इस तरह से शॉर्टकोड दर्ज करना होगा:

[स्क्रीन url = “http://site.com” alt = “साइट”]

अपने खुद के मूल्यों के साथ URL और Alt फ़ील्ड बदलें

डिफ़ॉल्ट रूप से, यह कोड 600 x 450 पिक्सल का एक स्क्रीनशॉट उत्पन्न करेगा। आप अपनी स्वयं की ऊंचाई और चौड़ाई विशेषता को शोर्ट में जोड़कर बदल सकते हैं।

[स्क्रीन url = “http://site.com” alt = “साइट” w = “400” h = “400”]

बस इतना ही