एक वेबसाइट बनाना बहुत कठिन काम होता है और जब आपको कोडिंग ना आती हो तो आज हम आपको इस आर्टिकल में बताएंगे कि कैसे आप Astra Theme and Gutenberg Block Patterns के साथ वेबसाइट क्रिएट कर सकते हैं।

हम आपको डिटेल में वर्डप्रेस को इंस्टॉल कैसे करें और Astra Theme और गुटेनबर्ग एडिटर (Gutenberg Editor) की मदद से एक आकर्षक वेबसाईट कैसे बनाएं, यह सारी प्रक्रिया इस आर्टिकल में बताने वाले हैं।

वर्डप्रेस गुटेनबर्ग क्या है ?

गुटेनबर्ग एक वर्डप्रेस का डिफॉल्ट एडिटर है जो आपके राइटिंग एक्सपीरियंस को काफी आसान और अलग बनाता है। वर्डप्रेस वर्जन 5.0 में इसे खास तरीके से डेवलप किया गया है। इसका मुख्य लक्ष्य वर्डप्रेस के राइटिंग एक्सपीरियंस को ज्यादा से ज्यादा सुधार ले आना है।

Astra Pro क्या है ?

Astra Pro एक बहुत ही लाइटवेट वर्डप्रेस थीम है। जिसे आप वर्डप्रेस में या फिर ऑनलाइन वेबसाइट से ले सकते हैं। यह बिना कोडिंग के आपकी वेबसाइट को कस्टमाइजेशन करने में काफी मदद करती है।

वर्डप्रेस पर Astra Theme फ्री में भी मिलती है। लेकिन Astra Theme में आपको प्रो वर्जन में ज्यादा कस्टमाइजेशन के ऑप्शन मिलते हैं जो आपकी वेबसाइट को प्रोफेशनल बनाते हैं।

Astra Pro वेबसाइट को Create करना सिंपल कैसे बनाता है?

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

इसलिए यह आपको वेबसाइट को सरल बनाने में मदद करता है और सबसे बड़ी बात इसमें आपको premade वेबसाईट templates मिल जाते हैं, पर अगर फिर भी आपको कोई दिक्कत आती है तो Astra Theme के डॉक्यूमेंटेशन में आपको हर तरह के सवाल के जवाब मिल जाते हैं।

ब्लॉक पैटर्नस् क्या है | Block Patterns Explained

वर्डप्रेस की टीम वेबसाइट के डिजाइन को आसान और सरल बनाने के लिए तरह-तरह के प्रयास कर रही है। ताकि बिना कोडिंग के अनुभव वाले लोग भी वर्डप्रेस को आसानी से इस्तेमाल कर सकें।

WordPress में block patterns, premade designs होते हैं। इनकी मदद से आप आसानी से इन premade blocks का आसानी से क्रीऐट कर सकते हैं। यह पारंपारिक ब्लॉकों की तरह ही व्यवहार करते हैं।

आप इन ब्लॉक्स को बनाने के बाद इनमें दोबारा customization भी कर सकते हैं और इन ब्लॉक्स को टेम्पलेट की तरह भी इस्तेमाल कर सकते हैं।

वेबसाइट को बनाने के लिए किन चीजों की जरूरत होती है

Website बनाने के लिए हमको निम्नलिखित चीजों की जरूरत होती है:-

• Domain and hosting
• WordPress
• WordPress theme
• WordPress plugins

Astra and Gutenberg की मदद से वेबसाईट कैसे बनाएं?

डोमेन एंड होस्टिंग

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

डोमेन आपकी वेबसाइट का पता होता है जो कि यूआरएल (www.thereviewer.in) में नजर आता है और वेब होस्टिंग एक तरह सरवर होता है जिस पर आपकी वेबसाइट की सभी files स्टोर होती हैं।

जब भी कोई आपकी वेबसाइट को सर्च करता है तो उस होस्टिंग के सर्वर की सहायता से लोगों को दिखाई देती है।

वर्डप्रेस कैसे इंस्टॉल करें | How to Install WordPress

