वर्डप्रेस का उपयोग करने के लिए उन्नत गाइड: WP जादूगर

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


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

फिर भी, यह मार्गदर्शिका आपको वर्डप्रेस का उपयोग करके अपने आराम क्षेत्र से बाहर धकेलने के लिए डिज़ाइन की गई है, मंच के अपने ज्ञान और इसके बारे में जानकारी को आगे बढ़ाने के लिए ऑनलाइन कई टूल का उपयोग कर रही है। यदि आप वर्डप्रेस के लिए अधिक बुनियादी दृष्टिकोण की तलाश कर रहे हैं, तो इस से गुजरने से पहले हमारे अन्य गाइड देखें.

  • वर्डप्रेस का उपयोग करने के लिए शुरुआती गाइड
  • वर्डप्रेस का उपयोग करने के लिए मध्यवर्ती गाइड

उन्नत अनुकूलन

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

सीडीएन के साथ गतिशील सामग्री

WordPress के साथ लोड समय को कम करने का सबसे अच्छा तरीका स्थिर सामग्री के उपयोग के माध्यम से है। स्टैटिक कंटेंट, जैसे कि ब्लॉग पोस्ट, डायनेमिक कंटेंट के पेज पर बहुत तेज़ी से लोड होता है, जैसे कि सीएसएस फ़ाइल, जिसे बहुत अधिक प्राप्त किया जाता है और हर बार इसे पढ़ने पर एक क्वेरी प्राप्त होती है.

एक CDN, या सामग्री वितरण नेटवर्क, बस यही करता है। यह आपकी डायनामिक सामग्री को फ़िल्टर करता है, इसे कैश करता है और इसे स्टैटिक अप करता है। एक CDN प्रदाता (जो एक वेब होस्टिंग प्रदाता से अलग होता है) लोड समय को ज़िप बनाने के लिए दुनिया भर में सर्वरों की एक बड़ी राशि रखता है।.

मान लीजिए कि आपके वेब होस्ट का निकटतम डेटा सेंटर लॉस एंजिल्स में है। संयुक्त राज्य अमेरिका में स्थित किसी व्यक्ति के पास यूरोप में स्थित किसी व्यक्ति पर तेजी से प्रतिक्रिया का समय होगा। आपके वेबसाइट डेटा को प्रसारित करने से विलंबता तब तक होगी जब उसे आगे की दूरी तय करनी होगी.

एक CDN इन मुद्दों को कम करता है। नेटवर्क (जब तक यह प्रतिष्ठित है) में दुनिया भर के सर्वर होंगे, जिसका अर्थ है कि यूरोपीय उपयोगकर्ता को आपकी साइट का एक कैश्ड संस्करण निकट सर्वर से प्राप्त होगा। आपकी गति अंतरराष्ट्रीय स्तर पर सुचारू हो जाएगी, यह सुनिश्चित करने के लिए कि आप किसी भी ऑडियंस के लिए समान अनुभव प्रदान करें, चाहे वे कहीं भी हों.

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

उपलब्ध हर CDN में थोड़ी अलग कार्यान्वयन विधि होती है, इसलिए हम हर चीज पर नहीं चल सकते। इसके बजाय, हम क्लाउडफ्लेयर पर ध्यान केंद्रित करेंगे, जो सबसे लोकप्रिय सीडीएन में से एक है और एक आम विशेषता है जिसे हमने अपने वेब होस्टिंग समीक्षाओं में देखा है। उस ने कहा, कुछ प्रदाताओं में हर वेबसाइट के साथ Cloudflare का एक नि: शुल्क संस्करण शामिल है, इसलिए यदि ऐसा है तो आपको इसे फिर से स्थापित करने की आवश्यकता नहीं है.

सबसे पहले, Cloudflare पर जाएं और एक निःशुल्क खाते के लिए साइन अप करें। एक बार जब आप अपने डैशबोर्ड पर पहुंच जाते हैं, तो ऊपरी-दाएं कोने में “+ साइट जोड़ें” पर क्लिक करें। अपना वर्डप्रेस डोमेन दर्ज करें और “स्कैन शुरू करें” पर क्लिक करें।

कुछ मिनटों के बाद, Cloudflare आपके DNS रिकॉर्ड के साथ-साथ दो विकल्पों को भी खींच लेगा। CDN का लाभ उठाने के लिए, दो में से “CDN और सुरक्षा” चुनें। आपके A रिकॉर्ड (आपके डोमेन) में “स्थिति” कॉलम में एक नारंगी क्लाउड प्रदर्शित होना चाहिए। अन्य रिकॉर्ड, जैसे ईमेल के लिए उपयोग किए जाने वाले MX रिकॉर्ड, CDN का उपयोग करने की आवश्यकता नहीं है, इसलिए यदि आपके पास स्थिति में रिक्त स्थान है, तो चिंता न करें.

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

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

