Overview
यह एक सिंगल पेज वेबसाइट है। इसमें कोई मंजूर नहीं है हम जब स्क्रोल करते हैं, साइड को, तो यह हमें डिफरेंट सेक्शन में ले जाते हैं। और यहां पर दूसरा एक वेबसाइट देखिए, यह भी एक सिंगल पेज वेबसाइट है। तो, यहां पर अगर हम क्लिक करते हैं, तो यह हमें नीचे से सेगमेंट में ले जाते हैं। इसमें कुछ इमेज गैलरी है, और यहां पर कुछ शोकेस किए गए हैं, और इसमें कुछ क्षण हैं, कोटेशन है, और यहां पर एक टू-डू सेक्शन है। लेकिन, हम जो वेबसाइट स्पीड करेंगे, उसमें मैसूर भी रहेगा, और मेलों में क्लिक करने से वह हमें डिफरेंट सेक्शन में कॉल कर जाएगा।
Theme Installation
मैं मान कर चलता हूं, आपको मालूम है कैसे वर्डप्रेस को इंस्टॉल किया जाता है। अगर आपको यह मालूम नहीं है, तो यहां पर वीडियो उपलब्ध है, मैं नीचे डिस्क्रिप्शन में लिंक दे दूंगा। आप देख सकते हैं। मैं यहां पर एक बेसिक वर्डप्रेस इंस्टॉल किया हूं। इसमें कोई भी पेज नहीं है, मैंने सारे पेज को डिलीट कर दिया है, और कोई भी प्लगइन्स नहीं है, मैंने सारे अलार्म्स को भी डिलीट कर दिया है। तो पहले हम एक थिम इंस्टॉल करेंगे। तो यहां पर, एपीएन, इसमें जाएंगे, फिर, थिम पर क्लिक करेंगे, और यहां पर ऐड न्यू पर क्लिक करेंगे। ऐड न्यू के आने के बाद, यहां पर हमने पॉपुलर पर क्लिक किया और यहां से हम पोर्शन डब्ल्यूपी थिम को यूज करेंगे। इस वीडियो के लिए क्योंकि उस डब्ल्यूपी में एक फीचर है जो है 10.3, यह फ्री में आता है। तो, यह मुझे बहुत अच्छा लगा, तो इसलिए मैंने इसको चुना। आप कोई भी थिम से बना सकते हैं, लेकिन मैं इस थिम को यूज करूंगा इस वीडियो के लिए। तो एक्टिवेट कर लिया।
Page Design
अब हम जाएंगे सेटिंग्स पर। ब्लूथ सेटिंग्स में हम जाएंगे, फैमिली इस पर, मंथ इसमें, हम यहां पर जो पावर स्ट्रक्चर है, उसको हम पोस्ट नेम कर लेते हैं। और इसको हम से चेंजेस करने हैं। तो अब हमें चाहिए कुछ लेडीज। तो लॉगिन के ऊपर हम है, उसको ले जाएंगे। फिर, हम यहां पर ऐड न्यू करेंगे। इस डिजाइन के लिए, मैं जो पेज पर यूज करने वाला हूं, वह एलिमेंटर है। आपको अगर एलिमेंटर के बारे में ज्यादा जानना है, तो यहां पर एलिमेंट के ऊपर एक पूरा सीरीज है, उसका लिंक नीचे डिस्क्रिप्शन में दे दूंगा। तो, यहां पर मैं इसको इंस्टॉल कर लिया, एक्टिवेट किया, फिर इसको मैं प्लस कर देता हूं। अब हम और प्लगइंस स्टार्ट करेंगे। इसमें कॉन्टैक्ट फॉर्म 7, कॉन्टैक्ट फॉर्म 7 के ऊपर भी डिटेल में वीडियो है, कैसे कस्टमाइज किया जाता है, कैसे फील को सेट किया जाता है, इसका लिंक भी मैंने डिस्क्रिप्शन में दे दूंगा। तो, यह हमारा दूसरा प्लगइन हो गया।
Hero Section
अब, हम एक हीरो सेक्शन डालेंगे। जैसे आप इस वेबसाइट में देख सकते हैं, यह हीरो सेक्शन है। इसके लिए हम यहां पर टेम्प्लेट में जाएंगे, हम यूज करेंगे क्योंकि में एक सुविधा यह है कि, यह जो टेम्प्लेट होते हैं, यह पूरी तरह से सपोर्ट होते हैं, और अगर आप इसके ऊपर का प्रमोशन करते हैं, इसके ऊपर डिजाइन करते हैं, तो इसमें आपको थोड़ा समय कम लगता है। तो, आप चाहें, तो इसमें से कोई भी आप यहां पर यूज कर सकते हैं। जो अभी में है, तो मैं यहां पर आपको एक पल के लिए यह ले लिया। इसके लिए हमें लॉग इन करना पड़ेगा। हमारा के साथ। तो, मैं इसको कट कर लेता हूं।
About Section
तो, यहां पर यह जो सेक्शन है, यह आ गए हैं। आप देख सकते हैं। अगर आप इसको मोबाइल डिवाइस में देखेंगे, तो यह पूरी तरह से रिस्पॉन्सिव है। तो, यह एक सुविधा है टेम्प्लेट के ऊपर डिजाइन करने के लिए। तो, मैं इस सेक्शन को थोड़ा एडिट करूंगा। तो, यह जो पहला बैकग्राउंड इमेज है, मैं इसको सेलेक्ट कर लेता हूं। इसके लिए मैं इसे लर्न पर क्लिक किया, फिर, हम टाइल पर जाएंगे, और यहां से इस इमेज को हम हटा देंगे और अपनी इमेज डालेंगे। तो, मैं इस डिजाइन के लिए कुछ इमेज सेलेक्ट करके रखा हूं। मैं सारी हम इसको यहां पर अपलोड कर लेता हूं। तो, आप ध्यान में रखिए, आप जो भी इमेज यूज करेंगे, उसका साइज है, जितना कम होगा, उतना भी अच्छा होगा, आपको पेज लोडिंग टाइम में उतना फायदा मिलेगा। तो, हीरो के लिए मैं इस इमेज को यूज करूंगा।
Services Section
अब, हम इसके नीचे कुछ अबाउट सेक्शन करेंगे। उसके लिए भी हम यहां से एक सेक्शन को इंपोर्ट कर सकते हैं। ठीक है। चलिए, हम इस सेक्शन को यहां पर इनसाइड कर लेते हैं, फिर, हम इसको कस्टमाइज करेंगे। तो, यह हमारा अबाउट सेक्शन हो गया। मैं अबाउट नहीं खा, इसमें अबाउट सीखना है। ओके। अभी मैंने यहां पर मेकअप स्टूडियो लिख दिया। अपडेट कर देता हूं। और उसके बाद, अभी हम और एक सेक्शन ऐड करेंगे, जो होगा, सर्विसेस का है। इस सेक्शन को हम 120 का साइज देंगे।
Contact Form
अब, हम कांटेक्ट फॉर्म क्रिएट करेंगे। उसके लिए, हम यहां पर एक पिन एडमिन सेक्शन, हम यहां पर क्रिएट कर लेते हैं। यह सेक्शन है, इसका जो हाइट है, इसको हम करते हैं फुल स्क्रीन। तो, इसका बैकग्राउंड में हम एक इमेज डालेंगे। जो इमेज है वह यह है। ओके, यह मैच हो गया। अभी, हम यहां पर यह सेक्शन है, इसको हम डुप्लीकेट कर लेंगे नई डिजाइन की सुविधा के लिए, और इसमें हम एक कांटेक्ट फॉर्म को ऐड करेंगे। लेकिन, उससे पहले, हमें कांटेक्ट फॉर्म को क्रिएट करना है। तो, इसके लिए हम फिर से हमारे डैश बोर्ड में जाएंगे, उल्टे सपोर्ट में, हम यहां पर कांटेक्ट पर जाएंगे और ऐड न्यू पर क्लिक करेंगे। तो, यह कांटेक्ट फॉर्म सेवेन यहां पर, यह हो गया। लेकिन, हमारा यह जो फॉर्म फिल है, यह हम खुद से क्रिएट कर सकते हैं, या फिर जो भी है इसको भी हम यूज कर सकते हैं। तो, हम यह जो फॉर्म है, इसको हम क्रिएट कर लेते हैं। पहले हम यहां पर एक टेक्स्ट फील्ड डालेंगे।
### Tag Line for the Article
“Creating a Single Page Website with Free Apps in WordPress: A Comprehensive Guide”