अलग-अलग तरह की होस्टिंग प्रोवाइडर होते है और हर होस्टिंग प्लेटफार्म पर अलग तरीके से वर्डप्रेस इंस्टॉल होता है।

कई वेब होस्टिंग पर आपको सीधे वर्डप्रेस इंस्टॉल का ऑप्शन नजर आ जाता है और कई बार आपको सीपैनल में लॉगइन करना होता है।

सीपैनल में लॉग इन करने के बाद आपको वर्डप्रेस का आइकन दिखाई देगा उसे इंस्टॉल कर लेना है।इसमें आपको अपना डोमेन नाम चुनकर इंस्टॉल कर लेना है।

इस तरीके से आपके होस्टिंग सर्वर पर आपका वर्डप्रेस इंस्टॉल हो जाता है।

Astra WordPress Theme इंस्टॉल करें | How to Install Astra Theme

अब आपने वर्डप्रेस तो इंस्टॉल कर लिया है। अब उसके बाद आपको Astra WordPress Theme को इंस्टॉल करना है। आईए नीच दिए गए स्टेप्स को फॉलो करके आप ऐस्ट्रा थीम को इंस्टॉल कर सकते हैं।

स्टेप 1: उसके लिए सबसे पहले आपको अपने वर्डप्रेस डैश्बोर्ड में लॉगिन करना है।

स्टेप 2: वर्डप्रेस के लेफ्ट साइड में सेटिंग में आपको अपीयरेंस में जाना है और थीम पर क्लिक करना है।

स्टेप 3: थीम पर जाने के बाद आपको ऐड न्यू पर क्लिक करना है फिर आपको सर्च बॉक्स में जाना है। फिर आपको सर्च बॉक्स में ऐस्ट्रा थीम टाइप करना है और थीम को इंस्टॉल कर लेना है।

स्टेप 4: फिर आपको अपनी थीम को एक्टिवेट कर लेना है।

WordPress Plugins

अपनी आवश्यकता के अनुसार आप जरूरी वर्डप्रेस प्लगइंस इंस्टॉल कर सकते हैं। वर्डप्रेस वेबसाईट के लिए कुछ जरूरी plugins की लिस्ट के लिए आप यह आर्टिकल पढ़ सकते है।

OceanWP Theme Review In Hindi

Read More

स्टार्टर टेंपलेट्स प्लगइन को इंस्टॉल करें | Install Starter Templates plugin

अब आपने एस्ट्रा थीम को इंस्टॉल कर लिया है तो उसके बाद आपको इसमें Astra स्टार्टर टेंपलेट्स प्लगइन (Astra Starter Templates Plugin) को इंस्टॉल करना है।

यह प्लगइन आपकी वर्डप्रेस वेबसाइट को कई premade वेबसाईट टेम्पलटेस प्रदान करता है, जिसकी सहायता से आप बहुत ही काम समय में एक आकर्षक वेबसाईट बना सकते हैं।

नीच दिए गए स्टेप्स को फॉलो करके आप इस प्लगइन को इंस्टॉल कर सकते हैं।

स्टेप 1: आपको अपने वर्डप्रेस में लॉगइन करना है।

स्टेप 2: उसके बाद आपको प्लगइन के ऑप्शन में जाना है।

स्टेप 3: उसके बाद आपको सर्च ऑप्शन में अस्त्रा स्टार्टर टेम्पलटेस टाइप करना है।

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

स्टार्टर थीम को इंस्टॉल करें | Install a Starter Theme

स्टार्टर टेंप्लेट प्लगइन (Starter Templates Plugin) के इंस्टॉल होने के बाद अब आपको स्टार्टर थीम को इंस्टॉल करना है।

स्टेप 1: सबसे पहले आप वर्डप्रेस डैश्बोर्ड के Appearance section में जाकर Starter Templates पर क्लिक कर सकते हैं या आप Plugin Section में जाकर स्टार्टर टेंप्लेट पर जाएं।

स्टेप 2: स्टार्टर टेंप्लेटस् के नीचे आपको “See Library” नजर आएगा उस पर क्लिक करें।