अपने डोमेन पंजीयक के पास जाएं और अपने डोमेन को क्लाउडफ्लेयर के नेमवेरर्स की ओर इंगित करें। नीचे दिए गए स्क्रीनशॉट के लिए, हमने InMotion (हमारी InMotion होस्टिंग की समीक्षा पढ़ें) का उपयोग किया, लेकिन यह प्रक्रिया काफी सरल होनी चाहिए, चाहे वह कोई भी डोमेन क्यों न हो।.

अब जब आपका डोमेन Cloudflare को इंगित कर दिया गया है, तो आपको Cloudflare को अपने वेब होस्ट पर इंगित करने की आवश्यकता है। Cloudflare में लॉग इन करें और अपने डैशबोर्ड में “DNS” टैब पर क्लिक करें। आपका एक रिकॉर्ड, जो आपका डोमेन है, आपको अपने वेब होस्ट के सर्वर आईपी पते की ओर इशारा करना चाहिए। आप इसे आसानी से cPanel (cPanel के साथ हमारी सर्वश्रेष्ठ वेब होस्टिंग पढ़ सकते हैं) में पा सकते हैं, लेकिन यदि आपका वेब होस्ट इस इंटरफ़ेस का समर्थन नहीं करता है, तो समर्थन करने के लिए पहुंचें.

उसके बाद, Cloudflare आपके WordPress साइट के साथ उपयोग के लिए तैयार है। फिर भी, एक समर्पित प्लगइन है जो वर्डप्रेस डैशबोर्ड के भीतर क्लाउडफ़ेयर को सरल बना सकता है। बस प्रॉम्प्ट स्थापित करें और चलाएं और आपको ठीक होना चाहिए। एकमात्र चीज़ जिसकी आपको आवश्यकता होगी, वह है Cloudflare API कुंजी जो आप यहाँ पा सकते हैं.

यह प्लगइन बहुत बढ़िया है, खासकर यदि आपके पास एक भुगतान योजना है। आप देख सकते हैं कि बैंडविड्थ क्लाउडफ्लेयर बचत कर रहा है, सीडीएन के लिए आने वाले अनुरोध और इसके द्वारा प्रदान किए गए अद्वितीय आगंतुकों की संख्या। पेड सदस्य प्लगइन के भीतर वेब एप्लिकेशन फ़ायरवॉल और उन्नत DDoS सुरक्षा को कॉन्फ़िगर करने में भी सक्षम होंगे.

प्रगतिशील छवि लोड हो रही है

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

छवियों के साथ एक मिलीसेकंड के कुछ अंशों को शेव करने की कुंजी प्रगतिशील छवि लोडिंग है। यह उत्तरदायी छवि लोडिंग के समान नहीं है, हालांकि, दोनों को अक्सर भ्रमित किया जा सकता है। प्रगतिशील छवि लोडिंग से तात्पर्य उस समय से होता है जब पृष्ठ पर छवि लोड होती है जबकि उत्तरदायी लोडिंग आपकी साइट के समग्र लेआउट से संबंधित होती है.

अनिवार्य रूप से, उत्तरोत्तर लोड करने के लिए सेट की गई छवियां वास्तव में पृष्ठ पर लोड नहीं होती हैं जब तक कि उपयोगकर्ता उन्हें नीचे स्क्रॉल नहीं करता है। यह आपकी साइट पर किसी के लैंड होने पर केवल “तह के ऊपर” लोड करके सर्वर पर तनाव को कम करता है.

आप अपनी सभी छवियों को HTML के माध्यम से उत्तरोत्तर लोड करने के लिए सेट कर सकते हैं, लेकिन यह एक कठिन प्रक्रिया है। इसके बजाय, हम आपको आपके लिए पैर का काम संभालने के लिए एक आलसी लोडिंग प्लगइन स्थापित करने की सलाह देते हैं। अधिकांश प्लगइन्स टिप्पणियों और वीडियो को भी लोड कर सकते हैं, इसलिए इसे ध्यान में रखें। ये यहाँ हमारे कुछ पसंदीदा हैं:

  • A3 आलसी लोड
  • बीजे आलसी लोड
  • अनंत स्क्रॉल – अजाक्स लोड अधिक

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

