क्यों यह एक बहुत बढ़िया विषय है

मुझे कबूल करना है:

  • मुझे नहीं पता कि HTML या CSS कोड कैसे लिखें।

मैंने अपना स्वयं का ब्लॉग वर्डप्रेस के साथ स्थापित किया है, लेकिन मैंने कुछ अन्य वेब डेवलपर्स की तरह कोड की कोई पंक्तियां नहीं लिखी हैं।

तो मैंने इसे कैसे किया?

मैंने इसे एलिगेंट थीम्स से डिवाई थीम के साथ किया।

मैंने कुछ साल पहले एलिगेंट थीम की खोज की थी जब मैंने पहली बार अपना ब्लॉग बनाया था। एक बार जब मुझे पता चला कि दिवी पेज बिल्डर ने कैसे काम किया, तो मैंने तुरंत निर्णय लिया कि यह मेरे लिए एकदम सही विषय है, गैर-कोडिंग ब्लॉगर।

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

दिवि वर्डप्रेस थीम विकल्प पैनल

किसी भी आधुनिक विषय की तरह, Divi एक के साथ आता है “विषय विकल्प” बुनियादी सेटिंग्स की देखभाल करने के लिए पैनल।

इस पैनल को खोलने के लिए, पर जाएँ Divi> थीम विकल्प

divi_theme_options_1

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

divi_theme_options

अन्य सेटिंग्स आप में बदल सकते हैं “सामान्य” टैब निम्नलिखित हैं:

  • सक्षम / अक्षम दिव्य गैलरी
  • सक्षम / निष्क्रिय ब्लॉग शैली मोड
  • MailChimp एपीआई कुंजी
  • Google API कुंजी
  • सोशल मीडिया आइकन दिखाएं / छिपाएं
  • उत्तरदायी शॉर्टकोड को सक्षम / अक्षम करें
  • डेटा प्रारूप
  • कस्टम सीएसएस

इसके अतिरिक्त, आपके पास इसके लिए और सेटिंग्स बदलने के लिए टैब हैं:

  • पथ प्रदर्शन
  • ख़ाका
  • विज्ञापन
  • एसईओ
  • एकीकरण
  • अपडेट

यदि आप किसी विशिष्ट सेटिंग के बारे में अधिक जानना चाहते हैं, तो उस सेटिंग के दाईं ओर प्रश्न चिह्न (अर्थात सहायता) पर क्लिक करें।

divi_help_icon

Divi पेज बिल्डर के साथ पृष्ठों को अनुकूलित करना

Divi का पेज बिल्डर फीचर मुख्य कार्य है जो आपको अपनी साइट के प्रत्येक पृष्ठ को अनुकूलित करने देता है। “अनुभाग” पेज बिल्डर से बनाए गए हैं। यह पूरी चौड़ाई या कोई भी इच्छित चौड़ाई हो सकती है।

के भीतर धारा, आप विभिन्न स्तंभ लेआउट के साथ पंक्तियाँ बना सकते हैं। वे एक एकल कॉलम, दो कॉलम, तीन कॉलम और इतने पर हो सकते हैं।

divi_builder

प्रत्येक कॉलम में, आप बना सकते हैं “मॉड्यूल”।

मॉड्यूल पूर्व-निर्मित लेआउट हैं जो एक विशिष्ट उद्देश्य की सेवा करते हैं। के कुछ उदाहरण मॉड्यूल इस प्रकार हैं:

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

नीचे वीडियो देखें:

https://youtu.be/dXXhpvvWOiE

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

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

  • सामान्य सेटिंग्स
  • उन्नत डिजाइन सेटिंग्स
  • सीएसएस

divi_blog_module_settings

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

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

दिवि विजुअल बिल्डर

डिवाई थीम के नवीनतम अपडेट ने एक नए प्रकार के बिल्डर को जोड़ा: दिवि विजुअल बिल्डर।

यह फ्रंट-एंड से आपकी साइट को संपादित करने का एक तरीका है। आप WordPress से किसी भी पेज या पोस्ट को खोल सकते हैं, फिर चयन करें “विज़ुअल बिल्डर का उपयोग करें”।

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

divi_visual_builder_toolbars

आप ब्लॉग पोस्ट और टेक्स्ट मॉड्यूल में टेक्स्ट को भी एडिट कर सकते हैं:

divi_visual_builder_text

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

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

divi_visual_builder_edit_history

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

अनुभागों और पंक्तियों के बीच रिक्त स्थान समायोजित करना

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

किसी अनुभाग या पंक्ति के लिए सेटिंग खोलने के लिए, पर क्लिक करें तीन क्षैतिज रेखाएँ उक्त खंड या पंक्ति के ऊपरी बाएँ कोने पर पाया गया।

“सेटिंग” विंडो में, “सामान्य सेटिंग्स” के तहत, आपको एक विकल्प दिखाई देगा कस्टम पैडिंग ”।

divi_row_settings

यदि आप दो खंडों / पंक्तियों के बीच रिक्त स्थान बनाने की कोशिश कर रहे हैं, तो आपको पहले खंड / पंक्ति के “नीचे पैडिंग” और दूसरे खंड / पंक्ति के “शीर्ष पैडिंग” के लिए एक मान सेट करने की आवश्यकता है।

यह कैसे दिखता है और तदनुसार समायोजित करें यह देखने के लिए 1px या 2px के मूल्य का प्रयास करें।

divi_custom_padding

निष्कर्ष

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

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

Divi WordPress थीम डाउनलोड करें

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

क्या आपने पहले दिवी का उपयोग किया है? क्या आप अभी इसका उपयोग कर रहे हैं? मुझे नीचे दिए गए टिप्पणियों में दिवी के साथ अपना अनुभव बताएं!

दीवी थीम की इस समीक्षा की तरह? अपने दोस्तों को इसके बारे में फेसबुक, ट्विटर और गूगल प्लस पर बताएं!

यहाँ हाथ से चुने गए लेख हैं जिन्हें आपको याद नहीं करना चाहिए:

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top