Create Website Using Astra & Gutenberg Block Patterns? Hindi

आज का विषय है – Astra और Gutenberg Block Pattern प्रयोग करके Website कैसे बनाये ? या How To Create A Website Using Astra & Gutenberg Block Patterns ? तो चलिये शुरु करतें हैं।

WordPress पर Website या Blog बनाना शुरु से ही काफी आसान रहा है। क्यूँकि हम सब जानतें हैं कि इसमें बिना कोई Coding या Program लिखे, कोई भी एक सुन्दर एवं प्रभावशाली Website बना सकता है। इसमें Gutenberg Block Patterns को प्रयोग करके आप प्रत्येक कार्य आसानी से कर सकतें हैं। इसके साथ ही, यदि हम Astra Theme को प्रयोग करें, तो हमारी Website के Designing, Appearance एवं Performance का Level कई गुणा बढ़ जाता है। तो चलिए Detail में जानने का प्रयास करतें हैं कि – Astra और Gutenberg Block Pattern प्रयोग करके Website कैसे बनाये ?

WordPress Gutenberg क्या है ?

“Gutenberg” WordPress CMS का वर्तमान में by Default प्रयोग होने वाला Block Editor है। WordPress ने इसे 27 November 2018 को Release किया था। तथा WordPress version 5.0 के बाद यह निरंतर प्रयोग हो रहा है। WordPress ने इसे पुराने Classic TinyMCE Editor को Replace कर प्रयोग किया था। Gutenberg Editor पुराने Classic Editor के मुकाबले और अधिक Rich Featured एवं Flexible साबित हुआ है।

इसमें Content Writting के दौरान प्रयोग होने वाले प्रत्येक कार्य के लिए अलग Block दिया गया है। जिसके प्रयोग से User अत्यंत आसान तरीके से अपना कार्य कर सकतें हैं। जैसे – Heading, Paragraph, Image, List और ढेरों Blocks इसमें पहले से ही उपलब्ध हैं। जिनके प्रयोग से बिना किसी Coding या Programming के, Website या Blog बनाया जा सकता है।

ऊपर दिये गये Picture से हम साफ़ समझ सकतें हैं कि Gutenberg Editor में अलग-Field के लिये ढेरों Blocks उपलब्ध हैं। जैसे –

• Text Field : Paragraph, Heading, List, Quote आदि।
• Media Field : Image, Gallery, Audio, Video आदि।
• Design Field : Buttons, Columns, Group, Page Break, Seperator आदि।

अतः Gutenberg Editor में Blocks को प्रयोग करने के साथ साथ इसे Userfriendly और Flexible Enviornment के लिये Design किया गया है, ताकि यह किसी भी प्रकार की Website Designing में बेहतर कार्य कर सके। जैसे –

• Requird Fewer Plugins : कम के कम Plugins के प्रयोग से प्रभावी कार्य कर सके।
• Create Modern, Multimedia-heavy Layouts : Modern एवं Heavy Multimedia Layout पर कार्य कर सके।
• Responsiveness : सभी प्रकार की Screen Size पर कार्य करे। जैसे – Mobile, Desktop, या Tablet आदि।
• Trust : Editor का Layout आपकी Website के तरह दिखाई दे, जिससे हमारी मनचाही Design करने में मदत मिल पाये।

Astra क्या है ?

Astra को WordPress CMS की Best Performing Themes में Count किया जाता है। इसके Fast Loading, Light Weight, Highly Customize एवं Extended Flexible Features के कारण इसे 1654000 से ज्यादा Websites एवं Blogs पर प्रयोग किया गया है। तथा WordPress.org एवं Trust Pilot के लगभग 5678+ Real Users नें, इसे 5 Star Rating देकर, इस पर अपार भरोसा एवं प्यार दिखाया है।

Astra Theme के कुछ महत्वपूर्ण एवं आकर्षक Features हैं। जैसे –

Page Loading Speed :

आज से Competitive दौर में, Website की Loading Speed बहुत महत्व रखती है। तथा Website के Fast Load होने में, उस पर Installed Theme का बड़ा हाथ होता है। आपको यह जानकार हैरानी और खुशी होगी कि Astra अत्यंत Fast Loading Theme है। और Wordpess के Default Data के साथ, यह मात्र 0.5 Second से भी कम समय पर Load हो जाती है।

Astra Theme अत्यंत Light Weight है। यह Sales Page को Fast Boost करके, Conversion Rate बढाती है। साथ ही इसके Fast Load होने से Google Search में Higher Ranking प्राप्त होती है।

Secure Environment :

जब हम किसी भी Theme का Selection करतें हैं, तो हमारी पहली प्राथमिकता होती है कि Theme पूरी तरह Secure हो, तथा वह हमारे उपयोग से सम्बंधित Plugins को Support करे। Astra Theme सभी Popular WordPress Plugins को Clean Code तथा Responsive Environment उपलब्ध करती है। अतः आप बिना किसी दुविधा के इसे चुन सकतें हैं।