ज्यादातर मामलों में, तस्वीरें बड़े पैमाने पर फाइलें होती हैं और कुछ आकार बदलने के बाद भी, वेब पेज पर लोड होने में थोड़ा समय लेती हैं। अधिकांश इमेज एडिटिंग एप्लिकेशन एक बेसलाइन ऑप्टिमाइज्ड .jpg, थोड़ी छोटी फाइल को एक्सपोर्ट करेंगे, जो सम्पीडन के माध्यम से अधिक से अधिक विवरण को बरकरार रखे.

प्रगतिशील .jpgs थोड़े बड़े होते हैं, लेकिन लोडिंग की एक अलग विधि का उपयोग करते हैं। पूरी छवि लाइन को लाइन द्वारा लोड करने की कोशिश करने के बजाय, एक प्रगतिशील .jpg आपके पृष्ठ पर छवि की धारणा देते हुए, लंबी अवधि तक लाइनों के सेट को लोड करेगा, लेकिन इसे लोड करने के लिए अधिक समय की अनुमति देगा। यह कुछ ही सेकंड के लिए SD में YouTube वीडियो लोड करना पसंद करता है, इससे पहले कि यह स्वचालित रूप से HD में कूद जाए (हालाँकि तकनीक अलग है).

यह निश्चित रूप से आलसी लोडिंग का उपयोग करने के लिए एक माध्यमिक अनुकूलन उपाय है। आपने अपने सर्वर पर कोई स्थान नहीं बचाया है और आपका कुल पृष्ठ लोड समय प्रभावित नहीं होगा। हालाँकि, यह लोड होने के बाद पेज में बेतरतीब ढंग से पॉपिंग करने वाली छवि के मुद्दे को हल कर सकता है.

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

वर्डप्रेस कैशिंग पर एक नज़र

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

आइए वास्तव में यह समझने के साथ शुरुआत करें कि यह क्या है। जब कोई आपके URL में टाइप करता है और “एंटर” करता है, तो फ़ाइलों की एक हड़बड़ाहट सर्वर से गंतव्य मशीन में स्थानांतरित होने लगती है। अनिवार्य रूप से, कोई आपकी साइट पर जाता है, वर्डप्रेस आपके डेटाबेस की सभी फाइलों को देखता है और वेब सर्वर उपयोगकर्ता को डिलीवर करने के लिए HTML पेज में डेटा संकलित करता है।.

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

जहां कैशिंग आता है। यह आपकी सामग्री का एक स्थिर संस्करण बनाता है और इसके बजाय वितरित करता है, जिसका अर्थ है कि जब आगंतुक आपकी साइट पर आते हैं, तो उन्हें एक कैश्ड संस्करण दिखाई देगा, जो बहुत तेज़ होना चाहिए। यह सर्वर और उपयोगकर्ता के बीच प्रवाह को कम करते हुए, डेटा का पुन: उपयोग कर रहा है.

दो प्रकार के कैशिंग उपलब्ध हैं: क्लाइंट-साइड और सर्वर-साइड। क्लाइंट-साइड कैशिंग आपके नियंत्रण से बाहर है। पहले डाउनलोड किए गए डेटा का पुन: उपयोग करके लोड समय को तेज करने के लिए इसका उपयोग अधिकांश आधुनिक ब्राउज़रों में किया जाता है। आपकी वेबसाइट (जब तक यह एक आधुनिक ब्राउज़र के साथ बनती है) पहले से ही क्लाइंट-साइड कैशिंग कर रही है.

आपका क्षेत्र सर्वर-साइड है। विभिन्न कैशिंग प्रोटोकॉल हैं जो वर्डप्रेस कैशिंग के पूरे स्थान को बनाते हैं। यहां प्रत्येक का संक्षिप्त विवरण दिया गया है:

  • पेज कैशिंग: कैशिंग का शुद्धतम रूप। यह HTML फ़ाइलों को स्टैटिकली स्टोर करने और उन्हें कैशे से सेव करने की प्रक्रिया है। इसका मतलब है कि PHP स्क्रिप्ट और MySQL डेटाबेस क्वेरीज़ का कम निष्पादन
  • डेटाबेस कैशिंग: यह एक विशेष डेटाबेस क्वेरी के परिणाम को कैशिंग करने के लिए संदर्भित करता है। हर बार डेटाबेस में वर्डप्रेस की तलाश के बजाय, परिणाम कैश में संग्रहीत किया जाता है और वर्डप्रेस इसके बजाय लोड करेगा। हालाँकि, जब भी आप डेटाबेस को अपडेट करेंगे, आपको हर बार कैश को शुद्ध करना होगा
  • ऑब्जेक्ट कैशिंग: ऑब्जेक्ट कैशिंग WordPress में गेट-गो से बनाया गया है। यह डेटाबेस कैशिंग के समान है, लेकिन दोहराया प्रश्नों के परिणामों को देखता है। आपको यहाँ बहुत गड़बड़ नहीं करनी होगी क्योंकि वर्डप्रेस ऑन सेट से कैश में ऑब्जेक्ट्स को अपने आप स्टोर करेगा
  • ओपकोड कैशिंग: वर्डप्रेस अपने मूल में PHP स्क्रिप्ट की एक सूची का उपयोग करता है। जब भी एक PHP स्क्रिप्ट चलाई जाती है, तो उसे निष्पादन योग्य कोड उत्पन्न करने के लिए संकलित किया जाना चाहिए। ओपोड कैशिंग मूल रूप से PHP संकलक का परिणाम कैश तक ले जाता है ताकि निष्पादन की संख्या कम हो सके

