ग्रेव सीएमएस के साथ शुरू करें

Feb 2, 2026
कैसे करना है
Get started with Grav CMS
(छवि क्रेडिट: भविष्य) [1 9]

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

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

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

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

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

[4 9] फ़ाइलों को डाउनलोड करें

इस ट्यूटोरियल के लिए।
  • सही सीएमएस कैसे चुनें

01. स्थानीय वातावरण को कॉन्फ़िगर करें

ग्रेव को एक वेबसर्वर, जैसे अपाचे या nginx, और PHP के कम से कम संस्करण 7.1.3 की आवश्यकता होती है।

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

02. एक वर्किंग डायरेक्टरी बनाएं

स्थानीय सर्वर की वेब रूट के भीतर, एक नई निर्देशिका बनाएं और इसे "ग्रेव-प्रोजेक्ट" कॉल करें एक कमांड प्रॉम्प्ट या टर्मिनल और परीक्षण खोलें यह देखने के लिए कि क्या PHP "PHP -V" के साथ PHP "PHP -V" के साथ स्थापित किया गया है या नहीं।

यदि नहीं, तो सुनिश्चित करें कि PHP स्थापित है।

03. ग्रे की एक प्रति स्थापित करें

गुरुत्वाकर्षण स्थापित करने का सबसे आसान तरीका वेबसाइट से ज़िप फ़ाइल डाउनलोड करना और इसे पहले बनाए गए फ़ोल्डर में निकालना है।

Grav Cli का पता लगाने के लिए GIT स्थापना विधि का उपयोग करें। स्थानीय सर्वर की वेब रूट पर नेविगेट करें और निम्न आदेश चलाएं। 

 गिट क्लोन-बी मास्टर https://github.com
GetGrav / Grav.git ग्रेव प्रोजेक्ट

04. निर्भरता स्थापित करें

[9 1] [9 2]

आपको आवश्यक निर्भरताओं को स्थापित करने के लिए संगीतकार का उपयोग करें (छवि क्रेडिट: वेब डिजाइनर) [1 9]

ज़िप के साथ इंस्टॉल करते समय छोड़ें। निर्देशिका को "ग्रेव-प्रोजेक्ट" में बदलें, फिर आवश्यक निर्भरताओं को स्थापित करने के लिए संगीतकार का उपयोग करें।

एक बार इंस्टॉल हो जाने पर, थीम और प्लगइन्स स्थापित करने के लिए ग्रेव सीएलआई का उपयोग करें। विंडोज़ पर, ग्रेव कमांड को "PHP" के साथ तैयार किया जाना चाहिए 

 सीडी ग्रेव प्रोजेक्ट
संगीतकार स्थापित - कोई-देवो
बिन / ग्रेव इंस्टॉल

05. स्थापना का परीक्षण करें

Get started with Grav CMS: Test the installation

404 पाने की कोशिश न करें (छवि क्रेडिट: वेब डिजाइनर) [1 9]

बार्न को लोकलहोस्ट / ग्रेव-प्रोजेक्ट में एक्सेस किया जा सकता है। ब्राउज़र में इस पृष्ठ को खोलने से ग्रेव वेलकम स्क्रीन दिखाता है।

त्रुटियों के परीक्षण के लिए टाइपोग्राफी पृष्ठ पर क्लिक करें। यदि आपको 404 त्रुटि का सामना करना पड़ता है, तो दस्तावेज़ में ग्रेव की समस्या निवारण का संदर्भ लें।

06. एक नया पृष्ठ जोड़ें

Get started with Grav CMS: Add a new page

ग्रेव पेज को टेक्स्ट फाइलों के रूप में संग्रहीत किया जाता है (छवि क्रेडिट: वेब डिजाइनर) [1 9]

ग्रेव में एक पृष्ठ निर्देशिका "उपयोगकर्ता / पृष्ठ" में एक टेक्स्ट फ़ाइल है। एक नया पृष्ठ बनाने के लिए, "ग्रेव-प्रोजेक्ट / उपयोगकर्ता / पृष्ठ निर्देशिका" पर नेविगेट करें और 03 नाम नामक एक नया फ़ोल्डर बनाएं। इसके बाद, एक नई फ़ाइल बनाएं जिसे डिफ़ॉल्ट.md कहा जाएगा।

पन्नों को प्रस्तुत करने के लिए ग्रेव "मार्कडाउन सिंटैक्स" का उपयोग करता है।

07. व्यवस्थापक पैनल स्थापित करें

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

 PHP बिन / जीपीएम इंस्टॉल व्यवस्थापक

08. एक व्यवस्थापक उपयोगकर्ता बनाएँ

Get started with Grav CMS: Create an admin user

व्यवस्थापक मॉड्यूल के साथ आप एक व्यवस्थापक उपयोगकर्ता बना सकते हैं (छवि क्रेडिट: वेब डिजाइनर) [1 9]

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

09. व्यवस्थापक इंटरफ़ेस के साथ संपादित करें

व्यवस्थापक पैनल सेट अप के साथ बाएं हाथ की बार में पृष्ठों पर क्लिक करें, फिर पहले किए गए पृष्ठ के बारे में क्लिक करें।

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

10. बच्चे पृष्ठ जोड़ें

व्यवस्थापक पैनल में टाइपोग्राफी पृष्ठ को हटाएं, फिर इसे बदलने के लिए एक नया पृष्ठ जोड़ें।