Device Responsiveness :

Astra Theme आपकी Website को पूरी तरह Responsive बनाती है। इसे Desktop, Laptop, Tablet या किसी भी Mobile Device में आसानी से देखा जा सकता है। आज के समय में जब प्रत्येक Visitor Content पढ़ने के लिए Portable Devices का उपयोग कर रहें हैं। आपकी Website का Responsive होना बहुत महत्त्वपूर्ण है।

Pre-Built Website, No Coding, Page Builders Support :

Astra के Library में पहले से ही ढेरों Starter Templates उपलब्ध हैं। जिनका प्रयोग करके, कोई भी कम से कम समय में अपनी Website बना सकता है। यहाँ WordPress Customizer में कई Options दिये गए हैं। जिनका प्रयोग करके बिना Coding Skill के Effective Design किया जा सकता है। Astra Theme हमें Design करने की पूरी आजादी देता है। यहाँ पर हम Page Title या Side Bar को जब चाहे बंद कर सकते हैं। साथ ही Page Builders जैसे Elementor, Beaver Builder, Brizy एवं Gutenberg आदि को आसानी से प्रयोग कर सकतें हैं।

Highly Customizable :

WordPress में Astra Theme को सभी जगह Customize किया जा सकता है। जैसे –

• Layout Settings : जैसे – Website Container, Header, Blog, Archives, Single Page, Post, sidebar एवं Footer आदि।
• Header Options: इसमें पहले से ही कई Header Layout built-in है।
• Colors & Typography : कोई भी Font, Size या Color आसानी से Set कर सकतें हैं।
• Blog & Archives : Blog Post, Archives Page अदि पर Control उपलब्ध है। जैसे – Manage Width, Content, meta आदि।

SEO Friendly :

Astra Clean Code को Follow करता है। यह आपके WordPress पर SEO Plugin को Properly Optimize करने में Fully Support करता है। तथा Google Crawling में Astra Theme के कारण अभी तक कोई issue देखने को नहीं मिला है। इसमें Proper Schema Markup पहले से Enabled किये हुए है। अतः यह पूरी तरह SEO Friendly Theme है।

Astra Pro क्या है ?

Astra Pro WordPress Astra Theme के लिये, उसका Premium add-on है। इसके प्रयोग से Astra Theme को और अधिक Customize या Attractive बना सकतें हैं। क्यूँकि, Astra Pro में Page Builders के लिए ज्यादा Templates, Colors, Editable Options, Typography और अन्य Customizaion जुड़ जातें हैं। जिससे किसी भी Website में Perfect Professional look एवं Features जोड़े जा सकतें हैं। जिससे किसी भी Professional Website को बनाना अत्यंत आसान हो जाता है। आइये Detail में जानते हैं l

Astra Pro से Website बनाना आसान क्यों है ?

Astra Pro के प्रयोग से कोई भी Website बनाना काफी आसान हो जाता है। वैसे तो Astra Theme में Basic Features पहले से ही उपलब्ध हैं। जो कि किसी Website को शुरु करने के लिये ठीक है। परन्तु यदि हम अपनी Website पर Professional Look एवं अधिक Customization चाहतें हैं, तो हमें Astra Pro Add-on लेना ही चाहिए। क्यूँकि इसके प्रयोग के बाद, हमारी Website Building Performance, multiple times बढ़ जाती है। और Easy Customization से जो समय बचता है। वो भी तो Money ही है।

आइये Astra Pro के कुछ महत्वपूर्ण Features पर नजर डालतें हैं। जिससे कोई भी Website बनाना अत्यंत सरल एवं आसान हो जाता है। जैसे –

Starter Templates :

Astra Pro के Library में सैकड़ों की संख्या में Free एवं Premium ready made Templates पहले से उपलब्ध हैं। जिनके प्रयोग से किसी नयी Website को बनाना सरल एवं Time Saving होता है। लगभग सभी Best Page Builders जैसे – Elementor, Beaver Builder, Brizy एवं Gutenberg अदि पर, Starter Templates प्रयोग करके बिलकुल नयी Website बना सकतें हैं। वो भी बिलकुल कम समय में।

Site Layout :

हमारी Website चाहे किसी भी Niche की हो, Astra Pro के द्वारा आवश्यकता अनुसार Site Layout Design करना बिलकुल आसान है। इसके लिये इसमें कई Options पहले से दिये गए हैं। जैसे – Boxed, Full Width, Padded या Fluid आदि।

Better Typography :

कई बार हमारे Content के According Fonts न होने से कहीं न कहीं मन में कमी सी रह जाती है। Astra Pro में 800 + Fonts पहले से उपलब्ध हैं। जिससे हमें अपने मन मुताबिक Font चुननें में सरलता होती है। जिससे हम अपने Content के अनुसार सही Emotions व्यक्त कर सकतें हैं।