समझते हैं कि कैशिंग को किसी प्रकार के भंडारण की आवश्यकता होती है। साझा होस्टिंग (जो आप हमारे सर्वोत्तम वेब होस्टिंग गाइड में जान सकते हैं) आमतौर पर केवल हार्ड डिस्क स्टोरेज प्रदान करती है, जिसका अर्थ है कि आपका कैश हार्ड ड्राइव पर जगह लेगा। वीपीएस और समर्पित सर्वर समर्पित रैम का लाभ उठा सकते हैं, बहुत तेज मेमोरी जो आपके कैशिंग को गति देगा। वर्डप्रेस VPS योजना के बारे में जानने के लिए हमारी ड्रीमहॉस्ट समीक्षा अवश्य पढ़ें.

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

यह लगातार अपडेटेड डायनामिक कंटेंट कैशिंग करने पर सबसे पहले तोड़ेगा, न कि जब भी आपकी साइट पर कोई लैंड करता है तो उसे अपडेट किया जाएगा। कैश पहले जो कुछ भी संग्रहीत करता है, उसका अर्थ है कि इस तरह के तत्व पुनः लोड नहीं होंगे.

ओपकोड कैशिंग आउटपुट को स्टोर करने के लिए PHP का उपयोग करने के लिए यदि वे PHP का उपयोग करते हैं, तो इस तरह के तत्व केवल टूट जाते हैं। सबसे अच्छा समाधान उन प्लगइन्स या विजेट्स पर भरोसा करना है जो एक आउटपुट उत्पन्न करने के लिए जावास्क्रिप्ट या AJAX का उपयोग करते हैं क्योंकि ये ब्राउज़र की तरफ संचालित होते हैं। इसके साथ ही, जब पृष्ठ कैश किए जाते हैं, तब भी ब्राउज़र गतिशील सुविधाएँ उत्पन्न करेगा.

यदि आप एक विशिष्ट सुविधा पर भरोसा करते हैं जो PHP का उपयोग करता है, तो सबसे अच्छा समाधान बस उस विशेष पृष्ठ पर कैशिंग को बंद करना है। यह आपकी गति को प्रभावित कर सकता है, लेकिन धीमी गति से काम करने वाली वेबसाइट के लिए बेहतर है कि एक तेजी से टूटा हुआ.

हमने कैशिंग प्लगइन्स के लिए अपने पिछले गाइड में कुछ सिफारिशें दी थीं। त्वरित संदर्भ के लिए, यहां हमारे तीन पसंदीदा हैं:

  • WP सुपर कैश
  • W3 कुल कैश
  • हमिंगबर्ड पेज स्पीड ऑप्टिमाइज़ेशन

उन्नत डिजाइन विकल्प

बाल विषयों, प्लगइन्स और साइडबार के ज्ञान के साथ, हम अगले वर्डप्रेस में कुछ और उन्नत डिजाइन विकल्पों में उद्यम करना चाहते हैं। हम वर्डप्रेस पर विकसित करने के लिए इस्तेमाल की जाने वाली भाषाओं को परिभाषित करने जा रहे हैं और साथ ही संक्षेप में बताएंगे कि उन्हें प्लेटफॉर्म पर कैसे व्यवहार में लाया जाए.

अपने खुद के प्लगइन को विकसित करने में गोता लगाने से पहले, हम कुछ शर्तों को परिभाषित करना चाहते हैं। यदि आप HTML, CSS, जावास्क्रिप्ट और PHP से परिचित हैं, तो बेझिझक आगे बढ़ें। Newbies के लिए, हम चार में अंतर करने जा रहे हैं, लेकिन सुनिश्चित करें कि आप भाषाएँ सीखते हैं यदि आप प्लगइन या थीम विकास में रुचि रखते हैं.