स्टेप 3: जैसे ही आप “See Library” पर क्लिक करेंगे आपको पेज बिल्डर नजर आने वाले हैं।

स्टेप 4: अब हमें ब्लॉक बिल्डर को चुनना है क्योंकि इस लेख में हमें आपको एस्ट्रा थीम के साथ गुटेनबर्ग ब्लॉक पैटर्न का उपयोग सिखा रहे हैं।

स्टेप 5: अब आपको प्रोफेशनल वेबसाइट टेंप्लेट नजर आएंगे जिनमें से आप अपना मनपसंद template design चुन सकते हैं।

स्टेप 6: अब आप अपनी पसंद की थीम चुन सकते हैं। अपने लोगों रंग और फोटो सहित और जो चीज आप इस मीडिया लाइब्रेरी में नहीं चाहते हो उस बॉक्स को अनचेक भी कर सकते हैं और आपकी थीम इस तरीके से तैयार हो जाएगी।

गुटेनबर्ग अल्टीमेट ऐडऑन को इंस्टॉल करें | Install Ultimate Addons for Gutenberg

आप गुटेनबर्ग एडिटर का इस्तेमाल कर रहे है तो गुटेनबर्ग अल्टीमेट ऐडऑन को इंस्टॉल कर सकते है।

• आपको गुटेनबर्ग अल्टीमेट ऐडऑन इंस्टॉल करने के लिए सबसे पहले वर्डप्रेस के प्लगइन पर क्लिक करना है।
• उसके बाद आपको सर्च बॉक्स में “गुटेनबर्ग ब्लॉक” टाइप करना है।
• अब आपको “Gutenberg Blocks- Ultimate Addons for Gutenberg” नजर आएगा उस पर क्लिक करना है।
• फिर उस पर क्लिक करने के बाद आपको उसे इंस्टॉल करके एक्टिवेट कर देना है।

इस तरीके से आपका गुटेनबर्ग अल्टीमेट ऐडऑन एक्टिवेट हो जाएगा।

कंटेंट को गुटेनबर्ग ब्लॉक पैटर्न के द्वारा ऐड करें

कंटेंट को गुटेनबर्ग ब्लॉक पैटर्न के द्वारा ऐड करना काफी आसान है। उसके लिए आपको पेज या पोस्ट में जाना होगा फिर आपको प्लस (+) का साइन नजर आता है।

उस पर क्लिक करने के बाद बाईं तरफ आपको Blocks और Patterns का ऑप्शन नजर आएगा। आपको पैटर्न पर क्लिक करने पर काफी ऑप्शन नजर आते है। उनमें से कोई भी ऑप्शन सेलेक्ट करके आप कंटेंट को ऐड कर सकते हैं।

इसके अतिरिक्त आप “starter Templates” या Ultimate Addons for Gutenberg” Plugin की सहायता से भी बेहतरीन और आकर्षक पटटर्न्स का इस्तेमाल करके भी वेबसाईट के pages डिजाइन कर सकते हैं।

• इसके लिए सबसे पहले आप अपने वर्डप्रेस डैश्बोर्ड के बाईं तरफ मौजूद “Pages” सेक्शन में जाकर “Add New” पर क्लिक करें।

• इसके बाद “Starter Templates” या “UAG Templates” पर क्लिक करें।

• इसके बाद आप “Patterns” पर क्लिक करें।

• Patterns पर क्लिक करने के बाद आप अपने पसंद का कोई भी पैटर्न डिजाइन सिलेक्ट करके “Import” पर क्लिक करें। आप चाहे तो patterns का preview भी देख सकते हैं।

• Pattern आपके पेज में इम्पोर्ट हो जाएगा। अब आप पैटर्न को कस्टमाइज़ कर सकते है।

इस तरह से आप अपनी वेबसाईट के लिए आकर्षक pages डिजाइन कर सकते हैं।

गुटेनबर्ग ब्लॉक को कस्टमाइज कैसे करें