Colors & Background :

Website में रंग भरने का काम कुछ-कुछ जीवन में रंग भरने जैसा है। कई बार Website के कोई भाग में, हमारी कोई अलग Color करने की इक्क्षा होती है। और ना कर पाने पर मन में कसक सी रह जाती है। Astra Pro के प्रयोग से हम अपनी Website में सभी जगह पर Color एवं Background बदल सकतें हैं। Theme द्वारा यह कार्य काफी बारीकी एवं सावधानी से किया जाता है।

Blog Layout :

किसी सुन्दर Website के लिए उसका Layout बहुत मायने रखता है। Astra Pro Blog Layout के मामले में बहुत Rich माना जाता है। इसमें Layout के Countless Variations उपलब्ध हैं। जो किसी Website के Visitors के लिये Trendy Design में पूरी मदत करतें हैं।

Multiple Header Designs :

जैसे किसी भी कहानी का शीर्षक उस कहानी की जान होता है। ठीक उसी प्रकार Website या Blog में Content के लिये Headers का प्रयोग किया जाता है। Astra Pro में Header Design करने के Multiple Varieties दी गयीं हैं। जैसे – Above and Below Primary Header, Transparent Header, Sticky Header आदि।

Flexible Footer Layout :

Astra Pro के Customization में Footer Layout भी शामिल है। यहाँ पर Website के Footer Design करने के लिए कई Flexible Footer Layouts बना सकतें हैं। तथा अपनी Website के अनुसार Column की संख्या और स्थान चुन सकतें हैं।

Astra Pro पर Customization करने के सभी Features को दिखा पाना यहाँ पर संभव नहीं है। अभी भी बहुत से बेहतरीन Features इसमें छुपे हुए हैं। जैसे – Astra eCommerce Integration, LifterLms Integration, LearnDash Integration, White Lable, Mega Menu, Spacing Control, Footer Widgets, Hooks & Filter . . . . ढेरों और भी । यदि आप अन्य सभी Features जानना चाहतें हैं तो, यहाँ Click करें।

Block Patterns क्या हैं ?

जैसा कि हम जानतें हैं कि WordPress ने Version 5.0 के बाद , 27 November 2018 को Gutenberg Editor का प्रयोग शुरु कर दिया था। इसके बाद इसमें निरंतर innovations एवं Development होते गये। सन 2020 में, WordPress ने Version 5.5 के साथ Gutenberg Block Pattern को Release किया था।

“Gutenberg Block Patterns” WordPress में Gutenberg Blocks के द्वारा बनाया गया Premade एवं Ready to Use Layout होता है। इन Patterns को कम समय और मेहनत से Create कर के, Website के किसी भी भाग में प्रयोग किया जा सकता है। साथ ही हम इन Patterns को Re-Use करने के लिये Save भी कर सकतें हैं।

ये एक तरह से Templates की तरह ही होतें हैं, अंतर सिर्फ इतना है कि ये Blocks पर आधारित होतें हैं न कि किसी Page या Post पर। कई मनचाहे Blocks को Select एवं Edit करके एक Custom Block Pattern बनता है। फिर इसे Save करके किसी भी Post, Page, Side Bar या अन्य Widgets पर पुनः प्रयोग कर सकतें हैं। अच्छी बात यह है कि यह सब कार्य बिना Coding के कर सकतें हैं। तथा हम चाहें तो इन Patterns को Share भी कर सकतें हैं।

Gutenberg Block Patterns को प्रयोग करने के क्या लाभ हैं ?

Gutenber Block Patterns को प्रयोग करने के कई लाभ हैं। जैसे –

• Save Time & Effort : सबसे पहले इसे Create करना बहुत आसान है। सम्बन्धित Block Select करो, Edit करो और बन गया। फिर जहाँ चाहो, Multiple times use कर सकतें हैं।
• Ready to Use Premade Patterns : इसमें पहले से Premade Pattern उपलब्ध हैं। जिन्हें Specialized Designers के द्वारा Design किया जाता है, जो की Highly Skilled होते हैं। ऐसे Specialized Patterns को हम Free में Use कर सकतें हैं। इसके साथ हम चाहें तो WordPress Block Patterns Directory से, और अधिक अपने पसंद के Patterns Download भी कर सकतें हैं।
• Flexible and Customizable : Block Patterns को बनाना काफी सरल होता है। इनमें Content के अनुसार प्रयोग करने के लिए Elements पहले से दिए गए हैं। जैसे – Featured , Column,Text, Gallery, Header, Button आदि। साथ ही प्रत्येक Pattern को Content के अनुसार Customize भी किया जा सकता है।

Website बनाने के लिये क्या-क्या आवश्यक है ?