एचटीएमएल

HTML, या HyperText Markup Language, आपकी वेबसाइट की सभी सामग्री को संभालती है। यह भाषा आपकी वेबसाइट की आधारशिला है। जब आपकी वेबसाइट एक्सेस हो जाती है और आपकी सामग्री में स्क्रिप्ट का अनुवाद करते हैं, तो वेब ब्राउज़र HTML फ़ाइलों को प्राप्त करते हैं.

HTML की मूल समझ पाने का एक अच्छा तरीका यह है कि वर्डप्रेस में टेक्स्ट एडिटर पर स्विच किया जाए। यहां, आपको वीडियो एम्बेड करने, टेक्स्ट संशोधन करने और चित्र जोड़ने जैसे बुनियादी कार्य दिखाई देंगे.

यह आपकी वेबसाइट की मूल संरचना है। यदि हम किसी भवन का उपमा बनाते हैं, तो HTML स्वयं ही भवन होगा, जो इसके अंदर हो सकता है से स्वतंत्र है.

सीएसएस

सीएसएस, या कैस्केडिंग स्टाइल शीट्स, आपकी वेबसाइट के समग्र रूप और स्टाइल को संभालती हैं। इसका अर्थ है कि पोस्ट कैसे प्रदर्शित की जाती हैं, पृष्ठ पर चित्र कैसे दिखाई देते हैं, रंग, फोंट, आदि। आपकी साइट सीएसएस कैसे दिखती है, इसके साथ कुछ भी करने के लिए।.

भले ही HTML के साथ कुछ स्टाइल किया जा सकता है, जैसे कि फ़ॉन्ट संशोधन, CSS आपकी साइट के समग्र रूप को संभालता है जो सभी पोस्ट या पृष्ठों पर लागू होता है। यह किसी भी व्यक्तिगत सेटिंग्स से अलग आपकी वेबसाइट के सार्वभौमिक रंगों, लेआउट और फ़ॉन्ट पर अधिक नियंत्रण प्रदान करता है.

हमारे भवन के अनुरूप होने के साथ-साथ, सीएसएस भवन का रंग कार्य और समग्र रूप, साथ ही इसके अंदर के कमरे भी होंगे। HTML सामग्री को संभालती है, CSS स्टाइल को संभालती है.

जावास्क्रिप्ट

किसी भी वेबसाइट को बनाने वाली तकनीकों का ट्रायएड करना, जावास्क्रिप्ट आपकी वेबसाइट की जवाबदेही को संभालता है। यह न केवल एक साफ लंबन छवि के लिए उपयोग किया जाता है (हालांकि यह इस उद्देश्य के लिए उपयोग किया जाता है), लेकिन कोई भी आपकी साइट के साथ किसी भी तरह का इंटरैक्शन करता है.

इसका मतलब है कि सर्च बार का उपयोग करना, एक छवि पर क्लिक करना या एक लिंक निष्पादित करना। जावास्क्रिप्ट वह है जो आपकी साइट को उपयोगकर्ता इनपुट पर प्रतिक्रिया देने की अनुमति देती है, चाहे वह कितनी भी बुनियादी हो। प्लगइन और थीम विकास के लिए, आपको JS के साथ बहुत कुछ करने की आवश्यकता नहीं है.

जहाँ तक हमारी इमारत जाती है, दरवाजे, लिफ्ट आदि की तुलना में जावास्क्रिप्ट सबसे आसानी से है, यह कंक्रीट के लौकिक स्लैब को कार्यात्मक में बदल देता है.

पीएचपी

PHP, या हाइपरटेक्स्ट प्रीप्रोसेसर, एक सर्वर-साइड स्क्रिप्टिंग भाषा है जिसका उपयोग MySQL के साथ बैक-एंड वेब डेवलपमेंट में किया जाता है। यह HTML के साथ बनाए गए वेब पृष्ठों में हेरफेर करता था। HTML स्क्रिप्ट को निष्पादित करने के लिए हर वेबसाइट में एक सर्वर-साइड स्क्रिप्टिंग भाषा होगी.

वह जावा (जावास्क्रिप्ट नहीं, विभिन्न चीजें), पीएचपी या पायथन हो सकता है। वेब ब्राउज़र के माध्यम से चलने वाले बड़े तीन के विपरीत, PHP स्क्रिप्ट को सर्वर पर ही निष्पादित किया जाता है। आमतौर पर, इसका मतलब है कि एक MySQL डेटाबेस से स्टोर करना और डेटा लेना.

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