शीर्षक और फ़ोल्डर नाम के लिए सेवाएं दर्ज करें, फिर जारी रखें, बाकी विकल्पों को उनके डिफ़ॉल्ट मान के रूप में रखें। इस पृष्ठ के लिए कुछ सामग्री दर्ज करें और सहेजें पर क्लिक करें।

अब "जोड़ें" बटन के साथ एक और पृष्ठ बनाएं, और एक सेवा नाम दर्ज करें। सुनिश्चित करें कि "दृश्यमान" हां पर सेट किया गया है, फिर जारी रखें।

11. मॉड्यूलर को होमपेज सेट करें

[21 9] Get started with Grav CMS: Set homepage to modular

अधिक जटिल पृष्ठों के लिए, मॉड्यूलर को मॉड्यूलर में बदलें (छवि क्रेडिट: वेब डिजाइनर) [1 9]

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

12. एक मॉड्यूल जोड़ें

Get started with Grav CMS: Adding a module

चलो एक हीरो मॉड्यूल जोड़ें (छवि क्रेडिट: वेब डिजाइनर) [1 9]

मॉड्यूल थीम द्वारा सेट सामग्री ब्लॉक हैं जिनका उपयोग अलग-अलग स्टाइल अनुभागों वाले पृष्ठ का निर्माण करते समय किया जा सकता है।

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

13. हीरो मॉड्यूल पॉप्युलेट करें

Get started with Grav CMS: Populate the Hero module

मॉड्यूल अपने मूल पृष्ठ पर एक ब्लॉक में प्रस्तुत करते हैं (छवि क्रेडिट: वेब डिजाइनर) [1 9]

मॉड्यूल का इलाज व्यवस्थापक पैनल में उपपृष्ठों के समान किया जाता है, लेकिन एक उपपृष्ठ बनाने के बजाय, वे अपनी सामग्री को अपने मूल पृष्ठ पर एक ब्लॉक में प्रस्तुत करते हैं। नव निर्मित हीरो मॉड्यूल को संपादित करें और हेडर, कुछ टेक्स्ट जोड़ें और "पेज मीडिया" में नायक छवि जोड़ें। पृष्ठ को सहेजें।

14. एक विशेषताएं मॉड्यूल जोड़ें

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

15. एक टेक्स्ट ब्लॉक जोड़ें

मुखपृष्ठ पर अंतिम मॉड्यूल एक मानक सामग्री ब्लॉक होगा। इसे जोड़ें और इस क्षेत्र में वांछित सामग्री दर्ज करें, एक छवि संलग्न करें और पृष्ठ को सहेजें।

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

16. विकल्प कॉन्फ़िगर करें

साइट लोगो और थीम के लिए विकल्पों की एक सरणी सेट करने के लिए, "थीम्स" मेनू पर जाएं और फिर वर्तमान में सक्रिय थीम, क्वार्क पर क्लिक करें।

इन सेटिंग्स को समायोजित करें, फिर "साइट शीर्षक" जैसे विकल्पों तक पहुंचने के लिए "कॉन्फ़िगरेशन" पर क्लिक करें।

यह लेख मूल रूप से रचनात्मक वेब डिज़ाइन पत्रिका के अंक 2 9 1 में प्रकाशित किया गया था वेब डिजाइनर । यहां अंक 291 खरीदें ।

संबंधित आलेख:

  • एक हेडलेस सीएमएस के रूप में वर्डप्रेस का उपयोग करें
  • Mo.js पुस्तकालय के साथ एनिमेट कैसे करें
  • 10 कारणों से आप परमाणु डिजाइन का उपयोग करना चाहिए

कैसे करना है - सर्वाधिक लोकप्रिय लेख

How to create a super-realistic fantasy creature

कैसे करना है Feb 2, 2026

एक फंतासी प्राणी पेंटिंग बहुत मजेदार हो सकता है। ..

Add SVG filters with CSS

कैसे करना है Feb 2, 2026

एसवीजी 2000 के दशक के बाद से आसपास रहा है, और फिर भी डि..

How to paint a dreamlike fantasy forest scene

कैसे करना है Feb 2, 2026

18 वीं शताब्दी रोकोको चित्रकारों ने कल्पना का एक अ�..

15 fantasy portrait tips

कैसे करना है Feb 2, 2026

2 का पृष्ठ 1: पृष्ठ 1 [2 9] पृष्ठ 1 ..

उपयोगकर्ता के अनुकूल मोबाइल इंटरफेस कैसे डिजाइन करें

कैसे करना है Feb 2, 2026

कुछ मोबाइल डिज़ाइन एक समस्या से पीड़ित हैं: वे सत�..

How to create a Snapchat Geofilter in Photoshop

कैसे करना है Feb 2, 2026

ग्राहक लगातार दर्शकों के साथ जुड़ने के नए तरीकों की तलाश में हैं। स्नैपच�..

How to master skin shading in 3D

कैसे करना है Feb 2, 2026

लंबे समय से अब मैं अपने साथ एक रट में फंस गया हूं ..

How to combine sculpted and painted displacement maps

कैसे करना है Feb 2, 2026

कभी-कभी उन सभी को मूर्तिकला करने के बजाय, विभिन्न �..

श्रेणियाँ