कोई भी Website या Blog बनाने के लिये, कुछ Basic Requirements का होना बहुत आवश्यक होता है। आइये जानतें हैं कि एक सफल Website या Blog बनाने के लिये आखिर क्या-क्या चाहिए ?

Domain Name :

जब भी हम कोई Website या ब्लॉग बनातें हैं। तो उस Website का नाम ( जो कि हमने चुना है ) हमें Register करना होता है। यह Registration, Domain Registrar की Website पर होता है। जैसे कि Godaddy, Namecheap आदि। इसे Register करने की Fees निर्धारित होती है। जो Yearly Basis पर Charge की जाती है। एक से अधिक वर्षो के लिये Register करने पर प्रायः Discount भी मिलता है। Registration Period पूरा होने पर हमें अपने Domain को Renewable करना होता है। जैसे Google का Domain Name है – https://www.google.com, जहाँ –

Domain Name किसी भी Website या Blog का Unique Name और Address होता है। वास्तव में, वो Chracter Name हमारे सुविधा के लिए बनाया गया है। ताकि हम आसानी से उसे याद कर सकें। जबकि हकीकत यह है Name के पीछे एक Numbers की श्रृंखला होती है जो उस Server का IP Address होता है जो उस Website के Content को Host कर रही है।

Hosting :

Hosting को प्रायः Web Hosting भी कहतें हैं। Web Hosting एक Service है जिसके द्वारा किसी भी Website को Web Server पर Content Files जैसे – Texts, Images, Videoes आदि के लिए Storing Space (24X7) Online उपलब्ध किया जाता है।

साथ ही अन्य तकनिकी सुविधाएँ उपलब्ध की जाती है जिससे Website को उसके Contents, Internet पर Fast और Secure तरीके से ,सही समय पर, आसानी से उपलब्ध हो सके।

Web Hosting के कई प्रकार होते हैं। जो उसके Server पर आधारित होते है। जैसे – Shared, WordPress, VPS, Cloud या VPS अदि। Hosting companies Server के प्रकार एवं साथ में दी जाने वाली सुविधाओं के अनुसार Hosting Plans की कीमत तय करतीं हैं।

अतः यदि हम Blog या Website बनाते हैं तो हमें Hosting Plan लेना ही होगा। कौन सा Plan ले यह हमारी Website की आवश्यकता पर निर्भर करता है। Web Hosting के ढेरों Companies देखने को मिलती हैं। फिर भी यदि आप मेरी Choice पूँछेंगे। तो मैं Bluehost या Hostgator लेने की सलाह दूँगा।

WordPress :

WordPress को सबसे ज्यादा प्रचलित Content Management System के रुप में जाना जाता है। यह पूरी तरह से Open Source Software हैं। अतः इसे प्रयोग करना बिलकुल मुफ्त है। इसे Blogging Tools के साथ Website Builder के रुप में भी जाना जाता है।

यदि हम Market Percentage की बात करें , तो पूरे विश्व में कुछ संचालित Website या Blog का 35 % से ज्यादा Sites को WordPress CMS के द्वारा संचालित किया जाता है। विश्व के कई बड़े Brands हैं जो WordPress CMS पर अपनी Website या Blog को Design करने में विश्वास रखतें हैं। जैसे -Mecedez Benz, Walt Disney Company, Sony Music, Quartz, New York Times, Facebook आदि।

WordPress Theme :

WordPress Theme आपके Blog या Website के लिए एक User Friendly Framework होता है। जिसके द्वारा आपकी Site के Visual Appearance को Customize किया जा सकता है। सरल भाषा में कहें तो आपकी Site Front से कैसी दिखाई देगी, इसका पूरा Management, Theme की द्वारा किया जाता है।

लेकिन ये किसी Photo या Picture के दिखाई देने जैसे नहीं होती। बल्कि यह पूरा Presentation Display करती है। जिसमे User के Click करने मात्र पर, विभिन्न प्रकार के परिवर्तन साफ देखे जा सकते हैं। जैसे –

• Theme Design : Theme के नाम के अनुसार उपलब्ध हैं।
• Font : Style, Size and Color
• Page Layout : Static, Responsive, One/Two Coloumn आदि।
• Theme Color : कोई भी Dark या Light Color
• Template Design : Desktop या Mobile
• Post and Archives Overlook
• Style Sheets

WordPress Theme के रुप में Astra Theme हमारी One And Only One Choice है। इसके शानदार Features, हम Already इसी Post में ऊपर देख चुके हैं। हम अपने Visitors को Astra Pro Add-on प्रयोग करने के लिये Highly Recommend करतें हैं।

WordPress Plugins

WordPress Plugins Coding Language (PHP) पर लिखा गया Software Module होता है। जिसे WordPress CMS पर Install एवं Activate करने से Plugin के Functional Modules, WordPress के Coding Modules के साथ Merge एवं Execute हो जाते है। जिससे New Function के Features, WordPress Site पर कार्य करने लगतें हैं।