अपनी खुद की प्लगइन लेखन

हमने अपने तीन वर्डप्रेस गाइड के बीच प्लगइन्स की एक विशाल सूची को कवर किया है। यहाँ, हम यह बताने जा रहे हैं कि आप कैसे अपना बना सकते हैं। हालाँकि, आपको ध्यान देना चाहिए कि यह PHP पर एक ट्यूटोरियल नहीं है। यदि आपके पास PHP का कोई ज्ञान नहीं है, तो आप यहाँ हमारे छोटे से गाइड का पालन करने में सक्षम हो सकते हैं, लेकिन जब तक आप भाषा नहीं सीख लेते, तब तक यह बहुत व्यावहारिक अनुप्रयोग नहीं होगा।.

हालांकि एक प्लगइन वास्तव में क्या है, इसके साथ शुरू करते हैं। अनिवार्य रूप से, यह सिर्फ एक PHP स्क्रिप्ट है जो आपकी वेबसाइट पर कुछ संशोधित करती है। थीम्स आपकी वेबसाइट के लुक को संशोधित करते हैं और प्लगइन्स संशोधित करते हैं कि यह कैसे कार्य करता है.

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

टिप्पणी अनुभाग के पोस्ट की लंबाई या आकार जैसे परिवर्तन को आसानी से आपकी थीम फ़ाइलों में बदला जा सकता है, लेकिन कुछ और गहन, जैसे मेलिंग सूची, अपने स्वयं के प्लगइन के साथ बेहतर अनुकूल है.

प्लगइन बनाना वास्तव में वर्डप्रेस के साथ मृत सरल है। एफ़टीपी के माध्यम से अपनी साइट तक पहुँचें और मार्ग को “public_html” करें > WP-सामग्री > प्लग-इन। ” एक नई निर्देशिका बनाएं और जो चाहें उसे नाम दें। इस ट्यूटोरियल के लिए, हम इसे “myplugin” कहने जा रहे हैं।

नोटपैड या कोई स्क्रिप्ट संपादक खोलें और निम्नलिखित दर्ज करें:

<?php

  / *

  प्लगइन का नाम: मेरा प्लगइन

  प्लगइन यूआरआई: http://my-fake-plugin.com

  विवरण: >-

 मैं वर्डप्रेस में प्लगइन्स जोड़ सकता हूं

  संस्करण: 1.0

  लेखक: प्लगइन डेवलपर

  लेखक यूआरआई: http://plugin-developer.com

  लाइसेंस: GPL2

  * /

?>

उस फ़ाइल को अपने बनाए हुए फ़ोल्डर में रखें और इसे “myplugin.php” नाम दें। यहां सभी विकल्पों में से, केवल प्लगइन नाम की आवश्यकता है, लेकिन यदि आप प्लगइन ऑनलाइन वितरित करने का इरादा रखते हैं तो जितना संभव हो उतना अधिक विवरण जोड़ना एक अच्छा विचार है।.

फ़ाइल अपलोड होने के बाद, आप अपने वर्डप्रेस डैशबोर्ड में जा सकते हैं और इसे सक्रिय कर सकते हैं। बेशक, यह वास्तव में कुछ भी नहीं करता है, लेकिन यह सिर्फ यह दिखाने के लिए एक प्रदर्शन है कि प्रक्रिया कैसे काम करती है। यह वास्तव में स्क्रिप्ट लिखना आपके ऊपर है.

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

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

  • register_activation_hook (): यह वह फंक्शन है जो वर्डप्रेस के अंदर आपका प्लगइन सक्रिय होने पर चलता है। यह वह हुक है जिसे प्लगइन सक्रिय होने पर बुलाया जाता है और स्क्रिप्ट में पहले फ़ंक्शन को निष्पादित करता है.
  • register_deactivation_hook (): ऊपर दिए गए हुक की तरह, यह प्लगइन चालू होने पर एक फ़ंक्शन को चलाने के लिए वर्डप्रेस को चलाता है। आमतौर पर, आप यहां डेटा नहीं हटाते हैं, लेकिन वसा को अनावश्यक रूप से ट्रिम कर देते हैं जब प्लगइन सक्रिय नहीं होता है.
  • register_uninstall_hook (): यह वह फ़ंक्शन है जो वर्डप्रेस डैशबोर्ड में आपके प्लगइन को डिलीट करने पर चलता है। प्लगइन द्वारा छोड़े गए किसी भी डेटा को हटाने के लिए यह एक अच्छा क्षेत्र है। प्लग इन को ठीक से अनइंस्टॉल करने के लिए हुक से अलग से काम करने में सक्षम होना चाहिए। यदि आप वहां नहीं जा सकते हैं, तो आपको एक uninstall.php फ़ाइल बनाने की आवश्यकता होगी.