गुटेनबर्ग ब्लॉक को कस्टमाइजर्स करने के लिए आपको सबसे पहले प्लस पर क्लिक करना है। प्लस पर क्लिक करने के बाद आपको पैटर्न पर जाने वाला बटन, कालम, गैलरी, जैसे कई नजर आएंगे।

अब किसी पर भी क्लिक करने पर आपको राइट साइड में उसको कस्टमाइज करने के काफी ऑप्शन नजर आ जाएंगे। इस तरह से आप ब्लॉक एडिटर में किसी भी तरह के ब्लॉक को कस्टमाइज कर सकते हैं।

कस्टम ब्लॉक पैटर्न को किसी भी पेज पर कैसे क्रिएट करें

गुटेनबर्ग में आप पहले के ब्लॉक पैटर्न टेंप्लेट को इस्तेमाल करने के अलावा भी कस्टम ब्लॉक पैटर्न का इस्तेमाल कर सकते हैं।

उसके लिए आपको एक प्लगइन ब्लॉक मिस्टर (BlockMeister – Block Pattern Builder) जो कि फ्री है। उसको ऐड करना है।

उसके लिए आपको प्लगइन पर जाना है। सर्च में ब्लॉक मिस्टर टाइप करके इंस्टॉल करके एक्टिवेट कर लेना है।

फिर आपको नागिन के नीचे ब्लॉक पैटर्न पर जाना है। ब्लॉक पैटर्न पर एड न्यू पर क्लिक करना है। अब आपको डिफॉल्ट गुटेनबर्ग एडिटर पेज पर होंगे जिस पैटर्न का उपयोग आप करना चाहते हैं।

उसको प्रयोग कर सकते वह ब्लॉक बना सकते हैं। इस तरीके से आप कस्टम ब्लॉक पैटर्न बना सकते हैं।

टेस्टिंग वेबसाइट

अब आपकी साइट कंप्लीट हो चुकी है। बिना एक्स्ट्रा प्लगइन का इस्तेमाल किए अब आपको एक बार वेबसाईट की स्पीड का टेस्ट करना है।

अगर वेबसाईट की स्पीड सही होती है और वेबसाइट हल्की होती है तो गूगल की नजर में और आपके Viewers की नजर में वेबसाइट अच्छी मानी जाती है।

उसके लिए हम आपको तीन वेबसाइट बता रहे है। जहां जाकर आप चेक कर सकते है।

1. गूगल पेज स्पीड इनसाइट्स
2. जीटी मैट्रिक्स
3. पिंगडम टूल्स

आपकी वेबसाइट को बेहतर बनाने के लिए 5 वर्डप्रेस प्लगइन

Sucuri Security

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

Yoast SEO

आपके लिखे कंटेंट को और उसके एसीओ को बेहतर करने के लिए Yoast SEO आपको काफी सजेशन देता है और काफी SEO स्कोर को अच्छा करने में मदद करता है।

Updraft Plus

अगर आप भी अपनी वेबसाइट का कंप्लीट बैकअप चाहते हैं तो अपड्राफ्ट्सप्लस आपकी वेबसाइट के बैकअप के लिए काफी मददगार रहता है।

Jetpack

यह प्लगइन वर्डप्रेस का ही है यह आपकी साइट को सिक्योरिटी देने के साथ-साथ आपकी पेज लोडिंग स्पीड को इंप्रूव करने में मदद करता है और काफी सारे फीचर्स देता है।

अकिस्मेट एंटीस्पैम | Akismet Antispam

यह प्लगइन आपके आने वाली वेबसाइट पर स्पैम कमेंट को कंट्रोल करता है और यह वर्डप्रेस का ही प्लगइन है जो आपके स्पैम कॉमेंट्स को ऑटोमेटिक फिल्टर कर देने का काम करता है।

एस्ट्रा थीम और गुटेनबर्ग ब्लॉक पैटर्न के कुछ FAQs

निष्कर्ष | Conclusion

आज हमने आपको इस आर्टिकल में बताया कि कैसे आप Astra Theme and Gutenberg Block Pattern की सहायता से एक अच्छी वेबसाइट बना सकते हैं।

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