सामान्यतः देखने पर, सभी Plugins को एक ही प्रक्रिया से Install किया जाता है। WordPress CMS के कौन से Function या Part पर इनका प्रभाव होगा, यह भी इनके Coding Module में उपलब्ध होता है।

Astra और Gutenberg प्रयोग करके Website कैसे बनाये ?

Astra और Gutenberg प्रयोग करके Website बनाने के लिये, सबसे पहले हमें Domain Name एवं Hosting Purchase करनी होगी। किसी भी Hosting Provider Company से आप Hosting एवं Domain Name दोनों खरीद सकतें हैं।

WordPress Installation

वैसे तो अधिकतर Hosting Provider One Click WordPress Installation की सुविधा देतें हैं। फिर भी यदि आप Bluehost से Hosting Purchase करतें हैं। तो WordPress Install करने की Process निम्न अनुसार होगी।

1. Bluehost के Site से जाकर अपना Hosting Plan, चुनकर Payment करने के बाद Login करें।

2. Bluehost Account में “My Sites “ में Click करके “Create Site” पर Click करें।

3. Site Name में अपनी Website का Name तथा Site Tagline Type करें। तथा Next में Click करें।

4. Domain में अपनी Website का Domain Name Type करें। निचे दिए गये Plugins में से जो नहीं चाहिए उन्हें Unchek करें। तथा Next में Click करें।

5. अंत में आपकी Website में WordPress Installed होने का Message आ जायेगा। Installation Details से अपना WordPress Username और Password जरूर Copy करें। इसके बाद, Worpress Login Link में Click करके आप WordPress Dashboard पर जा सकतें हैं।

Astra Theme कैसे Install करें ?

WordPress Installation के बाद, WordPress Dashboard पर Login करें। तथा Appearance पर जाकर Themes पर Click करें।

Astra Theme add करने के लिए Add New Button पर Click करें। उपर दिये गये Search Box पर “Astra” Type करें,

अब Select की गयी Astra Theme आपके सामने दिखेगी। Astra Theme को Install करने के लिए, Install Button पर Click करें।

Installed की गयी Astra Theme को Activate Button पर Click करके Activate करें।

Starter Template Plugin कैसे Install करें ?

Starter Template Plugin, Install करने के लिये, सर्वप्रथम WordPress Dashboard पर Plugin Select कर Add New पर Click करें।

इसके बाद Plugin Search Box में Starter Template Type करें। तथा Brainstorm Force के Starter Template Plugin के Install Button पर Click करें।

और अंत में Install किया गया Starter Template Plugin को Activate करने के लिये, Activate Button पर Click करें। अब हमारे पास Starter Template Libraries उपलब्ध हैं, जिन्हें हम अपने Website पर प्रयोग कर सकतें हैं।

Starter Theme को Choose एवं Install कैसे करें ?

Starter Template Theme को Choose करने के लिये, सर्वप्रथम WordPress Dashboard से Plugins Tab पर Installed Plugins पर Click करें। तथा Starter Template Plugin पर See Library पर Click करें।

Build Your Website Now पर Click करें।

क्यूँकि हम इस Article पर Gutenberg Block Editor पर Focused हैं। अतः, Block Editor पर Click करें। आप चाहें तो Elementor या Beaver Builder भी Select कर सकतें हैं।

अपने Choice की Website का Theme Choose करें। जैसे की हमने यहाँ पर Online Meditaion Course, Choose किया है। आप चाहें तो Catrgory Wise भी Website देख सकतें हैं।

Website Theme Select करने के बाद, अपनी Website के लिये Logo Select करें। यहाँ आप Logo की Width भी बढ़ा या घटा सकतें हैं। Continue करने के बाद Site के लिये Font एवं Color चुनें और Continue Button पर Click करें।

और अंत में Basic Details Fill Up करें। जैसे – Name, Work Email, Profession, Website for आदि। Advanced Options Check Boxes को अपने Choice के अनुसार Set करें। और Submit & Build My Website पर Click करें। थोड़ा Wait करने के बाद आपकी Website की Theme Import एवं Install हो जाएगी।

Gutenberg के लिए Ultimate Addons कैसे Install करें ?

Ultimate Addon for Gutenberg एक Free WordPress Plugin है। जो कि Gutenberg Blocks के Features को Enhance कर देता है। जैसा कि Gutenberg Block के विषय में, हम उपर इसी Article में जान चुके है। Ultimate Addon for Gutenberg Plugin के प्रयोग करने से हमें Gutenberg Blocks के लिये Additional Blocks का Set मिलता है। जो हमारे Website के Functionality एवं Professional look को बढ़ता है। अतः सभी Users को, यह Plugin प्रयोग करना ही चाहिए।

इस Plugin को Install करना बिलकुल आसान है। WordPress Dashboard से Plugin Tab पर जायें, तथा Add New option पर Click करें। Search Box पर Gutenberg Block Search करते ही, Brainstorm Force के UG Symbol वाले Plugin को Install एवं Activate करें।