हम आपके स्वयं के प्लगइन को विकसित करने की बारीकियों में नहीं पड़ सकते क्योंकि यह आपके पास जो भी विचार है और अक्सर, स्क्रिप्टिंग में कुछ अनुभव है। यदि आपके पास दोनों हैं, तो हम आपको सिस्टम के ins और outs को जानने के लिए वर्डप्रेस की प्लगइन हैंडबुक पर एक नज़र डालने की सलाह देते हैं.

अपनी खुद की थीम लिखना

प्लगइन के डेटाबेस में आपको कुछ भी चाहिए और अगर आपको कुछ चाहिए तो विकास के लिए एक प्लगइन शामिल है। कई लोगों के लिए, एक थीम विकसित करना कहीं अधिक व्यावहारिक है। फिर भी, आपको अपने स्वयं के थीम विकास को निष्पादित करने के लिए CSS और PHP के ज्ञान की आवश्यकता होगी.

उस ज्ञान के बाहर, थीम विकास काफी सरल है। हम बच्चे के विषयों पर हमारे मध्यवर्ती गाइड में जानकारी का निर्माण कर रहे हैं, इसलिए सुनिश्चित करें कि आप जारी रखने से पहले पढ़ें (लिंक ऊपर है).

अपनी खुद की थीम विकसित करने के लिए दो विकल्प हैं: एक फ्रेम थीम के माध्यम से या खरोंच से। हम पूर्व की सलाह देते हैं क्योंकि आप अपनी वेबसाइट की स्टाइल पर नियंत्रण बनाए रखते हुए जल्दी से जल्दी उठ सकते हैं.

यह वर्डप्रेस में एक बच्चे के विषय का उपयोग करने की एक ही प्रक्रिया है। इस मामले में, रूपरेखा मूल विषय है और आपका बच्चा विषय सभी स्टाइल को संभालता है। थीम फ्रेमवर्क को स्थापित करने और एक शैली बनाने के पिछले गाइड में प्रक्रिया को वापस करें। दोनों को एक साथ टाई करने के लिए एक।.

हर फ्रेमवर्क अलग है, ठीक वैसे ही जैसे हर थीम है। कुछ प्राइस टैग के साथ आते हैं और कुछ दूसरों के अलग-अलग फीचर्स के साथ आते हैं। अपनी आवश्यकताओं के लिए सबसे अच्छा काम करने वाले को खोजने के लिए चारों ओर देखना सुनिश्चित करें। यहाँ हमारे पसंदीदा में से तीन हैं:

  • उत्पत्ति
  • पीपों का चौपाया आधार
  • हाइब्रिड कोर

केवल तकनीकी रूप से अपनी थीम विकसित करने के लिए दो फ़ाइलों की आवश्यकता होती है: index.php और style.css। हालाँकि, कई विषयों में एक वेबपेज के हेडर, फुटर और साइडबार को निर्दिष्ट करने के लिए कुछ और फाइलें शामिल हैं। यहाँ उन फाइलों का संक्षिप्त विवरण दिया गया है जिनके विषय सबसे अधिक होंगे:

  • index.php: आपके विषय का मूल। यह मुख्य क्षेत्र है जो निर्दिष्ट करेगा कि आपके सभी विषय विकल्प कहां स्थित हैं। उपयुक्त रूप से नाम दिया गया, यह आपकी थीम का एक सूचकांक है
  • style.css: यह आपकी साइट का समग्र रूप है। यहां, आप मुख्य सामग्री के रंग, फ़ॉन्ट, रिक्ति, आदि को परिभाषित करेंगे
  • header.php: लोगो, मुख्य मेनू, आदि सहित सभी हेडर जानकारी उत्पन्न करने के लिए स्क्रिप्ट
  • sidebar.php: आपके विषय में साइडबार कैसे काम करता है, इसकी सभी जानकारी। साइडबार के बारे में अधिक जानने के लिए हमारे शुरुआती गाइड (ऊपर लिंक) की जाँच करें
  • footer.php: अंतिम तीन के रूप में स्व-व्याख्यात्मक के रूप में, यह आपकी वेबसाइट के पाद लेख अनुभाग को संभालता है

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

कई मामलों में, अपने विषय को बनाने के लिए एक रूपरेखा अपनाना सबसे अच्छा तरीका है। यह सभी मूल स्क्रिप्टिंग से बाहर निकल जाएगा, इसलिए आपके पास एक कार्यात्मक साइट है और आपको वापस जाने और इसकी समग्र स्टाइल में बदलाव करने की अनुमति देता है।.

