जेनरेटप्रेस थीम कैसे सेट करे इसके बारे में है। इस जेनरेट प्रेस ट्यूटोरियल में मैं थीम के मुफ्त संस्करण में विशेष और महत्वपूर्ण विशेषताओं पर ध्यान केंद्रित करेंगे ।
पहले हमें Appearance में Customize ऑप्शन सेलेक्ट करना है |
[su_divider size=”5″ margin=”25″]
आपको निचे इमेज है वैसे स्क्रीन पे दिखाई देगा | उसमे से हर एक ऑप्शन के बारे में डिटेल में बात करते है |
[su_divider size=”5″ margin=”25″]
साइट आइडेंटिटी
जब हम साइड आइडेंटिटी ऑप्शन सेलेक्ट करते है तो हमें साइट पे मुख्य रूप से साइट का टाइटल , टैग लाइन और लोगो के बारे में अपडेट करना होगा |
Site Title – यहाँ पे आपको आपके वेबसाइट का नाम दिखाई देगा जो आपने सेटिंग करते वक़्त पहले ही डाला है |
Hide site title को आप टिक कर के रखेंगे तो आपको वेबसाइट पे से सिर्फ लोगो ही दिखेगा |
tag line जो आपकी वेबसाइट की टैग लाइन होगी उसे आप रखे या नहीं रखना होगा तो टिक कर के हाईड कर सकते है |
Logo इस ऑप्शन में आप लोगो अपलोड कर सकते है |
लोगो लगाने के बाद साइट टाइल और टैग लाइन हाईड करना ही अच्छा होगा | चाहे तो आप लोगो में ही टैग लाइन बना के ले सकते हो |
Retina Logo – आप यहाँ पे रेटिना लोगो ऐड कर सकते है | नहीं किया तो चलेगा|
रेटिना लोगो क्या है – सामान्य लोगो से डबल पिक्सल की इमेज होनी चाहिए |
सामान्य लोगो के रूप में 500 × 500 इमेज और रेटिना के लिए 1000 × 1000 इमेज |
Site Icon (Fevicon ) साइट आइकन वह हैं जो आप ब्राउज़र टैब, बुकमार्क बार और वर्डप्रेस मोबाइल एप्लिकेशन के भीतर देखते हैं।
आप फ्री में फ़ेविकॉन बनाने के लिए www.favicon.cc पे जाके अपना फ़ेविकॉन ऑयकन तैयार कर के डाउनलोड कर सकते है |
अब आप publish बटन दबा के इसे सेव कर ले |
[su_divider size=”5″ margin=”25″]
लेआउट ऑप्शन
Container
Appearance > Customize > Layout > Container
आप पिक्सेल में चौड़ाई समायोजित करने के लिए स्लाइडर का उपयोग कर सकते हैं, या सीधे क्षेत्र में अपना नंबर इनपुट कर सकते हैं।
आप इसे सीएसएस का उपयोग करके प्रतिशत में सेट कर सकते हैं, हालांकि मैं आमतौर पर एक उच्च पिक्सेल मूल्य चुनने की सलाह देता हूं जैसे कि आप 100% चौड़ाई वाली वेबसाइट की तलाश में हैं। यह उस चौड़ाई पर अधिकांश स्क्रीन पर 100% चौड़ा होगा।
Header
Appearance > Customize > Layout > Header
[su_divider size=”5″ margin=”25″]
Primary Navigation
Appearance Customize > Layout > Primary Navigation
Navigation Width : Full
Inner Navigation Width : Contained
Navigation Alignment : Left
Navigation Location : Float Right
Navigation Dropdown : Hover
जब भी कर्सर किसी मेनू के ऊपर जायेगा तब वो मेनू हाईलाइट हो जायेगा | तब क्लिक करते है तो वो उसी लिंक पे जायेगा |
Navigation Direction : Right
Navigation Search : Enable
enable करने से मेनू बार में राइट साइड पे सर्च आइकॉन दिखेगा | अब आप पब्लिश का बटन दबाके के सेव कर ले |
[su_divider size=”5″ margin=”25″]
SideBars
Appearance Customize > Layout >Sidebars
Sidebar Layout : Content/Sidebar
Blog Sidebar Layout : Content/Sidebar
Single Post Sidebar Layout : Content/Sidebar
साइडबार ऑप्शन में आपको साइड बार कहा चाहिए वो सेलेक्ट करना है |
आप कुछ पेज या पोस्ट में साइडबार हटाना हो तो आप पोस्ट एडिट कर के लेआउट ऑप्शन में जाके चेंज कर सकते है |
[su_divider size=”5″ margin=”25″]
Footer
Appearance Customize > Layout >Footer
Footer Width : Full
Inner Footer Width : Contained
Inner Widgets : 3
आप फुटर में अपने हिसाब से widgets रख सकते है |मुझे लगता है के ३ रखना सही रहेगा |
Back to Top Button : Enable
इससे हम वेबसाइट पे राइट साइड में निचे एक एरो दिखाई देगा | उसपे क्लिक करने से पेज के टॉप पे जायेगे |
[su_divider size=”5″ margin=”25″]
Blog
Appearance Customize > Layout > Blog
Content Type : Excerpt
[su_divider size=”5″ margin=”25″]
Colors
आपको यहाँ आपके वेबसाइट कलर कॉम्बिनेशन क्या रखें इसके बारे में है |
बेकरॉउंड कलर क्या हो, टेक्स्ट पे कलर क्या हो , लिंक कलर, लिंक पे कर्सर जाने के बाद कलर कैसा होना चाहिए | इसके लिए आप अपने हिसाब से सोच सकते है |
Navigation Color Presets इसमें से हम रेडीमेड कलर कॉम्बिनेशन सेलेक्ट कर सकते है |
जैसे के मैंने इस कलर ऑप्शन Blue ऑप्शन सेलेक्ट किया है |
[su_divider size=”5″ margin=”25″]
Typography
Body
इसमें डिफ़ॉल्ट फॉण्ट सेट कर के रख सकते है | आपको डिफ़ॉल्ट अभी है उसे बदलना चाहते तो आप इसमें चेंज कर सकते है |
Font Size – डिफ़ॉल्ट साइज क्या होनी चाहिए वो आप तय कर सकते है |
Line hight – दो लाइन में गैप आप कितनी हो ये तय कर सकते है |
Paragraph margin मार्जिन कितनी हो ये तय कर सकते है |
H1 H2 H3 यहाँ से आप फॉण्ट , फॉण्ट साइज , वेटेज ये सब हम सेट कर लेते है |
[su_divider size=”5″ margin=”25″]
General
Appearance > Customize > Layout >General
Icon Type : Font
Combine CSS को टिक रहने दे |
[su_divider size=”5″ margin=”25″]