Install और Activate होने के बाद आप देखेंगे कि, आपके Gutenberg Blocks में ढेरों Ultimate Addon Block भी Add हो गये हैं।

Gutenberg Block Patterns पर Content Add एवं Customize कैसे करें ?

जैसा के हम जानतें हैं, के Gutenberg Block Pattern कई Blocks का Group होता है। तथा इसमें Content का add करना काफी आसान होता है। इसके लिये Post या Page जहाँ पर भी Content add करना हो, वह Mouse Cursor से Click करने के बाद Add Pattern Button पर Click करें।

यहाँ पर By Default Blocks Selected होता है। अतः Pattern Button पर Click करें। Drop Down Menu पर आपको Pattern के Types दिखाई देंगे। अपने आवश्यकता के अनुसार Type Select करें।

जैसे मान लीजिये हमें Three Column का Text अपने Content में Add करना है। तो Text Type Select करके, Three Column of Text Link पर Click करें। यहाँ पर हम कई Option चुन सकतें हैं। जैसे – 2 Column of Text, Text With Picture, Quote आदि कोई भी Text से Related Pattern आसानी से Add किया जा सकता है। जिस Block पर Edit करतें हैं, वह Highlighted हो जाता है। जिसे हम अपने अनुसार Customize कर सकतें हैं। साथ ही उस Block की Property, Right Hand Side दिखती है।

Custom Block Pattern को Page पर कैसे प्रयोग करें ?

Custom Block Patterns बनाना तब थोड़ा मुश्किल हो जाता है, जब Coding का कम Knowledge हो। और यदि ऐसा है, तो हमें Plugin का सहारा लेना चाहिए। Custom Block Patterns बनाने के लिये कई Plugins हैं। जैसे – Editorskit, Custom Block Patterns, BlockMeister, Control Block Patterns आदि। तथा मेरे अनुभव पर मुझे BlockMeister ज्यादा पसंद आयी। क्यूँकि यह Free है, साथ ही Easy to Use भी है। तो चलिए शुरु करतें हैं।

WordPress Dashboard पर, Plugin Tab में जायें, तथा Add New Plugin पर Click करें। Plugin Search Box में “BlockMeister” Type करें। तथा Install और Activate करें।

BlockMeister Plugin Install होते ही, यह WordPress Dashboard पर दिखाई देने लगेगा। Custom Block Pattern बनाने के लिये Add New पर Click करें।

New Custom Pattern Design, Page Open होगा। यहाँ पर Gutenberg Blocks हम same उसी तरह Add कर सकतें हैं, जैसे के हम किसी Post या Page पर करते थे। अतः अपने मन मुताबिक Blocks Add करें। जैसा के मैंने यहाँ Pattern Title “HindiStep Custom Pattern ” लिया है। एक Heading , एक Paragraph, एक Links, और अंत में एक Image Block Add किया है। Patten पूरा Complete होते ही, Publish Button पर Click करें।

अब हमारा Custom Pattern तैयार हो चूका है। हम जब चाहें इसे किसी भी Page या Post पर इसे Add कर सकतें हैं। साथ ही यह वैसे ही अन्य Patterns की तरह Gutenberg Patterns की list में Add भी हो चूका है।

तथा इसे Select करने पर कुछ इस तरह दिखेगा।

Website को Test कैसे करें ?

“Hindistep.com” WordPress Theme के मामले में केवल और केवल “Astra” पर भरोसा करता है। हम Astra Theme के साथ इसका Premium “Astra Pro” Addon भी Regular use करतें हैं। यह एक Regular Blog है, ना की कोई Startup Website, एवं हमारे ब्लॉग में Google Adsense के Advertisment भी आते हैं। जो की Speed काफी Slow करतें हैं। तो चलिये इसका Speed Test करतें हैं। यह Test हमारे Domain Name – https://hindistep.com के लिये किया जा रहा है। तथा इसे Test करने के लिये 2 Popular, Speed Test Tools की Website हैं –

• Google PageSpeed Insights
• GTmetrix.

Google PageSpeed Insights :

GTMetrix

Healthy Website लिये 5 आवश्यक Plugins :

कसी भी WordPress Website या Blog में Plugins का अहम् Role होता है। कुछ Plugins तो प्रत्येक Website पर होने ही चाहिए। यहाँ पर हम 5 सबसे बेहतरीन Plugins की List आपको दिखातें हैं, जिनके प्रयोग से आप एक Healthy Website बना सकतें हैं। जैसे –

1. Sucuri For Security :

Sucuri एक User Friendly Security Plugin है। इसे WordPress Version 3.6 या उससे उपर के Versions में प्रयोग कर सकतें हैं। यह Users को Website की आवश्यकता के अनुसार Setting Customization की सुविधा देता है। जैसे – Email Alerts, Schedule Scan आदि। यह Free एवं Paid Version दोनों में उपलब्ध है।