यदि आप खुद को आगे बढ़ाना चाहते हैं, तो लंबी दौड़ के लिए तैयार हो जाइए। यह कई मायनों में प्लगइन विकास के रूप में मुश्किल नहीं है, लेकिन अधिक समय लेने वाली है। अपने विषय के प्रारूप और संरचना के बारे में जानने के लिए वर्डप्रेस की थीम हैंडबुक देखें.

सामान्य वर्डप्रेस टिप्स

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

इसे सरल रखें

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

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

यदि आप चीजों के कोडिंग एंड पर हैं, तो इसका मतलब यह नहीं है कि स्वयं के साथ भी लिप्त हैं। अपना कोड साफ रखें और कोशिश करें कि अगर आप अपना खुद का प्लगइन या थीम विकसित कर रहे हैं तो कुछ भी फैंसी न करें। अंततः, यह स्क्रिप्ट को निष्पादित करने के लिए स्क्रिप्ट को और अधिक कठिन बनाता है.

अक्सर अद्यतन करें

हम इस बिंदु पर जोर नहीं दे सकते। वर्डप्रेस एक निरंतर विकसित होने वाला प्लेटफ़ॉर्म है जिसमें कई चलते हुए भाग होते हैं। एक प्लगइन या सुविधा पर एक अद्यतन एक टूटी या नीचे साइट के लिए एक और अग्रणी के साथ असंगति पैदा कर सकता है.

जैसे ही कोई अपडेट रोल करता है, उसे अपनी साइट पर लागू करें। कुछ मामलों में, यह असंगति पैदा कर सकता है, इसलिए सुनिश्चित करें कि आप अपनी साइट का बैकअप लें (जिसे हम अगले भाग में कवर करेंगे) ताकि आप ऐसा होने पर वापस लौट सकें।.

हालांकि, आगे बढ़ना और अपडेट करना बेहतर है। परिवर्तनों के भारी ढेर पर बैठना केवल आपकी साइट को धीमा कर देगा और, भले ही आप एक प्लगइन को दूसरे के अपडेट के साथ तोड़ने का अनुभव करें, आप डेवलपर्स को टिप कर सकते हैं ताकि वे एक हॉटफ़िक्स रोल आउट कर सकें.

लगातार बैकअप लें

अपने वर्डप्रेस साइट पर सभी काम करने के बाद, इसे एक हैक या पर्दाफाश सर्वर से खोना हानिकारक होगा। हालांकि इसकी संभावना नहीं है, आपको अपनी साइट का बैकअप उतनी बार लेना चाहिए जितनी बार आप ऑनलाइन सर्वश्रेष्ठ बैकअप सेवाओं का उपयोग कर सकते हैं.

एक टन वर्डप्रेस प्लगइन्स हैं जो आपकी वेबसाइट को अतिरेक देने के लिए ऑनलाइन बैकअप और क्लाउड स्टोरेज के साथ एकीकृत हैं। इसके लिए सबसे अच्छा विकल्पों में से एक है, अपडेट क्राफ्टप्लस जो आपको अपने बैकअप को सीधे ड्रॉपबॉक्स में स्टोर करने की अनुमति देता है (हमारी ड्रॉपबॉक्स समीक्षा पढ़ें) या Google ड्राइव (हमारी Google ड्राइव समीक्षा पढ़ें).

इसकी संभावना नहीं है कि आपकी वेबसाइट का डेटा पूरी तरह से मिट जाएगा, लेकिन निश्चित रूप से संभव है। मन की शांति के लिए भुगतान करने के लिए यह एक छोटा कर है जो निश्चित रूप से आपत्तिजनक घटना में लाभांश का भुगतान करेगा कि आपका कोई भी डेटा खो गया है.

अंतिम विचार

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

यदि आप अपनी वेबसाइट को निष्पादित करने के लिए एक ठोस वेब होस्ट नहीं है, तो भी सभी वर्डप्रेस ज्ञान के साथ, यह एक व्यर्थ प्रयास है। सुनिश्चित करें कि वर्डप्रेस के लिए हमारी सबसे अच्छी वेब होस्टिंग की जाँच करें यह सुनिश्चित करने के लिए कि आपकी सारी मेहनत एक ठोस सर्वर के साथ जोड़ी गई है.

आपके पास अन्य वर्डप्रेस प्रश्न क्या हैं? हमें नीचे टिप्पणी में और हमेशा की तरह पढ़ने के लिए धन्यवाद.

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map