इसके Important Features हैं। जैसे –

• WordPress Hardening
• Email Alerts
• Malware Scanning
• Core Integrity Check
• Post-Hack
• Sucuri Firewall Integration

इसके Paid Version की Pricing है। जैसे –

• Basic Platform : $199.99/Year
• Pro Platform : $299.99/Year
• Business Platform : $499.99/Year

2. Yoast For SEO :

जैसा कि हम जानतें हैं Search Engines पर Ranking पाना सभी Websites की पहली Choice होती है। सन 2008 से Yoast लगातार अपने WordPress Users की Website या Blog को Search Engines पर Ranking उपलब्ध करता आ रहा है। यह Full Featured WordPress SEO Plugin है।

Yoast का Slogan है ” SEO for Everyone ” अतः यह Plugin सभी WordPress Sites को ध्यान में रखकर बनाया गया है। यह Paid एवं Free Version दोनों में उपलब्ध है। इसके 5+ Million Active Installation हैं, और लगभग 25786 Users ने इसे द्वारा 5 Star Rating दी है। यह WordPress पर No. 1 SEO Plugin के रुप में भी जाना जाता है।

इसके Important Features हैं। जैसे –

• Automated Technical improvements. जैसे – Canonical URLs, Meta Tags.
• Advanced XML Sitemaps.
• Title and Meta Description.
• Schema.org Integration.
• Site Breadcrumbs.
• Faster Loader Times.

इसके Paid Version की Pricing है। जैसे –

वैसे तो Yoast Free Plugin है। परन्तु Premium Features लेने के लिये इसे $99/Year पर Buy कर सकतें हैं।

3. UpdraftPlus For Backup :

किसी भी Website का Backup उपकी First Priority होती है। क्यूँकि, Server Crash, Hacks, Security Flaws, Insecure Plugins, Theme Crash या अन्य कोई Problem होने पर हम अपने Website का पूरा Content खो सकतें हैं। जिससे हमें Time, Effort एवं Money तीनों का नुकशान होता है।

UpdarftPlus एक High Rated WordPress Backup Plugin है। यह काफी User Friendly है। इसके 3+ Million Active Installation हैं। 5596 के लगभग 5 Star Rating है। तथा इसे Free एवं Paid दोनों Version पर लिया जा सकता है। अतः इसे Top Backup Plugins के List में गिना जाता है।

इसके Important Features हैं। जैसे –

• Automatic Backup on Schedule.
• Manual Backup.
• Can Backup WordPress Files, Databases, Plugins, and Themes.
• Clone the Entire Website.
• Can Encrypts Database.
• Multisite/Multi-Network Capable.
• Allows More Storage Destinations.

इसके Paid Version की Pricing है। जैसे –

• Enterpise : $195 / Year for Unlimited Sites.
• Agency : $145 / Year for 35 Sites.
• Business : $95 / Year for 10 Sites.
• Personal : $70 / Year for 2 Sites.

4. WP Rocket For Cache :

WP Rocket को World की Best Caching Plugins की List में रखा जाता है। इससे Website का Load Time घटाने में मदत मिलती है। सबसे बड़ी बात यह कार्य, हम बिना किसी Coding Knowledge के कर सकतें हैं। इसे 2188K+ Websites पर Install किया जा चूका है। और यह World की लगभग सभी Best WordPress Themes को Support करता है।

इसके Important Features हैं। जैसे –

• Page Caching
• GZIP Compression
• Lazy Load on Media Pictures.
• Cache Preloading
• eCommerce Optimization
• Browser Caching
• Excellent Compatibility
• Minify CSS and JS Files.

इसकी Pricing है। जैसे –

• For 1 Website : $39.20/Year
• For 3 Website : $79.20/Year
• For Unlimited Website : $199.20/Year

Jetpack for Multiple Purposes :

Jetpack एक Multitasking WordPress Plugin है। Jetpack में WordPress Security, Performance, Marketing, Design Tools जैसे कई Tools के प्रयोग से हमारी WordPress Site सुरक्षित, तेज के साथ Traffic भी Grow करती है। Jetpack के 5+ Million Active Installation हैं। तथा इसे Free एवं Paid दोनों Version में उपयोग किया जा सकता है।

इसके Important Features हैं। जैसे –

• Can Backup and Restore Realtime.
• Automatic Malware Scan, Security Scan or other code threats.
• Block Spam Comment.
• Moniter Site uptime/downtime.
• Provide Two Factor Authentication for Extra Protection.
• Brute Force Attack Protection for WordPress Login Page.

इसके Paid Version की Pricing है। जैसे –

• Backup : Rs 209/Month
• Security : 479/Month
• Anti Spam : Rs 209/Month
• Scan : Rs 209/Month
• Video Press : Rs 209/Month
• Complete : Rs 1599/Month

Astra & Gutenberg Block Patterns FAQs

मैं Gutenberg Website कैसे बनाऊँ ?

Gutenberg Website बनाने के लिये निम्न Steps को Follow करें। ये बेहद आसान हैं। जैसे –

1. Domain Name & Hosting खरीदें।
2. Hosting Account से Server पर WordPress CMS Intall करें।
3. WordPress Dashboard से WordPress Theme Install करें। जैसे – Astra
4. Gutenberg Block और Patterns की मदत से Post या Page बनायें।
5. Posts या Pages को Publish करें।

मैं Gutenberg में Custom Block कैसे बनाऊँ ?

Gutenberg में Custom Block बनाने के लिये Coding Skills का Knowledge होना आवश्यक है। यदि Coding Knowledge कम है, तो Plugins का सहारा लिया जा सकता है। WordPress में Custom Blocks बनाने के लिये कई Popular Free Plugins हैं। जैसे – Atomic Blocks, Otter Blocks, Advanced Gutenberg, Kadence Blocks, Genesis Custom Blocks आदि। इन Plugins में New Blocks बनाने एवं Configure करने के User Friendly Steps दिये जातें हैं। अतः आसानी से Block Design करके Publish किया जा सकता है।

मैं WordPress में Block Pattern कैसे प्रयोग करूँ ?

WordPress Gutenberg Editor में Block Pattern का Use करना बेहद आसान है। इसके लिए निम्न Steps को Follow करें। जैसे –

• जिस Post/Page पर Pattern बनाना हो उसे Open करें। या New Post/Page Create करें।
• उपर Left Corner पर Add Button “+” या निचे Browse all Blocks Button पर Click करें।
• Pattern Tab पर Click करें।
• दिए गए Fields में से, जो Pattern Add करना हो उसके Link पर Click करें।
• Pattern आपके Post/Page पर Add हो जायेगा। अब उसे Customize कर लें।

मैं Gutenberg के साथ Design कैसे करूँ ?

अपने Post/Page पर Gutenberg से साथ Design करने के लिये, या तो आप Individual Gutenberg Blocks को Use कर सकतें हैं। या फिर सीधे Gutenberg Block Patterns को अपने Post/Page पर लाकर Customize कर सकतें हैं। इसके लिये Pattern Types के अंदर अलग-अलग Designs के Patterns पहले से ही उपलब्ध हैं। यदि फिर भी आपके अनुसार Pattern उपलब्ध नहीं हो। तो Custom Pattern Create कर सकतें हैं। जहाँ पर हम अपने मन मुताबिक Pattern Design कर सकतें हैं।

क्या WordPress पर Gutenberg, Free है ?

जी हाँ। WordPress Gutenberg Editor बिलकुल Free है। यह हमसे, इसे Use करने की कोई Fees नहीं लेता। ना ही हमें WordPress को इसके लिये कोई Fees देनी होती है। लेकिन WordPress जिस Server में Installed या Hosted है, उसकी Fees हमारी Hosting Company हमसे लेती है। हालाँकि इस Fees में अन्य और भी, कई Services Included होती है।

निष्कर्ष : Astra एवं Gutenberg

उपरोक्त पोस्ट में हमने जाना कि – WordPress Gutenberg क्या है ? , Astra क्या है ? Astra Pro क्या है ? , Astra Pro से Website बनाना आसान क्यों है ? , Block Patterns क्या हैं ? , Website बनाने के लिये क्या-क्या आवश्यक है ? , Astra और Gutenberg प्रयोग करके Website कैसे बनाये ? , Healthy Website लिये 5 आवश्यक Plugins और अंत में Astra & Gutenberg Block Patterns पर FAQs.

यदि आपको कहीं कोई Doubt हो तो Comment Box में पूछें। और इस Post को तैयार करने में कुछ ज्यादा ही समय एवं मेहनत की गयी है। अतः इसे अपने Friends एवं Relatives से Share करना ना भूलें। धन्यवाद।

Disclosure : इस पोस्ट में कुछ Affiliate Links का प्रयोग किया गया है। यदि आप उन Links से खरीदी करतें हैं, तो Affiliate Commision के रुप में मुझे, कुछ धन राशि मिल सकती है। किन्तु इससे आपकी खरीदी की कीमत पर कोई असर नहीं पड़ेगा। यह राशि Company की तरफ से हमें अतरिक्त में दी जाती है। जिससे इस Blog को सुचारु रुप से चलाते रहने में हमें मदत मिलती है। साथ ही हमें नये Post लिखने के लिये उत्साहवर्धन होता है।

लेखक : अखिलेश पयासी

मैं HindiStep.com का Founder और एक Professional Blogger हूँ। मैं आपके लिए Online Income से सम्बंधित जानकरियाँ इस ब्लॉग से नियमित Share करता हूँ।

सम्पर्क करें